/* CSS Document */
body{padding:0px; margin:0px; background:#7fb4f6 url(../images/bg-body2.jpg) repeat-x top;  color:#05336e; font:10px/14px Tahoma, sans-serif ;}
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px; font-family:Arial, verdana; font-size:12px; line-height:1.7em;}
ul{list-style-type:none;}

.clear {clear: both; margin: 0px; height:0}
h2{
font-size:12px;
}
p a{font:10px/14px Tahoma, sans-serif; color:#07428E; text-decoration:none;}
p a:hover{ color:#07428E; text-decoration:underline;
}

.headline{font:10px/14px Tahoma, sans-serif; color:#333; font-weight:bold;
}

#container{width:990px; position:relative; margin:0 auto;}

/* HEADER */

#header{
width:990px; 
height:148px; 
position:relative; 
background:url(../images/b_header1.jpg) 0 0 no-repeat; 
margin:0 auto;}
#header #logo{position:absolute; top:17px; left:15px}
#header #logo img{ margin-right:1px;}
#header img#slogan{position:absolute; top:32px; left:588px}
#bandeau img#slogan2{position:absolute; top:75px; right:100px}
#bandeau img#btn_learn{position:absolute; top:128px; right:140px}

.menuTop{float:lef; width:870px; position:absolute; bottom:0px; left:150px; height:30px;}
.menuTop li.line{width:6px; padding-top:15px; margin-top:8px;}

.menu{
    position:absolute;
    display:block;
    margin:0;
    padding:0;
	height:40px;
	font-family: Helvetica, arial;
	font-size:12px;
	font-weight:bold;
	left:0;
	line-height:120%;
	padding-left:2px;
    }

.menu ul{
    position:absolute;
    display:block;
    width:124px;
	color:#fff;
    /*margin:0;*/
    padding:0;
    }
  
.menu ul li a:hover{
	color:#fff;
    }  
.menu li ul{
    visibility:hidden;
	color:#fff;
	background:#014596;
	padding:5px 0 10px;
	width:220px;
	z-index:100000;
    }
	
.menu li ul li{
	width:180px;}
	
.menu li ul li a{
	color:#fff;
	background:none;
	width:160px;
	line-height:1.2em;
	height:20px;
	border-bottom:1px dotted #fff;
	margin-left:0px;
	text-align:left;
    }

.menu li{
    list-style:none;
    width:124px;
    height:auto;
    display:inline;
    display/**/:block;
    float:none;
    float/**/:left;
    margin:0;
    padding:0 10px;
    }
    
.menu li li{
    display:block;
    float:none;
    }
    
/* correct a little IE bug */
* html .menu li li{
    display:inline;
    }

	
.menu ul li a{
 color:#6b6b6b;

    }	
	
.menu a{
    text-align:center;
	padding:5px 15px 0 15px;
	width:120px;
    color:#fff;
	height:25px;
    display:block;
    text-decoration:none;
     margin:0;
    }
    

    
.menu ul li a:hover{
	background: none;
 	color:#F29700;
    }
    
/* for a mozilla better display with key nav */
.menu a:focus{
    background-color: #3588ee;
}

.menu a:hover{
    background-color: #3588ee;
	color:#FFFFFF;
}


#menu_flot{ position:absolute; right:0px; top:0px; width:247px; height:33px; background:url(../images/menu_flot.png) no-repeat top left; padding-left:25px; padding-top:5px;}

#menu_flot li{ float:left; text-align:left; color:#00225c; font: 12px Arial, Helvetica, sans-serif; padding-right:20px; font-weight:bold;}
#menu_flot li a{ color:#00225c; text-decoration:none;}
#menu_flot li.bt1{ width:60px; float:left;}
#menu_flot li.bt2{ width:60px; float:left;}
#menu_flot li.bt3{ width:50px; float:left;}
/* CONTENT */

#content{width:950px; position:relative; clear:both; background:#afd4fe url(../images/index_39.gif) 0 0 repeat-x; padding:5px 20px 20px;}

#content h1{   
background:url(../images/puce.png) no-repeat left; 
padding-left:20px;
font:bold 22px Arial, Helvetica, sans-serif;
color:#f29700;
line-height:1.4em;
margin-bottom:3px;
@line-height:2em;
}

#content h2{  
margin-bottom:3px;
color:#0b4a99; 
font-size:14px;
}

#leftPan{padding-top:20px;width:530px; float:left; margin: 0; display:inline; text-align:justify;}
#rightAccueil{width:400px; float:right; margin:3px 0 0 0; }

#rightPan{width:380px; float: right; margin:3px 0 0 0; background-color:#aec4de; background-image:url(../images/titre_photos.png); background-repeat:no-repeat; border:1px solid #fff;  padding-top:40px; height:257px}

#rightPan_en{width:380px; float: right; margin:3px 0 0 0; background-color:#aec4de; background-image:url(../images/titre_photos-en.png); background-repeat:no-repeat; border:1px solid #fff;  padding-top:40px; height:257px}

.liens_adresse{ float:left; background-color:#FFF; width:235px; background:url(../images/liens.png) no-repeat;margin-right:20px; padding:5px; margin-bottom:20px;}
.liens_adresse p {font-family:Arial, Helvetica, sans-serif; font-size:13px; margin-bottom:10px; margin-top:0px; font-weight:bold; line-height:1.2em;  color:#fff;}
.liens_adresse  a{ padding-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-bottom:30px; font-weight:bold; line-height:1.2em;  color:#07428e; text-align:left; margin:0px;}
/* contact */

#coordonnes{width:360px; float: right; margin:24px 0 0 0; background-color:#AEC4DE; background-image:url(../images/titre_coordonnee.png); background-repeat:no-repeat; border:1px solid #fff;  padding-top:25px; height:130px; padding-left:20px; padding-bottom:15px;}

#coordonnes_en{width:360px; float: right; margin:24px 0 0 0; background-color:#AEC4DE; background-image:url(../images/titre_coordonnee-en.png); background-repeat:no-repeat; border:1px solid #fff;  padding-top:25px; height:130px; padding-left:20px; padding-bottom:15px;}

#coordonnes p{ font:12px Arial, Helvetica, sans-serif; color:#07428e;}
#coordonnes p a{ font:12px Arial, Helvetica, sans-serif; color:#07428e;}

#coordonnes_en p{ font:12px Arial, Helvetica, sans-serif; color:#07428e;}
#coordonnes_en p a{ font:12px Arial, Helvetica, sans-serif; color:#07428e;}

.log-hor{
margin-bottom:18px;
}

/*****************************page contact***********************************/

#leftPan form {
	display:block;
	clear:both;
	overflow:hidden;
}
#leftPan form div.line {
	clear:both;
	overflow:hidden;
	margin:15px 0;
}
#leftPan form div.line_bouton {
	clear:both;
	overflow:hidden;
	padding:15px 23px 0 16px;
	text-align:right;
	background:url(../images/sep-bouton.jpg) top no-repeat;
}


#leftPan form div.line  table{
	display:block;
	float:left;
	padding:0;
	margin:4px 5px 0 0;
	overflow:hidden;
	border-spacing: 0px;
	border-collapse: collapse;
}
#leftPan form div.line  p{
	display:block;
	padding:0 10px 0 0;
	margin:0;
	overflow:hidden;
	font-size:11px;
	color:#07428e;
}
#leftPan form div.line label.label {
	display:block;
	width:17%;	float:left;
	clear:left;
	line-height:17px;
	margin:0 3% 0 0;
	overflow:hidden;
	text-align:left;
	color:#07428E;
	font-size:11px;
}

#leftPan form div.line span.label3 {
	line-height:17px;
	margin:0 1% 0 0 !important;
	color:#07428E;
	font-size:11px;
	float:left;
	width:100px;
	
}

#leftPan form div.line span.label2 {
	text-align:left;
	color:#3E3E3E;
	font-size:11px;
}
#leftPan form div.line input.field {
	display:block;
	float:left;
	height:15px;
	width:318px;
	margin:0 8px 0 0;
	font-size:12px;
	line-height:15px;
	color:#3E3E3E;
	border:1px solid #dcdcdc;
	overflow:hidden;
	background:#f1f1f1;
}
#leftPan form div.line textarea.field {
	display:block;
	float:left;
	width:400px;
	height:98px;
	margin:0 8px 0 0px;
	font-size:12px;
	line-height:15px;
	color:#3E3E3E;
	border:1px solid #dcdcdc;
	background:#f1f1f1;
}


#leftPan form div.line input.field2 {
	display:block;
	float:left;
	height:15px;
	width:145px;
	margin:0 8px 0 0;
	font-size:12px;
	line-height:15px;
	color:#b2b3b3;
	border:1px solid #b2b3b3;
	overflow:hidden;
}

#leftPan form div.line input.code {
	width:100px;
	margin:10px 0 0 0;
}
#leftPan form div.line div.browserKeeper {
	position:relative;
	display:block;
	float:left;
	width:500px;
	overflow:hidden;
}
#leftPan form div.line div.browserKeeper input.fakeFileField {
	display:block;
	float:left;
	height:15px;
	width:233px;
	margin:1px 4px 0 0;
	font-size:12px;
	line-height:15px;
	color:#000;
	float:left;
	border:1px solid #b2b3b3;
	overflow:hidden;
	cursor:pointer !important;
}
#leftPan form div.line div.browserKeeper input.fakefileBtn {
	display:block;
	float:left;
	font-size:12px;
	color:#333;
	float:left;
	border:1px solid #b2b3b3;
	overflow:hidden;
	cursor:pointer !important;
	padding:0 10px;
}

#leftPan form div.line div.browserKeeper input.fakefileBtn2 {
	display:block;
	float:left;
	font-size:12px;
	color:#333;
	float:left;
	border:1px solid #b2b3b3;
	overflow:hidden;
	cursor:pointer !important;
	padding:0 10px;
	width:210px;
}


#leftPan form div.line div.browserKeeper input.fileField {
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
	width:233px;
 @width:343px;
	cursor:pointer !important;
}
#leftPan p.txte {
color:#c10a44;
}












/* FOOTER */

#footer1{width:#100%;}
#footer{
height:37px; 
clear:both; 
width:970px; 
padding:7px 10px 0 10px; 
margin:0 auto;
background:url(../images/bg-footer.png) no-repeat;
}
#footer p{padding: 10px 0 0 0; font:10px/14px Tahoma, sans-serif; font-weight:normal; text-align:center; color:#07428e;}
#footer p a{font:10px/14px Tahoma, sans-serif; font-weight:normal; color:#07428e; text-decoration:none; padding: 0 3px }
#footer p a:hover{text-decoration:underline; color:#000}


#footer ul.menu_footer{
    width:170px;color:#fff; padding:0; float:left; margin-left:30px;
    }
  
#footer ul li{
    width:124px;float:left;width:200px;color:#fff;padding:0;	font:10px Arial,Helvetica,sans-serif;
    }

	
#footer ul li a{
	color:#000000;	background:none; width:150px; line-height:1.4em;	height:20px;margin-left:0px;
	text-align:left; text-decoration: none;
    }

#footer ul li strong{ font-size:11px; font-weight:bold;}

.copy {
float:left;
padding:0 5px;
margin-bottom:10px;
width:960px;
}

#footer .copy p.lien a {
border-right:1px solid #494A4A;
display:block;
float:left;
font:10px Arial,Helvetica,sans-serif !important;
height:12px;
margin:0 0 0 12px;
overflow:hidden;
padding:0 11px 0 0;
}
#footer .copy p.lien {
float:right;
overflow:hidden;
text-align:right;
}
#footer .copy p.cop {
float:left;
font-size:11px;
text-align:left;
}





#bandeau{ width: 990px; float:left;  height: 204px; background-color:#FFFFFF; z-index:0 !important; }

.bandeau-right{ float:right; width:200px;}


#slider {
width: 990px; /* important to be same as image width */
height: 200px; /* important to be same as image height */
overflow: hidden; /* important */
margin-left:0px;
margin-top:2px;
}
#sliderContent {
width: 990px; /* important to be same as image width or wider */
z-index:0 !important;
margin-left: 0;
}

.sliderImage {
float: left;
display: none;
z-index:0 !important;
}


.sliderImage span {
position: absolute;
font: 10px/15px Arial, Helvetica, sans-serif;
padding: 10px 13px;
width: 100px;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
color: #fff;
display: none;
z-index:0 !important;
}
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
ul { list-style-type: none;}


#recherches {
	float:right;
	width:400px;
	background-repeat:no-repeat;
}

#recherches #bg-champ input {
	display:block;
	float:left;
}
#recherches #bg-champ input.field {
	display:block;
	height:16px;
	width:100px;
	border:1px solid #bbbbbc;
	font-size:12px;
	line-height:15px;
	color:#547b88;
	margin:0 4px 0 0;
}

#recherches #bg-champ select {
	display:block;
	height:18px;
	width:120px;
	border:1px solid #bbbbbc;
	font-size:11px;
	line-height:12px;
	color:#547b88;
	margin:0 4px 0 0;
}

#recherches #bg-champ a.ok {
	display:block;
	height:18px;
	width:22px;
	float:right;
	margin-right:25px;
	overflow:hidden;
	background: url(../images/ok.gif) top left no-repeat;
}

#linksTools {
	position:absolute;
	right:20px;
	top:0;
	color:#014596;
	font-size:1.1em;
	height:36px;
	width:230px;
	padding:0 18px 0 0;
	background:url(../images/links-tools-bg-right.gif) right top no-repeat;
}
#linksTools #links-tools-bg-left {
	float:left;
	height:36px;
	width:20px;
	background:url(../images/links-tools-bg-left.gif) left top no-repeat;
}
#linksTools a{
	display:block;
	float:left;
	height:25px;
	margin:0;
	padding:9px 0 0 0;
	font:12px Arial, Helvetica, sans-serif;
	color:#014596;
	text-align:center;
	text-decoration:none;
}
#linksTools a.acc-top {
	width:65px;
}
#linksTools a.acc-top:hover {
	background-color:#89bffd !important; 
	color:#FFFFFF;
	text-decoration:none;
}
#linksTools a.sitemap-top {
	width:80px;
}
#linksTools a.sitemap-top:hover {
background-color:#89bffd !important; 
	text-decoration:none;
	color:#FFFFFF;
}
#linksTools a.contact-top {
	width:65px;
}
#linksTools a.contact-top:hover {
color:#FFFFFF;
	background-color:#89bffd !important; 
	text-decoration:none;
}
#linksTools #search {
	overflow:hidden;
	width:140px;
	float:right;
	margin:2px 0 0 0;
}

#top-flag {
	width:135px;
	height:13px;
	top:65px;
	right:22px;
	text-align:right;
	position:absolute;
}

#top-flag img{

border:none;}




/***********************************************galerie********************************/
#galerie_lien{
  
   height:230px;
   width:420px;
   left:0px; 
}
#galerie_lien img{
	float:left;
	margin:5px 5px 5px 5px;
	cursor:pointer;
	border:5px solid #FFFFFF;
   /* filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);*/
}

#thumbsWrapper{
    height:230px;
    width:330px;
	margin:0 auto;
    left:0px;
    right:0px;
    bottom:0px;
}