
/**************************************************Sélecteurs*/

*{
 margin: 0;
 padding: 0;
 -moz-box-sizing: border-box;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
}
a{
 color: #FF9600;
}

/************************************************id primaires*/

/************************************************éléments communs*/
#lefthome ul li, #left ul li, .rail ul li, #footer ul li{
 list-style-type: none;
}
.spacer{
 clear: both;
 display: block;
}
.link{
 padding-left: 18px;
 color: #FF9600;
 height: 14px
 font-weight: bold;
}
#left{
 width: 170px;
 float: left;
 margin-bottom: 20px;
}
.navleft{
 padding:0 5px 40px 10px;
}

.logo{
 margin-bottom: 0px;
 padding-left: 3px
}
.country{
 background-color: #59595b;
 width: 170px;
 height: 17px;
 text-align: center;
 margin-bottom: 15px
}

#content{
 width: 780px;
}

.subcontent{
 float: left;
 width: 640px;
}
.rail{
 border-bottom: 1px solid #FF9600;
 padding: 30px 0 5px 15px;
 margin-left: 170px;
}
.rail li{
 display: inline;
 padding: 0 3px
}
.rail a{
 text-decoration: none;
}
#center{
	width: 470px;
	float: left;
	padding: 20px 15px 15px 15px;
	height: 360px;
}
html>body #center{
	height: auto;
	min-height: 360px;
}
#center h1{
 color: #2053A3;
 font-size: 15px;
 text-transform: uppercase;
}
.imgleft{
 float: left;
 margin: 0 12px 12px 0
}
.imgright{
 float: right;
 margin: 0 0 12px 12px
}
.imgcenter{
 text-align: center;
 margin-bottom: 12px;
}
p.important{
 font-weight: bold;
 margin: 15px 0;
 clear: both;
}

#right{
 padding-top: 20px;
 width: 140px;
 float: left;
}
#right h2{
 text-transform: uppercase;
}
.module{
 border-bottom: 1px solid #A6A6A7;
 padding:0 12px 12px 12px;
 font-weight: bold;
 margin-bottom: 12px
 font-weight: bold;
}
#footer{
 clear: both;
 background-color: #F8B511;
 width: 780px;
 padding: 2px 14px;
 color: White;
 height: 18px
 font-size: 12px;
}
#footer li{
 display: inline;
 padding: 0 3px
 font-size: 12px;
}
#footer a{
	color: White;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}

/*******************************************navigation gauche*/
.navborder{
 border-bottom: 1px solid #EE8125;
 padding:2px 0
}
.level1{
 color: White;
 font-weight: bold;
 text-decoration: none;
}
.level1_on, a.level1:hover{
 color: #2363AB;
 font-weight: bold;
 text-decoration: none;
}
.level2{
 color: White;
 text-decoration: none;
}
.level2_on,{
 color: #ed5d01;
 text-decoration: none;
}

 a.level2:hover{
 color: #59595B;
 text-decoration: none;
}


/*******************************************************Home*/
#top{
 background-color: #F8B511;
 width: 780px;
 height: 112px;
}
#contenthome{
 width: 780px;
 background-color: #FFFFFF;
}
.logohome{
 float: left;
 display: block;
 width: 170px;
 padding:0 0px 0 3px
}
#lefthome{
 width: 170px;
 padding: 20px 10px 40px 15px;
 float: left;
 background-color: #FFFFFF;
}
.leftul{
 float: left;
 width: 75%;
}
.rightul{
 float: right;
 width: 25%;
 text-align: right;
}
.flash, #top noscript{
 float: left;
 width: 610px;
}
.railhome{
 background-color: #FFFFFF;
 height: 17px;
 width: 780px;
}
.linkhome{
 padding-left: 18px;
 color: #FF9600;
 height: 14px;
 font-weight: bold;
}
.railimg{
 width: 170px;
 float: left;
 text-align: center;
}
.railcountry{
 float: right;
 margin-right: 15px;
 display: block;
 color: Black;
 text-decoration: none;
 padding-left: 20px;
 font-size: 90%
}
a.railcountry:hover{
 text-decoration: underline;
}
#centerhome{
 float: left;
 width: 410px;
 padding:15px 15px;
 margin: 0px 0;
 border-right: 1px solid #A6A6A7;
  background-color: #FFFFFF;
}
#centerhome h1{
 text-transform: uppercase;
 color: #FF9600;
 font-size: 150%
}
#centerhome select{
 width: 220px;
}
#centerhome label{
 display: none;
}
#centerhome form p{
 margin: 4px 0
}
.homesubmit{
 text-transform: uppercase;
 text-decoration: underline;
 color: #FF9600;
 border: 0;
 padding-left: 12px;
 font-weight: bold;
 cursor: hand;
}
html>body .homesubmit{
 padding-left: 15px;
 cursor: pointer;
}
.bgfilet{
 width: 100%;
 margin-top: 30px
}
.bgfilet div{
 float: left;
}
.centerleft{
 width: 180px;
 padding-right: 10px;
}
.centerright{
 width: 189px
}
.bgfilet h2, #righthome h2{
 text-transform: uppercase;
 color: #2053A3;
}
p.img{
 height: 56px
}
#righthome{
 float: left;
 width: 200px;
 padding: 15px 15px;
 margin: 0px 0 0 0
}
.modulehome{
 border-bottom: 1px solid #A6A6A7;
 padding-bottom: 12px;
 margin-bottom: 12px
}

/*******************************************************Corps de page generique*/
#center h2{
 margin-top: 20px;
 font-weight: bold;
 border-bottom: solid 1px #FF9600;
}
ul.defaultul{
 margin-left: 0px;
 margin-bottom: 10px;
}
#center p{
 margin-bottom: 10px;
}
#center p.chapo{
 color: black;
 font-size: 11px;
 font-weight: bold;
 margin-top: 10px;
 margin-bottom: 10px;
}
#center .colright{
 float: left;
 width: 50%;
}
#center .colleft{
 float: left;
 width: 50%;
}
#center .labelleft{
 float: left;
 width: 150px;
}
#center .inputTxt{
 float: left;
 width: 250px;
 border: solid 1px black;
}
#center .inputTxtLarge{
 float: left;
 width: 400px;
 border: solid 1px black;
}
#center .labellarger{
 float: left;
 width: 250px;
}
#center .inputValue{
 float: right;
 width: 150px;
 border: solid 1px black;
 text-align: right;
 padding: 2px;
}
#center .sinputTxt{
 width: 195px;
 border: solid 1px black;
}
#center select{
 width: 220px;
}
.encart{
	border: solid 1px #FF9600;
	font-weight: normal;
	text-align: center;
	margin-bottom: 10px;
	padding: 5px;
}
#center dl.result dt, dd{
	display: inline;
}
#center dl.result dt{
	margin-bottom: 5px;
	width: 170px;
}
#center dl.result dd{
	text-align: right;
	margin-bottom: 5px;
	width: 230px;
}
.centertexte{
font-weight: bold;
 text-align: left;
 padding: 25px;
}

.colleft {
float: left;
display: block;
width: 50%;
}

.colright {
float: left;
display: block;
width: 50%;
}
.chapo1{
display: inline;
 color: black;
 font-size: 11px;
 
 }

/*******************************************************Corps de page : offre emploi*/
.offre .ref{
 text-align: right;
 width: 90px;
 border-bottom: solid 1px #FF9600;
}
.offre h2{
 display: inline;
 width: 315px;
}

/*******************************************************Corps de page : faq*/
.faq h2{
 display: inline;
 width: 380px;
}

/*******************************************************Corps de page : press release list*/
#center .presslist{
 margin-top: 20px;
 border-bottom: solid 1px #FF9600;
}
#center div .year{
 float: left;
 border: solid 1px #ff9600;
 margin-bottom: -2px;
 padding-left: 4px;
 padding-right: 4px;
}
#center div .activeyear{
 float: left;
 color: white;
 font-weight: bold;
 border: solid 1px #ff9600;
 background-color: #ff9600;
 margin-bottom: -2px;
 padding-left: 4px;
 padding-right: 4px;
}
#center .yearlist{
 margin-top: 10px;
}
#center .yearlist li{
 margin-bottom: 10px;
 list-style: none;
}
#center .yearlist li.first{
 padding-left: 150px;
 border-bottom: solid 1px #ff9600;
 padding-bottom: 10px;
}
.left{float:left; margin-right:10px; margin-bottom:5px}

/*******************************************************5 blocs Dhtml*/
#bloc1, #bloc2, #bloc3, #bloc4, #bloc5{
 display: none;
}
#center .bloctitle{
 display: inline;
 cursor: pointer;
}

/*********************************************************/
.error {
 color: red;
 font-weight: bold;
 }
 
/*******************************************************Popup window*/
#popup{ width:440px; padding-top:5px; padding-bottom:5px; padding-left:20px; background-color:#2053A3;}
#popcontent{ width:440px; height:230px; padding-left:20px; padding-right:20px; padding-top:20px;}
#popcont{ width:420px; padding-left:20px; height:210px; padding-top:20px; }
.titrepop{color:#8FA8D1; spacing:10px; font-size:18px; text-valign:center ; padding-top: 18px; display: block;}
#popupbas{width:400px; display:block; padding-top:20px; padding-bottom:20px;}
#imprimer{width:150px; float: left; }
#fermer{width:150px; text-align:right; float: right;}

/************************************************éléments tableaux*/
.tabtypo thead th{
	background-color: #2053A3;
	text-align: left;
	font-weight: normal;
	color: White;
}
.tabtypo thead .tdcenter{
	text-align: center;
}
.tabtypo .colgris, .tabtypo .gris{
	background-color: #D2DEEE;
}
.tabtypo th, .tabtypo td{
	padding: 2px 4px 1px 4px;
	text-align: left;
}
.tabtypo td{
	text-align: center;
}
.tabtypo tbody th.colwhite, .tabtypo tbody th.colgris, .tabtypo thead th{
	text-transform: uppercase;
}
.tabtypo th.gris, .tabtypo th.white{
	font-weight: normal;
}
#footer a:hover {
 color: #2363AB;
 text-decoration: none;
}
