/* common */
* { margin:0; padding:0; }
html { margin:0; padding:0; /*\*/height: 100%; /**/ font-size: 100.01%; }
body { background: #003878; font-family: Arial, Helvetica, sans-serif; font-size: 12px; /*\*/min-height: 101%;/**/ color:#fff; margin: 0px;/*text-align: center;*/ }

div.clearboth {	clear: both; display: block; height: 0; visibility: hidden; }
img { border: 0; vertical-align:middle; }
ul, ol { list-style: none; }
p { text-align: justify; }

input { background-color: #809cbc; border:none; width: 180px; height: 19px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; padding-top:1px; }
select { background-color: #809cbc; border:none; width: 180px; height: 19px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; padding-top:1px; }
textarea { background-color: #809cbc; border:0px solid #999; width: 178px; color:#fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; padding:1px; margin-top:2px; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* titles */
h1, h2 { font-size:16px; color:#fff; margin:0 0 0 0; font-family: Trebuchet, Verdana, Arial, Sans-serif; font-weight: bold; }
h3, h4 { font-size:12px; }

/* links */
a:link, a:visited { color: #fff; text-decoration: none; font-weight:bold; }
a.selected:link, a.selected:visited { color: #f8b1c5; text-decoration: none; }
a:hover, a:active { color: #fff; text-decoration: underline; font-weight:bold; }
/*div#footer p a:link, div#footer p a:visited { color:#333;}
div#footer p a:hover, div#footer p a:active { color:#999;}*/

/* layout */
div#container { background:url(../images/top-bg.jpg) no-repeat top; width: 100%; height: 4650px; margin: -10px auto 0 auto; text-align:left; overflow:hidden; }

div#main-content { width: 950px; height: 700px; text-align:center; margin: 435px auto 0px; }
div#main-content h1 { text-align:center; }
div#main-content .header { margin-bottom: 20px; margin-left: 0px; }

ul#box-content-left { background:url(../images/nos-metiers.jpg) bottom left no-repeat; height: 210px; width: 400px; text-align:left; float:left; margin-top: 20px; }
ul#box-content-left li.list-item { width: 150px; list-style: disc; text-align:left; margin-left: 280px; color:#FFFFFF; margin-top: 6px; margin-bottom: 6px; *vertical-align: top; }

ul#box-content-right { background:url(../images/nos-atouts.jpg) bottom left no-repeat; height: 210px; width: 450px; text-align:left; float:left; margin-top: 20px; margin-left: 80px; }
ul#box-content-right li.list-item { width: 170px; list-style: disc; text-align:left; margin-left: 280px; color:#FFFFFF; margin-top: 6px; margin-bottom: 6px;  *vertical-align: top; }

div#iso-content { width: 950px; height: 700px; text-align: center; margin: 0 auto; margin-bottom: 80px; padding-top: 80px; }
div#iso-content a { text-decoration: underline; }

div#demand-info-content { width: 955px; padding-top: 72px; height: 700px; text-align: center; margin: 0 auto; vertical-align: top; }
div#demand-info-content ul { vertical-align: top; margin-left: 0px; }
div#demand-info-content li.button { text-align: right; }
ul#input-fields { float: left; vertical-align:top; }
ul#text { float: left; text-align: right; margin-right: 5px; }
ul#input-fields li { margin-bottom: 9px; }
ul#text li { margin-bottom: 14px; *margin-bottom: 16px; _margin-bottom: 12px; margin-left: 10px; }
li.right-input-fields { margin-left: 25px; padding-left: 25px; margin-top: -15px; }
li.left-input-fields { margin-left: -10px; }
li.image { margin-top: -15px; }

div#plan-dacces { width: 950px; height: 315px; text-align: center; margin: 0 auto; background:url(../images/t_iso.gif) left top no-repeat; margin-bottom: 80px; padding-top: 65px; }
div#plan-dacces li.right { margin-left: 100px; }

.title-image { padding-bottom: 20px; padding-left: 10px; }

div#contact-content { width: 950px; height: 700px; text-align: left; margin: 0 auto; padding-top: 1px; }
div#contact-content li { float: left; width: 200px; }
div#contact-content li p.title { text-transform:uppercase; font-weight: bold; text-align: left; color: #f0c90e; }
div#contact-content  h3 { margin-left: 80px; margin-top: 68px; font-weight: normal; }
div#contact-content  h3 a { font-weight: bold; }
div#contact-content  ul { margin-left: 80px; margin-top: 68px }

div#navigation-container { height: 50px; width: 100%; overflow:visible; position: fixed; left:30%; top:55px; background:url(../images/semi-transparent-black-trans.png) repeat; }

div#bottom-navigation { background:url(../images/semi-transparent-trans.png); bottom: 10px; padding-top: 10px; height:24px; width:100%; position:fixed; text-align:center; color:#000; font-size: 12px; font-weight: bold; z-index: 4; left: 0; }
div#bottom-navigation a { text-decoration:underline; }

ul#navigation { margin-left: 10px; white-space: nowrap; }
ul#navigation li { float: left; height: 33px; padding-top: 17px; padding-left: 8px; padding-right: 8px; white-space: nowrap; }
ul#navigation li.nav-link:hover { background-color:#4d4d4d; }
ul#navigation li.navigation { float: left; height: 45px; padding-top: 5px; padding-left: 10px; padding-right: 20px; white-space: nowrap; }
li.navigation { height: 240px;}
li.navigation a { text-transform:normal; color: #fff; }
ul#navigation a:hover { text-decoration: none; }

/*li.nav-link { background-color:#000000; } */
li.nav-link-last { background-color: none; }
li.nav-link a { text-transform:uppercase; color: #FFFFFF; }

div#logo { background:url(../images/logo-trans.png) no-repeat top left; width: 240px; height: 50px; top:55px; position: fixed; left: 6%; }

ul#language-menu { margin: 0 0 0 -5px; padding: 0px; }
ul#language-menu li { float: left; height: 17px; padding-top: 0px; padding-left: 0px; padding-right: 1px; white-space: nowrap; color:#FFFFFF; }
ul#language-menu li.dropdown { background: url(../images/dropdown-arrow.gif) right top no-repeat; width: 105px; height: 28px; margin: 0px; padding: 0 0 0 5px; }

ul#language-list li.language-item { background-color:#808080; width: 120px; padding-bottom: 5px; margin: 0px; }

div#plan-dacces { width: 950px; height: 700px; text-align: left; margin: 0 auto; padding-top: 1px; }
div#plan-dacces li { float: left; width: 200px; }
div#plan-dacces li p.title { text-transform:uppercase; font-weight: bold; }
div#plan-dacces h3 { margin-left: 100px; margin-top: 68px; font-weight: normal; }
div#plan-dacces h3 { font-weight: bold; }
div#plan-dacces ul { margin-left: 100px; margin-top: 68px }
div#plan-dacces p { padding-bottom: 5px; }
div#plan-dacces a { font-weight: normal; }

div#intro { width: 950px; height: 310px; text-align: center; margin: 0 auto; padding-top: 25px; z-index: 5; }

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_examples.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* commom style for all browsers */
#language-menu {
text-align:left; font-family: verdana, sans-serif; position:relative; font-size:0.9em; margin:0 padding:0; list-style-type:none; width: 100px;
}
#language-menu ul {
padding:0; margin:0; list-style-type:none; /* for Firefox */
}
#language-menu li {
float:left; position:relative; height: 20px;
}

#language-menu li a, #language-menu li a:visited {
display:block; text-decoration:none; width:6em; color:#000; float:left; padding-right:1em; height:3em; line-height:3em; color:#fff; 
}
#language-menu li a.drop, #language-menu li a.drop:visited {
font-weight:bold;
font-size: 10px;
}
#language-menu li ul {
visibility:hidden; position:absolute; left:0; height:0; overflow:hidden;
}
#language-menu table {
margin:-1px; border-collapse:collapse; font-size:1em; /* font size for IE5.5 */
}

/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
#language-menu li:hover a,
#language-menu li a:hover {
text-decoration:underline; border:0;
}
#language-menu li:hover ul,
#language-menu li a:hover ul {
visibility:visible; height:auto; width:10em; background:#000; border:0px solid #ddd; left:0; top:2.5em; overflow:visible;
}
#language-menu li:hover ul li a,
#language-menu li a:hover ul li a {
display:block; font-weight:normal; background:transparent; text-decoration:none; height:auto; line-height:1.5em; padding:0.5em;
}
* html #language-menu li a:hover ul li a {
width:10em; w\idth:9em; /* hack for IE5.5 */
}
#language-menu li:hover ul li a.drop,
#language-menu li a:hover ul li a.drop {
font-weight:bold;
}
#language-menu li:hover ul li ul,
#language-menu li a:hover ul li a ul {
visibility:hidden; position:absolute; top:0; left:9.5em; height:0; overflow:hidden;
}
#language-menu li:hover ul li a:hover,
#language-menu li a:hover ul li a:hover {
text-decoration:underline;
}
#language-menu li:hover ul li:hover ul,
#language-menu li a:hover ul li a:hover ul {
visibility:visible; color:#000; border:1px solid #ddd; height:auto; background:#fff; width:9.5em;
} 
#language-menu li:hover ul li:hover ul.left,
#language-menu li a:hover ul li a:hover ul.left {
left:-9.3em;
}
#language-menu li:hover ul li:hover ul li a,
#language-menu li a:hover ul li a:hover ul li a {
display:block; height:auto;
}
#language-menu li:hover ul li:hover ul li:hover a,
#language-menu li a:hover ul li a:hover ul li a:hover {
text-decoration:underline;
}