/* CSS Document */

html, body {
	margin: 0;
	padding: 0;
}

body {
text-align: center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}
/*IE 6 correction for png files*/
img {
	behavior:	url("pngbehavior.htc");
	border:none;
}
/*site structure*/
/*the container div inlcudes all the elements of the page */
#container{
text-align: left;
width: 807px;
margin: 0px auto;
padding-left:0px;
padding-top: 0px;
top:auto;
position:relative;

top:0px;
} 

/*
The structure for the main page includes the following elements: left, right, content, content2, top, banner, pic, down.
The structure for the interior pages (page_int.html) includes the following elements: top, nav, autresinfos, contentint, commentaires, relatives, down.
*/

#left{
float:left;
width:164px;
margin-top:12px;
padding-bottom:145px;
}

#left2{
float:left;
padding-bottom:145px;
width:164px;
margin:0px;
/*border-right: 1px solid #ADBDEF;*/
}


#right{
float:right;
width:185px;
margin-top:20px;
}

#content{
width:607px;
margin-top:20px;
padding:0 5px 0 5px;
}

#content2{
width:617px;
}

#top{
height: 173px;
width: 784px;
}

#banner{
width:620px;
height:122px;
float:left;
margin-top:15px;
}

#pic{
width:185px;
float:right;

}

#down{
	display:none;
}

#nav{
clear:both;
width:40px;
margin-top:10px;
margin-bottom:10px;
}

#sousmenu{
width:159px;
border-top: 1px solid #ADBDEF;
margin:0 ;
padding:10px 5px 10px 0 ;
min-height:60px;_height:60px;

}

#sousmenu ul li{
	font-size:10px;
	list-style-type: none;
	margin:0 0 0 10px;
	line-height: 14px;
	padding:0 0 0 10px;
}


#sousmenu ul li a:link{
text-decoration:none;

}

#sousmenu ul li a:hover{
padding:0 0 0 10px;
text-decoration:none;

}





#autresinfos{
width:164px;
border-top: 1px solid #ADBDEF;

}

#contentint{
width:619px;
border-top: 1px solid #ADBDEF;
border-left: 1px solid #ADBDEF;
margin-bottom:10px;
}
#commentaires{
width:784px;
height:173px;
clear:both;
margin-top:20px;
margin-bottom:30px;
border-top: 1px solid #ADBDEF;
padding: 20px 0px 30px 0px;
}


/*end of structure*/

/*Top elements*/
#date{
width:55px;
float:left;
margin-left:35px;
margin-top:15px;
}
#home{
width:30px;
float:left;
margin-left:510px !important;
margin-left:300px;/* This margin is used by IE 6*/
margin-top:15px;
}
#sitemap{
float:left;
width:40px;
margin-top:15px;
margin-left:11px;
}
#languefr{
width:14px;
float:left;
margin-top:15px;
margin-left:45px !important;
margin-left:40px;/* This margin is used by IE 6*/
}
#languenl{
width:14px;
float:left;
margin-top:15px;
margin-left:10px;
}
#menu{
width:80px;
float:left;
margin-top:110px;
margin-left:620px !important;
margin-left:310px;/* This margin is used by IE 6*/
}
#menuitems{
width:50px;
margin-top:10px;
}
#menuitem2{
width:50px;
margin-top:5px;
}
/* End top */

/*Left elements*/
.leftcontent{
width:120px;
margin-left:20px;

}
.leftitem{
margin-bottom:10px;
margin-top:10px;
}
.leftitem h2{
	font-size:0px;
}

.leftitem .title{
margin-bottom:5px;
}



.leftbtn{
margin-left:65px;
margin-top:5px;
width:86px;
}
/*end left elements*/

/*Nav elments*/
#navimg{
margin-left:30px;
}
/*end of nav elements*/

/*autresinfos elements*/
#title{
width:30px;
margin-top:15px;
margin-left:20px;
}
#leftcontent{
width:110px;
margin-left:20px;
margin-top:10px;
}
/*end of autres infos elements*/


/*content elements*/
#contentcol{
margin:0 auto;
width:436px;
padding:0px 0px 0 0px;
text-align:left;
overflow:hidden;
}

#tabs{
/*clear:both;*/
margin-left:0px;
/*width:430px;*/
}

#contentitem_left{
width:197px;_width:190px;
margin:0;padding:0;
float:left;
text-align:left;
border-right: 1px solid #656565;
margin-left:10px;
padding-right:10px;
}

#contentitem_right{
width:197px;_width:190px;
margin:0;padding:0;
float:left;
text-align:left;
margin-left:10px;
margin-right:10px;
}
#contentitem_left p,#contentitem_right p{margin-bottom:5px;}

#text{
margin-top:10px;
}
#contentbtn{
width:60px;
margin-left:95px;
margin-top:0px;
}

.video{
float:left;
width:297px;

/*margin-left:75px !important;
margin-left:40px;/* This margin is used by IE 6*/
/*margin-top:20px;*/
margin:0px 0 0 0;
vertical-align:middle;
}
.video h4{
	margin-top:5px;margin-left:5px;color:black;
}

#vignettes{
margin:0px 0 0 0;
float:right;
width:115px;
text-align:center;
padding:0 6px 0 0;
font-size:11px;
}

#contentall{
width:420px;
margin-left:9px !important;
margin-left:0px;/* This margin is used by IE 6*/
/*margin-top:15px;*/
}
/*end content elements*/

/*contentint elements*/
#pictureint{
float:left;
width:600px;
padding:0 0 0 0;
}
#contenttitle{
width:178px;
float:left;
margin-left:10px;
margin-top:20px;
clear:both;
}

#contenttitle img{
padding-bottom:10px;
}



#maintitle{
float:left;
}
#phototitle{
clear:both;

margin-top:50px;
}
#contenttext{
margin-top:10px;
margin-left:30px;
margin-bottom:35px;
width:370px;
text-align:left;
}
#phototitle{
float:left;
padding-left:700px;

}


/*right elements*/
#rightcontent{
margin:0 0 0 0px;
width:160px;
/*padding:0px 7px 0 9px;*/
padding:10px 12px 0 10px;
float:right;
}

#rightcontent2{
margin:0 0 0 0px;
width:160px;
padding:10px 12px 0 10px;
float:right;
}

#rightcontent ul li{
	font-size:12px;
	list-style-type: none;
	margin:0 0 0 0px;
	line-height: 14px;
	padding:0 0 0 0px;
}


#rightcontent ul li a:link{
text-decoration:none;

}

#rightcontent ul li a:hover{
padding:0 0 0 10px;
text-decoration:none;

}






#news{
margin-top:35px;
}

#rss{
margin-top:35px;
margin-bottom:15px;
}

/*end right elements*/

/*banner elements*/
#bannermenu{
margin-left:455px;
margin-top:40px;
}
#bannermenuitem{
margin-top:10px;
}
/*end banner elements*/


/*commentaires elements*/

#comtitle{
clear:both;
margin-top:20px;
}
#commcontent{
margin-left:180px;
margin-top:20px;
}
#data{
float:left;
margin-top:12px;
}
#comments{
float:left;
margin-top:12px;
margin-left:30px;
}
#combtn{
float:right;
margin-right:65px;
margin-top:10px;
margin-bottom:20px;
}
/*end of commentaires elemnts*/

/*Content 2 elements*/
#dialogtitle{
margin-left:25px;
margin-top:5px;
padding-top:20px;
}
#dialogintro{
margin-left:25px;
margin-top:0px;
width:160px;
}
#dialogtext{
width:212px;
float:left;
margin:0 0 0 10px;
padding:10px 0 0 0;
text-align:center;
}
#dialogpic{
float:left;
padding:10px 0 0 0;
width:212px;
height:143px;
text-align:center;
}
/*end content 2 elements*/
.Visual,.Banner{float:left;padding-top:10px;}
/*pic elements*/

.Visualright{
margin:0 0 0 10px;
}

#pip{
margin-left:10px;
margin-top:10px;
width:153px;
height:119px;
}
#diapbtn{
margin-top:5px;
margin-left:10px;
margin-bottom:5px;
}
/*end of pic elements*/

/*relatives elements*/
#spotline{
float:left;
margin-left:0px;
margin-bottom:20px;
margin-top:20px;
}
#spotline2{
float:left;
margin-left:0px;
margin-bottom:20px;
margin-top:20px;
}
#inforelative{
float:left;
margin-left:175px !important;
margin-left:90px;/* This margin is used by IE 6*/
border-left: 1px solid #9CA9B2;
}

#relativecontent{
float:left;
width:320px;
margin-left:20px;
}

.spotcontent{
float:left;
padding:10px 0px 10px 10px;
width:144px;
border-right: 1px solid #9CA9B2;
height:130px;
font-size:10px;

}

.spotcontent ul li{
	margin:0 0 0 2px ;
	list-style-type: none;
	padding:0 10px 0 10px;
	
}

.spotcontent ul li a{
text-decoration:none;

}

.spotcontent ul li a:hover{
padding:0 0 0 10px;
text-decoration:none;

}


.spotcontentlast{
float:left;
padding:10px 0px 10px 10px;
width:134px;
/*
height:130px;
*/
/* added Kante start */
min-height:130px;
/* added Kante end */
height:auto !important;
height:130px;
font-size:10px;
}

.spotcontentlast ul li{
margin:0 0 0 2px;
list-style-type: none;
padding:0 0 0 10px;

}

.spotcontentlast ul li a:link{
text-decoration:none;
}



.spotcontentlast ul li a:hover{
padding:0 0 0 10px;
text-decoration:none;
}




#footermenu{
	display:none;
}


/*end of relatives elemnts*/

/*down elements*/
#botmap {
	display:none;
 }
#legal {
	display:none;
}

/*end of down elements*/


/*Text content formating */
.dialog { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-decoration:underline; color:#00A9FF; }
.oldnewslet { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#656565; text-decoration:underline; }
.left{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#0098CB; }
.content{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; text-align:left; }
.contenttitle{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:black; }
.phototext{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#656565; }
.date{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#656565; }
h5{ font-weight:normal; font-size:12px; color:black; margin:0; padding:0 0 5px 0; }
h4{ font-weight:normal; font-size:12px; color:#0245b3; margin:0; padding:0 0 5px 0; }
h3{ font-weight:normal; font-size:14px; color:#000000; margin:0; padding:0 0 5px 0; }
h1{ font-weight:normal; font-size:28px; color:#0245b3; margin:0; padding:0; }
.relstyle{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#0098CB; text-decoration:underline; }
ul{ margin:5px 0 0 0; padding:0; }
li{ margin:0 0 0 20px; padding:0; }
a/*:link*/  { color:#28b9fc; text-decoration:none; }
a:hover  { color:#0345b3; text-decoration:none; }
a.left  { color:#28b9fc; text-decoration:none; }
a.left:hover  { color:#0345b3; text-decoration:none; }
a.bottom  { color:#28b9fc; text-decoration:none; }
a.bottom:hover  { color:#0345b3; text-decoration:none; }
#left h2{padding-left:27px;border-bottom:1px solid #b7d5ff;padding-bottom:5px;margin-bottom:5px;}
.Header h1,.Header h2,.Header h3,.Body h1,.Body h2,.Body h3{font-size:12px;margin:0;padding:0;border:none;}
.Header p,.Body p{margin-top:3px;margin-bottom:0;}
.Header p{font-weight:bold;}
#breadcrumb{font-size:11px;padding:8px;}
.vignette{float:left;width:100px;}
.video{clear:both;}
#tabs{position:relative;}
#tabs a{position:relative;cursor:pointer;}
#tabs a#en_campagne{position:absolute;top:0;right:80px;}
#tabs a span{display:block;float:left;height:27px;position:relative;}
#tabs a span.text{padding-left:5px;padding-right:5px;}
#tabs a span.text img{margin-top:8px;position:relative;}
.tab{clear:both;margin-top:10px;height:282px;_height:280px;overflow:hidden;}

#col1,#col2{float:left;}
#col1{width:436px;padding-top:15px;}
#col2{width:184px;margin-top:7px;overflow:hidden;}
#homepage_columns{width:784px;}
.breaker{clear:both;height:0px;}
#newsletter p{padding:10px 12px 0 10px;margin:0;}
#newsletter h2{margin:0;padding:0;font-size:0px;}
#firstCampagne{padding:10px 12px 0 10px;height:292px;}
#col2 h2{font-size:0;padding:0;margin:0;padding-left:10px;border-bottom:1px solid #b7d5ff;padding-top:15px;padding-bottom:5px;}
#firstCampagne p{margin:0;}
#maintitlesansphoto h2,#maintitle h2{ font-weight:normal; font-size:18px; color:#0345b3; margin:0; padding:0 0 5px 0; }
body#PageFolder #contenttextsansphoto ul li{margin-bottom:15px;}
body#PageFolder #contenttextsansphoto ul li a{color:black;}
body#PageFolder #contenttextsansphoto ul li a:hover{text-decoration:none;color:#0035CA;}
/* new */

#contentint ul{
margin:0;
padding:0;

}
#contentint ul li{
padding-left:20px;
font-size:12px;
margin:0 0 0 0px;
}

#contentint ul li a{
color:#28b9fc;
text-decoration:none;
}
#colphoto{
width:175px;
float:left;
margin-left:10px;
margin-top:10px;

}
#contenttitlesansphoto{
width:618px;
margin:0 0 15px 0;
float:left;
/*border-top: 1px solid #ADBDEF;*/
height:80px;
repeat:repeat-x;
}

#maintitlesansphoto{
float:left;
width:444px;
margin-left:10px;
margin-top:20px;

}

#contenttextsansphoto{
margin-top:20px;
margin-left:10px;
margin-bottom:35px;
text-align:left;
}

#icosansphoto{
float:right;
width:134px;
margin-right:10px;
margin-top:20px;
}

#icosansphoto ul li{
	list-style-type: none;
	margin:0;
	padding:0;
}


/*galerie index*/

.galerieindexbanner{
width:609px;
margin:20px -1px 0 10px;
border-top: 1px solid #656565;
clear:both;
}

.galerieindexbanner .colgauche{
width:165px;
margin:0;
float:left;
}

.galerieindexbanner .colgauche p{
font-weight:bold;
padding:5px 0 5px 5px;
margin:0px;
}

.galerieindexbanner .coldroite{
width:408px;
margin:0;
padding:10px 10px 10px 25px;
/*border-top: 1px solid #ADBDEF;*/
float:right;
}

.testgalerie{
clear:both;
}
/*fin galerie index*/



/*galerie planchecontact*/
.galerieplanchecontact{
width:608px;
margin:10px 0px 0 10px;
border-top: 1px solid #656565;
border-bottom: 1px solid #656565;
padding-bottom:14px;
}

.galerieplanchecontact.ligne{
padding:0 0 10px 0;
}

.galerieplanchecontact .ligne .image{
float:left;
width:181px;
height:134px;
margin:14px 0 0px 14px;
}

.galerieplanchecontact .ligne .image img{
margin:8px 8px 8px 8px;
}

.soustitre{
width:583px;
margin:10px 25px 0 10px;
}

.soustitre h5{
font-size:12px;
font-weight:normal;
width:328px;
float:left;
}


.soustitre .navigation{
width:300px;
float:right;
text-align:right;
padding-left:5px;
}
/*fin galerie planchecontact*/



/*diaporama*/

#diaporama{
width:619px;
margin:0 0 15px 0;
border-left: 1px solid #ADBDEF;
height:513px;
float:left;
}



/*fin diaporama*/



.grisclair{color:#cccccc;}

/* fin new */
/* added Kante start */
/*
#Partners{margin-left:20px;position:absolute;top:-315px;_top:-350px;left:0px;height:150px;width:200px;}
body#Website #Partners{top:-150px;}
*/
#Partners{display:none;}
body#Website #Partners{display:none;}
/* added Kante end */

#Partners a{display:block;margin-top:10px;}
h2 small{color:black;display:block;margin-bottom:5px;font-size:12px;font-style:italic;}
body#Sitemap #contenttextsansphoto ul a{color:black;}
body#Sitemap #contenttextsansphoto ul h2{font-size:13px;margin-bottom:5px;}
body#Sitemap #contenttextsansphoto ul h3{font-size:11px;font-weight:bold;}
body#Sitemap #contenttextsansphoto ul h4{font-size:9px;margin-bottom:4px;}
body#Sitemap #contenttextsansphoto ul.depth1{padding-bottom:5px;}
body#Sitemap #contenttextsansphoto ul.depth2{padding-bottom:5px;}