/*---•-•---STYLES CSS---•-•---*/

/*hack*/
.clearfix:after {content: "."; display: block;	clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}

.horscadre{position:absolute;top:-7777px;left:-7777px;}

/*countdown*/
.count_down{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	width:160px;
	font-weight:bold;
	color:#103424;
	text-align:center;
}

.count_down txt{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#555;
	font-weight:normal;
	text-align:center;
}

#count_down_container{
	padding-top:25px;
	text-align:center;
}

/*style*/
body{font-family:Arial, Helvetica, sans-serif;font-size:76%;background-color:#a3e0c9; scroll:noScroll; overflow:hidden;}
h1 {font-size:12px;text-decoration:underline;}
.center{text-align:center;}
.center2{text-align:center;background-color:#58a08c; color:#FFFFFF; display:block; width:300px; height:20px; padding-top:6px; margin-left:auto; margin-right:auto;}
.alinea{text-indent:20px;} 
p { text-align:justify;}
a{color:#d5d188;}
a:hover{color:white;}

#conteneur { 
position:absolute;left:50%;top:50%;width:955px;height:600px;margin-top:-300px;margin-left:-477px;background:url(image/fond.jpg) 0 0 no-repeat;border: 1px solid #d5d188;}



#conteneur #head {width:955px;margin:0;}
#conteneur #head #decompte {width:171px; height:45px; padding:31px 0 0 214px;}

#conteneur #contenu {width:660px;margin:0px 0 0 126px;}
#conteneur #contenu #tableau {width:240px;border:1px solid #58a08c; margin-left:auto; margin-right:auto;padding-left:10px;}
#conteneur #contenu #texte {width:320px;margin:18px 0 0 21px;float:left;height:300px;overflow:auto;}
#conteneur #contenu #pane1 {width:300px;margin-left:28px; float:left;height:300px;overflow:auto;}
#conteneur #contenu #video {width:280px; height:214px;margin:31px 0 0 17px;float:left; background-image:url(image/video.jpg);}
#conteneur #contenu #video #player{width:262px; height:196px;float:left; margin-left:9px; margin-top:9px; background-color:black;}
#conteneur #contenu #info_photo {text-align:center;}
#conteneur #contenu #texte-plein {float:left;}
#conteneur #contenu #texte-traveling {float:left;}
#conteneur #contenu #pane2 {width:610px;margin-left:28px; float:left;height:300px;overflow:auto;}
#conteneur #contenu #traveling {width:640px;margin:18px 0 0 21px;float:left}
#conteneur #contenu #traveling #item {width:600px;}
#conteneur #contenu #traveling #item img {width:26px;float:left;margin:0 9px 0 0;}
#conteneur #contenu #traveling #item a {color:white;text-decoration:none;padding:0 0 3px 0;display:block;float:left; width:70px;}
#conteneur #contenu #traveling #item .texte {width:415px;}
#conteneur #contenu #traveling #item .texte p {padding:0 0 0 120px;}

#conteneur #menu li{display:inline;float:left;margin:0;}

#conteneur #menu{margin:65px 0 0 138px;padding:0;height:30px;width:401px;background:url(image/menu.jpg) 0 0 no-repeat;}
#conteneur #menu ul {padding: 0; margin: 0}
#conteneur #menu #nav1{margin:0;padding:0px;}

#conteneur #menu #nav1 li{display:inline;float:left;margin:0;}`

#conteneur #menu #nav1 #rub1{background:url(image/menu.jpg) 0 0 no-repeat;width:61px;height:30px;}
#conteneur #menu #nav1 #rub1 a{display:block;width:61px;height:30px;}
#conteneur #menu #nav1 #rub1 a:hover{background:url(image/menu.jpg)  0 -30px no-repeat;width:61px;height:30px;}
#conteneur #menu #nav1 #rub1 a.on{background:url(image/menu.jpg) 0 -30px no-repeat;width:61px;height:30px;}

#conteneur #menu #nav1 #rub2{background:url(image/menu.jpg) -61px 0 no-repeat;width:110px;height:30px;}
#conteneur #menu #nav1 #rub2 a{display:block;width:110px;height:30px;}
#conteneur #menu #nav1 #rub2 a:hover{background:url(image/menu.jpg) -61px -30px no-repeat;width:110px;height:30px;}
#conteneur #menu #nav1 #rub2 a.on{background:url(image/menu.jpg) -61px -30px no-repeat;width:110px;height:30px;}

#conteneur #menu #nav1 #rub3{background:url(image/menu.jpg) -171px 0 no-repeat;width:106px;height:30px;}
#conteneur #menu #nav1 #rub3 a{display:block;width:106px;height:30px;}
#conteneur #menu #nav1 #rub3 a:hover{background:url(image/menu.jpg) -171px -30px no-repeat;width:106px;height:30px;}
#conteneur #menu #nav1 #rub3 a.on{background:url(image/menu.jpg) -171px -30px no-repeat;width:106px;height:30px;}

#conteneur #menu #nav1 #rub4{background:url(image/menu.jpg) -277px 0 no-repeat;width:124px;height:30px;}
#conteneur #menu #nav1 #rub4 a{display:block;width:115px;height:30px;}
#conteneur #menu #nav1 #rub4 a:hover{background:url(image/menu.jpg) -277px -30px no-repeat;width:124px;height:30px;}
#conteneur #menu #nav1 #rub4 a.on{background:url(image/menu.jpg) -277px -30px no-repeat;width:124px;height:30px;}

.separator {width:100%; height:1px solid;}
#footer {width:955px;margin:200px 0 0 0;}

.lien{display:block; width:50px; height:50px; clear:both; margin-top:-180px; margin-left:720px; }