@charset "UTF-8";
/* CSS Document */

html{
	height: 100%;
}

table, th, td {
	vertical-align:top;
	padding-top:0px;
	margin:0;
	border:0px}

a{
	text-decoration:none;
	font-weight:200;
	color:rgba(255,153,0,1);
	line-height:25px;}	

body{
	margin:0;
	padding:0;
	height:100%;
	font-weight:200; 
	font-family:"Helvetica Neue", Arial;
	font-stretch:normal;
	font-size:90%;
	
		}
	
.global{
	position : relative;
	min-height: 100%;
}

#pied {

	position: absolute;
	bottom: 0px;
	width: 100%;
	padding-top:10px;
	padding-bottom:10px;
	font-size:70%;
	text-align:center;
	color:#999;
	border-top:1px solid;
	border-top-color:rgba(204,204,204,1);

}

.margepied{
	clear:both;
	padding-top:70px}

/* Conteneurs et contenus imbriqués*/


.conteneur{
	position:relative;
	height:auto!important;
	min-width:800px;
	width:800px;
	margin:0 auto;
	color:rgba(22,115,178,1);
	text-align:justify;
}

.contenu{
	padding-bottom:50px;
	text-align:justify;
	}

.normal {
	width:100%;
	color:rgba(22,115,178,1);
	
}

.conteneur_b{
	position:relative;
	height:auto!important;
	min-width:800px;
	width:800px;
	margin:0 auto;
	color:rgba(255,255,255,1);
	text-align:justify;
	}

.normal_b {
	width:100%;
	background-color:#1673B2;
}

div .normal_b .conteneur_b p{
	margin-top:0;
	padding-bottom:2px;
	font-weight:150;
}

.cadre{
	padding-top:10px;
	padding-bottom:10px
	}
.cadre_orange{
	padding:10px;
	background-color:rgba(255,153,0,1);
	color:rgba(255,255,255,1);
	}


/* mise en forme , couleurs ,liens etc ... 
************************************** */

.lien {
	text-decoration:none;
	color:#83B817;
}


.orange {
	color:rgba(255,153,0,1);
	text-align:left;
	font-weight:400;
	font-size:20px
	
}

.rose {
	color:rgba(255,0,153,1);
	font-size:200%;
	font-weight:200;
	
}

strong {
	font-size:100%;
	font-weight:700;
	
}

.table {
	-moz-box-shadow: 0px 0px 8px 1px #CCC; 
	-webkit-box-shadow: 0px 0px 8px 1px #CCC;
	box-shadow: 0px 0px 8px 1px #CCC;
}


ul.carre li {
	
	list-style:square;
	list-style-type:square;
	padding: 5px;
	
}
	
.top{
	
	width:100%;
	background-color:rgba(255,255,255,1)


	}

.top2{
	
	width:100%;
	background-color:#FF9901


	}	
	
	
.menu{
	width:100%;
	height:50px;
	background-color:#1673B2;

	}
	
	
/*Menu de navigation*/


#navigation { 

/*Couleur de fond et forme du cadre*/

left: 50%;  
width: 100%; 
margin-left: -50%; /* moitié de la largeur */ 
padding: 0;
clear:both;
height:50px;
background-color:rgba(22,115,178,1);
border-style: hidden;
font-weight:100;


}

ul.nav-main, ul.nav-main li { 
list-style: none;
margin: 0;
padding: 0;
}

ul.nav-main { 
position:relative;
z-index: 597;
}

ul.nav-main li:hover >
ul { 

visibility: visible;

}

ul.nav-mainli.hover, ul.nav-main li:hover { 

/*Couleur des liens quand ils sont survolés*/

position: relative;
z-index: 599;
cursor: pointer;
font-weight:100;

}

ul.nav-main li { 
float:right;
display:block;
height: 51px;
font-weight:100;
font: 100% Arial, Helvetica, sans-serif;



}
ul.nav-main li a { 

/*Couleur du menu principal, liens*/

display:block;
padding: 15px 10px 0 10px;
height: 35px;
color:rgba(255,255,255,1);
font-weight:100;
font: 100% Arial, Helvetica, sans-serif;
text-decoration:none; 

}

/*Couleur du menu principal, liens, survolés*/

ul.nav-main li a:hover {
color:rgba(255,153,0,1);


}
ul.nav-main *.list { 

padding-right: 22px;

}
ul.nav-sub { 

visibility: hidden;
position: absolute;
padding:5px;
top: 51px;
left: 0;
z-index: 598;
background-color:rgba(255,204,0,1);
/*-moz-opacity:0.9;
opacity: 0.9;
filter:alpha(opacity=0);
*//*border-right: 1px solid #FFF;
border-bottom: 1px solid #FFF;
border-left: 1px solid #FFF;
*/

}
ul.nav-sub li { 

list-style:none;
display:block;
padding: 0;
height: 27px;
float: none;
width:145px;
/*border-bottom: 1px solid #5a5a5a;
*/background: none;
}
ul.nav-sub li a { list-style:none;

display:block;
color:rgba(22,115,178,1);
padding: 6px 5px 6px 5px;
height: 15px;
float: none;
font-weight:200;
width:145px;
background: none;
font: 80% Arial, Helvetica, sans-serif;
}



/*Bouton adresse*/

.adresse {
	
	position:fixed;
	top:50%;
	margin-top:-50px;
	width:200px;
	height:104px;
	display:none;
	right:20px;
	z-index:9999999;
	border:1px solid;
	border-color:rgba(22,115,178,1);
	color:rgba(255,153,0,1);
	background-color:#FFF;
	text-align:left;
	padding-top:30px;
	padding-left:15px;
	padding-right:40px;
	font-weight:200; 
	font-family:"Helvetica Neue", Arial;
	font-weight:500; 
	font-stretch:normal;
	font-size:15px;
	line-height:25px;
	
}
	
.adresse a {
	text-decoration:none;
	font-family:"Helvetica Neue", Arial;
	font-weight:300; 
	font-stretch:normal;
	font-size:15px;
	color:rgba(0,102,204,1);
	
}
	
.bouton {
	cursor:pointer;
	float:right;
	position:fixed;
	right:0px;
	top:50%;
	margin-top:-0px;
	margin-right:-60px;
	z-index:99999999;
	width:130px;
	height:30px;
	padding:3px;
	text-align:center;
	font-weight:200;
	background-color:rgba(22,115,178,1);
	text-rotation:270°;
	-moz-transform:rotate(270deg);
	-webkit-transform:rotate(270deg);
	-o-transform:rotate(270deg);
	-ms-transform:rotate(270deg)
	
	}

.boutonclose {
	

	cursor:pointer;
	float:right;
	position:fixed;
	right:0px;
	top:50%;
	margin-top:-0px;
	margin-right:-60px;
	z-index:99999999;
	width:130px;
	height:30px;
	padding:3px;
	font-weight:200;
	text-align:center;
	background-color:rgba(22,115,178,1);	
	text-rotation:270°;
	-moz-transform:rotate(270deg);
	-webkit-transform:rotate(270deg);
	-o-transform:rotate(270deg);
	-ms-transform:rotate(270deg)
	
	}

.bouton a, .boutonclose a {
	text-decoration:none;
	font-family:"Helvetica Neue", Arial;
	font-weight:200; 
	font-stretch:normal;
	font-size:15px;
	color:#FFF;
	text-transform:uppercase;
}

.bouton_gauche {
	
	position:fixed;
	top:45%;
	margin-top:-10px;
	width:50px;
	height:50px;
	left:-15px;
	z-index:9999999;
	
}

.bouton_gauche:hover {
	
	position:fixed;
	top:45%;
	margin-top:-10px;
	width:50px;
	height:50px;
	left:0;
	z-index:9999999;
	
}

.bouton_gauche_2 {
	
	position:fixed;
	top:45%;
	margin-top:60px;
	width:50px;
	height:50px;
	left:-15px;
	z-index:9999999;
	
}

.bouton_gauche_2:hover {
	
	position:fixed;
	top:45%;
	margin-top:60px;
	width:50px;
	height:50px;
	left:0;
	z-index:9999999;
	
}