/* CSS G2S AL */

@charset "windows-1252"; 



@font-face {

	font-family: 'Helveticaneueltstd_bd';

    src: url('../font/Helveticaneueltstd_bd_webfont.eot');

    src: url('../font/Helveticaneueltstd_bd_webfont.eot?#iefix') format('embedded-opentype'),

         url('../font/Helveticaneueltstd_bd_webfont.woff') format('woff'),

         url('../font/Helveticaneueltstd_bd_webfont.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

}



@font-face {

	font-family: 'HelveticaNeueLTCom_Md';

    src: url('../font/HelveticaNeueLTCom_Md.eot');

    src: url('../font/HelveticaNeueLTCom_Md.eot?#iefix') format('embedded-opentype'),

         url('../font/HelveticaNeueLTCom_Md.woff') format('woff'),

         url('../font/HelveticaNeueLTCom_Md.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

}



@font-face {

	font-family: 'Bebas';

    src: url('../font/Bebas.eot');

    src: url('../font/Bebas.eot?#iefix') format('embedded-opentype'),

         url('../font/Bebas.woff') format('woff'),

         url('../font/Bebas.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

}



.police1 {

	font-family:HelveticaNeueLTCom_Md;

	text-align: center;

	color: #999999;

	font-size: 24px;

	padding:10px;

	font-weight: bold;

}



.police2 {

	font-family:Bebas;

	text-align:center;

	color: #999999;

	font-size: 24px;

	font-weight: bold;

	letter-spacing: 0.04em;

	}





.police3 {

	font-family:Arial, Helvetica, sans-serif;

	text-align: left;

	color: #666666;

	font-size: 14px;

	padding:0px;

	font-weight: normal;

	margin-left:10px;

}



.police4 {

	color: #000;

	font-size: 14px;

	font-weight: bold;

}



.police41 {

	color: #000000;

	font-size: 13px;

	font-weight: normal;

}



.police5 {

	color: #666;

	font-size: 16px;

	font-weight: bold;

}



.police6 {

	font-family:Verdana, Geneva, sans-serif;

	font-size:13px;

	padding:10px 10px 10px 30px;

	color: #F60;

	text-align: left;

	line-height: 1.6em;

	font-style: normal;

	}



.police7 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	padding:10px 10px 10px 10px;
	color: #000;
	text-align: left;
	line-height: 1.6em;
	font-style: normal;

	}


.police8 {
	font-family:Arial, Helvetica, sans-serif;
	text-align: left;
	color: #333333;
	font-size: 14px;
	padding:0px;
	font-weight: normal;
	margin-left:0px;

}


.bloc_titre_form {
	background-color: #FF9900;
	width: 900px;
	border: 1px solid rgba(0,0,0,.125);
	margin-left: 0px;
	padding-left: 20px;
	height: 70px;
	padding-top: 20px;
}


.bloc_form {
	background-color: #FFFFFF;
	width: 500px;
	border: 1px solid rgba(0,0,0,.125);
	margin-left: 200px;
}

.bloc_form_N2 {
	background-color: #FFFFFF;
	width: 500px;
	border: 1px solid rgba(0,0,0,.125);
	margin-left: 200px;
}


.bloc_champ_titre {
	background-color: rgba(14, 65, 27, 0.03);
	padding: 0.75rem 1.25rem;
	border-bottom: 1px solid rgba(0,0,0,.125);
	margin-bottom: 0px;
	color: #666666;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	}
	
	
	
.bloc_champ_titre_N2 {
	background-color: #FF9900;
	padding: 0.75rem 1.25rem;
	border-bottom: 1px solid rgba(0,0,0,.125);
	margin-bottom: 0px;
	color: #666666;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	}
	
.bloc_champ_titre_N3 {
	background-color: #0099CC;
	padding: 0.75rem 1.25rem;
	border-bottom: 1px solid rgba(0,0,0,.125);
	margin-bottom: 0px;
	color: #999999;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	}	
		
	
.bloc_champ {
	background-color: #FFFFFF;
	padding-left: 20px;
	height: 70px;
	padding-top: 20px;

	
}


.bloc_champ_H2 {
	background-color: #FFFFFF;
	padding-left: 20px;
	height: 130px;
	padding-top: 20px;
	padding-right: 20px;

	
}


.decal {
	padding-left: 20px;
	margin-top: 50px;
	
	
}


#cadre {

	background-color: #ffffff;

	text-align: left;

	width: 920px; /* 920 */

	border-left:0px solid #ff8000;

	border-right:0px solid #ff8000;

	overflow: hidden;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

	padding: 0px;

}





#haut {

	width: 920px; /*920 */

	height:150px;

	border-left-style: none;

	border-right-style: none;

	border-bottom: 1px solid #0099CC;

	

	

}



#haut_form01 {

	width: 920px; /*920 */

	height:200px;

	background-position:bottom left;

	background-repeat:no-repeat;

	background-image: url(../icon/banniere.png);

}





#haut_form02 {

	width: 920px; /*920 */

	height:200px;

	background-position:bottom left;

	background-repeat:no-repeat;

	background-image: url(../icon/banniere02.jpg);

}


#haut_form03 {
	width: 920px; /*920 */
	height:200px;
	background-position:bottom left;
	background-repeat:no-repeat;
	background-image: url(../icon/voyage.jpg);

}




#haut_form00 {

	width: 920px; /*920 */

	height:200px;

	background-position:bottom left;

	background-repeat:no-repeat;

	background-image: url(../icon/banniere_oece.jpg);

}

#milieu {
	width: 920px; /*920 */
	/*height:685px;*/

	text-align: left;
	line-height: 1.5em;
	border: 1px solid rgba(0,0,0,.125);

}



#bas {

	background:#ffd300;
	width: 920px;
	height: 10px;
	position: inherit;
}



#bas2 {
	background:#0099CC;
	width: 920px;
	height: 10px;
	position: inherit;
}


#bas3 {
	background:#FF9900;
	width: 920px;
	height: 10px;
	position: inherit;
}





.loginBox {

	position: relative;

	height:300px;

	width: 250px;

	padding:15px;

	color:#999999;

	border-width: 0;

	border-spacing: 5px;

	border-style: solid solid solid solid;

	border-color: #FED300;

	margin-left: 320px;

	margin-top:80px;

	background-color: #f0f0f0;

	text-align: center;

}



div#colonne1 {

    float: left;

    width: 350px;

   

}



div#colonne2 {

	float: left;

	width: 350px;

}



div#colonne3 {

    float: right;

    width: 200px;

}





#container { /* barre info */

	width: 900px;

	color: #333;

	position: relative;

	margin-top: 10px;

	margin-left: 20px;

	height: 40px;

} 



#barre_menu { /* barre menu */

	width: 900px;

	position: relative;

	margin-top: 20px;

	margin-left: 275px;

	height: 70px;

} 





#barre_menu2 { /* barre menu */

	width: 900px;

	margin-top: 0px;

	margin-left: 95px;

	

} 







#formulaire1 {

	margin-left: 20px;

}





.bouton {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFF;
	padding-bottom: 10px;
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #0099CC;
	width: 120px;
	text-align: center;
	margin-left: 500px;
	margin-top: 0px;

}



.bouton2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000;
	padding-bottom: 10px;
	padding-top: 7px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #FFCC00;
	width: 50px;
	text-align: center;
	margin-left: 10px;

}



.bouton3 {

	font-family:Arial, Helvetica, sans-serif;

	font-size:16px;

	color:#000;

	padding-bottom: 10px;

	padding-top: 7px;

	padding-left: 10px;

	padding-right: 10px;

	background-color: #CCCCCC;

	width: 150px;

	text-align: center;

	margin-left: 500px;

}



.bouton4 {

	font-family:Arial, Helvetica, sans-serif;

	font-size:16px;

	color:#FFF;

	padding-bottom: 10px;

	padding-top: 8px;

	padding-left: 10px;

	padding-right: 10px;

	background-color: #0099CC;

	width: 100px;

	text-align: center;

	margin-left: 580px;

}

.bouton5 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	padding-top: 10px;
	padding-right: 10px;
	background-color: #FF9900;
	width: 120px;
	text-align: center;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-left: 310px;

}




.bouton_lien {

	background-color: #0099CC;

	border: none;

	color: white;

	padding: 16px 32px;

	text-align: left;

	text-decoration: none;

	display: inline-block;

	font-size: 16px;

	margin: 4px 30px;

	-webkit-transition-duration: 0.4s; /* Safari */

	transition-duration: 0.4s;

	cursor: pointer;

	width: 680px;

}



.bouton_lien:hover {

  background-color: #0066CC;

  color: white;

}







.message_OK {

	font-family:Arial, Helvetica, sans-serif;

	font-size:14px;

	color:#000;

	padding-bottom: 10px;

	padding-top: 2px;

	padding-left: 10px;

	padding-right: 10px;

	background-color: #00FF99;

	width: 435px;

	text-align: center;

	margin-left: 0px;

}











.message_NOK {

	font-family:Arial, Helvetica, sans-serif;

	font-size:14px;

	color:#FFF;

	padding-bottom: 10px;

	padding-top: 2px;

	padding-left: 10px;

	padding-right: 10px;

	background-color: #FF6666;

	text-align: center;

	margin-left: 0px;

	font-weight: bold;

}



#message_INFO {

	position: relative;

	width: 600px;

	font-family:Arial, Helvetica, sans-serif;

	font-size:14px;

	color:#000;

	margin-left: 20px;

	padding-bottom: 10px;

	padding-top: 2px;

	padding-left: 10px;

	background-color: #00FF99;

	text-align: left;

}



#message_NOK {

	position: relative;

	width: 600px;

	font-family:Arial, Helvetica, sans-serif;

	font-size:14px;

	color:#000;

	margin-left: 20px;

	padding-bottom: 10px;

	padding-top: 2px;

	padding-left: 10px;

	background-color: #FF0000;

	text-align: left;

	font-weight: bold;

}



decal {

	margin-left: 20px;

}



#tab {

	margin-left: 20px;

}



.texte_centrer {
	text-align: center;
	font-size: 24px;
	color: #FFF;
}



.texte_rouge {

	color: #F00;

}



p0 {

	color: #F00;

	}



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, li, {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

}



html {

	font-family: Arial, Helvetica, sans-serif;

	font-size:  76%;

	height: 100%;

	font-weight: normal;

}

body {

	color: #3E4953;

	margin: 0 0 0 0;

	padding: 0 0 0 0;

	text-align: left; /* IE 5 browsers. */

	background: #3E4953;

	font-family: Arial, Helvetica, sans-serif;

}



ol {list-style:none;}



p {

	line-height: 1.6em;

	text-align: left;

	font-family: Arial, Helvetica, sans-serif;

	margin-left: 10px;

	font-size: 12px;

}



blockquote {

	margin: 0.5em;

	padding: .2em 0 0 2em;

	

}



.t1 {

	font-size:24px;

	margin-bottom:1em;

	font-family:Arial, Helvetica, sans-serif;

	line-height: 1.6em;

	color: #000;

	font-weight: bold;

}

.t2 {
	font-size: 24px;
	font-weight: normal;
	margin-left: 20px;

}



.t3 {

	font-size: 16px;

	text-align: left;

	color: #000000;

	padding:0px;

	font-weight: normal;

}



.t4 {

	font-size: 129%;

	margin-top: 2em;

	margin-bottom: .5em;

	line-height: 1.6em;

font-weight: normal;

}



strong {

	font-weight: bold;

}



surligne1 {

	background-color:#D6D6D6;

}









.lettre1 {

	color: #6699cc;

	font-size: 64px;

	font-weight: bold;

}





blockquote p{

		font-size: 1.0em;

		line-height: 1.6em;

		}



h1, h2, h3, h4 {

	color: #000;

	letter-spacing: 0.03125em;

}

h1 {

	font-size: 100%;

	margin-bottom:1em;

	font-family:GeosansLight;

}

h2 {

	font-size: 129%;

	margin-top: 2em;

	margin-bottom: .5em;

	line-height: 1.6em;

	font-weight: normal;

}



h4 {

	font-size: 100%;

	font-weight: bold;

	color: #333;

	margin: 1em 0 0.5em 0;

}





h5 {

	font-size: 1em;

	margin: 1.2em 0em 1.2em 0em;

	font-weight: normal;

}



a, a:link {

	color: #333;

	text-decoration: none;

}



a:visited {

	color: #000;

	text-decoration: none;

}



a:hover,

a:active {

	color: #FFF;

	text-decoration: none;

}



a:focus {

	color: #000;

}





ul#css3menu1{

	font-family:HelveticaNeueLTCom_Md;

	margin:0;

	list-style:none;

	padding:0;

	background-color:#dedede;

	border-width:1px;

	border-style:solid;

	border-color:#5f5f5f;

	-moz-border-radius:5px;

	-webkit-border-radius:5px;

	border-radius:5px;

	font-size:0;

	z-index:999;

	position:relative;

	display:inline-block;

	zoom:1;





	*display:inline;}

ul#css3menu1 li{

	display:block;white-space:nowrap;font-size:0;float:left;}

* html ul#css3menu1 li a{

	display:inline-block;}

ul#css3menu1>li{

	margin:0;}

ul#css3menu1 a:active, ul#css3menu1 a:focus{

	outline-style:none;}

ul#css3menu1 a{

	display:block;

	vertical-align:middle;

	text-align:left;

	text-decoration:none;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	color:#000000;

	text-shadow:#FFF 0 0 1px;

	cursor:pointer;

	padding:10px;

	background-color:#c1c1c1;

	background-image:url("mainbk.png");

	background-repeat:repeat;

	background-position:0 0;

	border-width:0 0 0 1px;

	border-style:solid;

	border-color:#C0C0C0;

		

}

ul#css3menu1 li:hover>a,ul#css3menu1 li a.pressed{

	background-color:#FED300;

	border-color:#C0C0C0;

	border-style:solid;

	color:#000000;

	text-shadow:#FFF 0 0 1px;

	background-image:url("mainbk.png");

	background-position:0 100px;

	text-decoration:none;

}



ul#css3menu1 li a.mrbs{

	background-color:#FF9900;

	border-color:#C0C0C0;

	border-style:solid;

	color:#000000;

	text-shadow:#FFF 0 0 1px;

	background-image:url("mainbk.png");

	background-position:0 100px;

	text-decoration:none;

}





ul#css3menu1 li.topfirst>a{

	border-radius:5px 0 0 5px;-moz-border-radius:5px 0 0 5px;-webkit-border-radius:5px;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;}

ul#css3menu1 li.toplast>a{

	border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;-webkit-border-radius:0;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;}
