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

body {
	/*background-color:#d1d3d4;*/
	background-color:#afafb1;
}

#main2 {
width: 992px;               
margin-left: -496px;      
left: 50%;
margin-bottom: 0px;
padding: 0px;
position: absolute;
height:1040px;
}


#main {
	position:absolute;
	left: 50%;
	top:0px;
	width:900px;
	height:720px;
	margin-left: -450px; 
}

#barre_bleu {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:294px;
	background-color:#00132a;
}

#barre_grise {
	position:absolute;
	left:0px;
	top:294px;
	width:100%;
	height:426px;
	background-color:#FFF;
	background-image:url(../images/fond_001.jpg);
}

#barre_langues {
	position:absolute;
	left:830px;
	top:5px;
	width:50px;
	height:20px;
	z-index:100;
	color:#417ab6;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	font-size: 10px;
}

#barre_langues a {
	color:#d6d5d5;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
}

#index-01 {
	position:absolute;
	left:0px;
	top:0px;
	width:347px;
	height:147px;
}

#index-02 {
	position:absolute;
	left:347px;
	top:0px;
	width:220px;
	height:147px;
}

#index-03 {
	position:absolute;
	left:567px;
	top:0px;
	width:333px;
	height:147px;
}



#index-04 {
	position:absolute;
	left:0px;
	top:147px;
	width:189px;
	height:31px;
}

#index-05 {
	position:absolute;
	left:189px;
	top:147px;
	width:98px;
	height:31px;
}

#index-06 {
	position:absolute;
	left:287px;
	top:147px;
	width:95px;
	height:31px;
}

#index-07 {
	position:absolute;
	left:382px;
	top:147px;
	width:138px;
	height:31px;
}

#index-08 {
	position:absolute;
	left:520px;
	top:147px;
	width:97px;
	height:31px;
}

#index-09 {
	position:absolute;
	left:617px;
	top:147px;
	width:98px;
	height:31px;
}

#index-10 {
	position:absolute;
	left:715px;
	top:147px;
	width:185px;
	height:31px;
}

#index-11 {
	position:absolute;
	left:0px;
	top:178px;
	width:86px;
	height:542px;
}

#index-12 {
	position:absolute;
	left:86px;
	top:178px;
	width:728px;
	height:244px;
	background-color:#FFF;
}

#index-13 {
	position:absolute;
	left:814px;
	top:178px;
	width:86px;
	height:542px;
}

#index-14 {
	position:absolute;
	left:86px;
	top:422px;
	width:11px;
	height:7px;
}

#scrollbar1 {
	position:absolute;
	left:97px;
	top:422px;
	width:475px;
	height:249px;
	background-image:url(../images/fond_003.jpg);
	background-color:#f8f8fb;
}


#scrollbar2 {
	position:absolute;
	left:97px;
	top:422px;
	width:275px;
	height:249px;
	background-image:url(../images/fond_003.jpg);
	background-color:#f8f8fb;
}

#textes {
	width:427px;
	height:210px;
	margin-top:10px;
	margin-left:40px;
	padding-right:10px;
	overflow:auto;
	
}


#textes p {
	color: #8e8e8e;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height:15px; 
	text-align:justify;
}

#textes center {
	color: #072744;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:17px; 
	text-align:center;
}

#textes h3 {
	color: #072f54;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	text-align:left;
}

#textes2 {
	width:225px;
	height:210px;
	margin-top:10px;
	margin-left:40px;
	padding-right:10px;
	overflow:auto;
}

#textes2 p {
	color: #8e8e8e;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height:15px; 
	text-align:justify;
}

#textes2 center {
	color: #072744;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:17px; 
	text-align:center;
}

#textes2 a {
	color: #072744;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:17px; 
	text-align:center;
}

#textes2 h3 {
	color: #072f54;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	text-align:left;
}

#index-16 {
	position:absolute;
	left:572px;
	top:422px;
	width:242px;
	height:7px;
	background-image:url(../images/index_16.jpg);
}

#index-16-1 {
	position:absolute;
	left:372px;
	top:422px;
	width:442px;
	height:7px;
	background-image:url(../images/index_16.jpg);
}

#index-17 {
	position:absolute;
	left:86px;
	top:429px;
	width:11px;
	height:291px;
}

#index-18 {
	position:absolute;
	left:572px;
	top:429px;
	width:210px;
	height:242px;
	background-image:url(../images/fond_004.jpg);
	background-repeat:repeat-x;
	padding-top:4px;
	padding-left:25px;
	color: #8e8e8e;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height:25px; 
	text-align:left;
	
}
#index-18-2 {
	position:absolute;
	left:572px;
	top:429px;
	width:210px;
	height:242px;
	background-image:url(../images/fond_004.jpg);
	background-repeat:repeat-x;
	padding-top:4px;
	padding-left:25px;
	color: #8e8e8e;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height:25px; 
	text-align:left;
	padding-top:25px;
	
}

#index-18-1 {
	position:absolute;
	left:372px;
	top:429px;
	width:413px;
	height:242px;
	background-image:url(../images/fond_004.jpg);
	background-repeat:repeat-x;
	padding-top:4px;
	padding-left:25px;
}

#index-19 {
	position:absolute;
	left:805px;
	top:429px;
	width:9px;
	height:291px;
}

#index-20 {
	position:absolute;
	left:97px;
	top:671px;
	width:708px;
	height:49px;
	background-image:url(../images/fond_002.jpg);
	background-repeat:no-repeat;
}

#social {
	position:relative;
	left:630px;
	top:-42px;
	width:150px;
	height:23px;
	
	color: #8e8e8e;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align:left;

}

#legales {
	position:relative;
	left:625px;
	top:-62px;
	width:150px;
	height:23px;
	
	color: #8e8e8e;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align:left;

}

#legales a {
	
	color: #8e8e8e;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align:left;

}