@charset "utf-8";
/* CSS Document */
body  {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0; 
	padding: 0;
	text-align: center; 
}
#main{
	background:url(../images/bg.jpg) repeat-x;
	width:100%;
	height:auto;
	position:relative;
	
}
#top{
	width:942px;
	height:auto;
	position:relative;
	margin:auto;
}
#bg-blanc{
	background:url(../images/bg-blanc.png) repeat-y;
	width:942px;
	height:252px;
	margin:auto;
	
}

#bg-menu-left{
	background:url(../images/bg-menu-right.png) repeat-x;
	width:231px;
	height:252px;
	margin-left:9px;
	float:left;
}
#flash{
	width:695px;
	height:252px;
	position:relative;
	float:left;

	
}
#foot-banner{
	background:url(../images/foot-banner.png) no-repeat;
	width:940px;
	height:6px;
	margin:auto;
	position:relative;
}
#content{
	background-color:#daebf1;
	width:940px;
	height:auto;
	margin:auto;
	margin-top:6px;
}

#content-boutique{
	background-color:#daebf1;
	width:940px;
	height:1100px;
	margin:auto;
	margin-top:6px;
}

#content-coursier{
	background-color:#daebf1;
	width:940px;
	height:1040px;
	margin:auto;
	margin-top:6px;
}
#content-quad{
	background-color:#daebf1;
	width:940px;
	height:960px;
	margin:auto;
	margin-top:6px;
}
#content-contact{
	background-color:#daebf1;
	width:940px;
	height:830px;
	margin:auto;
	margin-top:6px;
}
#content-atelier{
	background-color:#daebf1;
	width:940px;
	height:800px;
	margin:auto;
	margin-top:6px;
}
#content-galerie{
	background-color:#daebf1;
	width:940px;
	height:700px;
	margin:auto;
	margin-top:6px;
}
#content-location{
	background-color:#daebf1;
	width:940px;
	height:1250px;
	margin:auto;
	margin-top:6px;
}
#content-cicuit-grand-sud{
	background-color:#daebf1;
	width:940px;
	height:750px;
	margin:auto;
	margin-top:6px;
}
#footer{
	background-color:#1d7790;
	width:940px;
	height:90px;
	margin:auto;
	text-align:center;
	padding:0;
	
}
#bg-left{
	background:url(../images/main-left.png) no-repeat;
	width:14px;
	height:635px;
	position:relative;
	float:left;
}
#bg-width{
	background:url(../images/main-width.png) repeat-x;
	height:635px;
	width:912px;
	position:relative;
	float:left;
}
#bg-right{
	background:url(../images/main-right.png) no-repeat;
	width:14px;
	height:635px;
	position:relative;
	float:left;
}
#flash{
	width:696px;
	height:252px;
	position:relative;
	float:left;
	
}

#bg-top1{
	background:url(../images/bg-top.png) no-repeat;
	width:941px;
	height:68px;
	position:relative;
}
#bg-top2{
	background:url(../images/bg-top2.png) no-repeat;
	width:941px;
	height:37px;
	position:relative;
	
}
#bg-top3{
	background:url(../images/bg-top3.png) no-repeat;
	width:941px;
	height:19px;
	position:relative;
}

.menu {
 list-style:none;
 margin:0;
 padding:0;
 width:620px;
 height:20px;
 margin-right:18px;

 }
 .menu li { float :left ; }
 .menu li a {
 display:block;
 color:#fff;
 font-size:13px;
 font-weight:bold;
 text-decoration:none;
 font-family:Tahoma, Geneva, sans-serif;
 text-align:center;
 cursor:pointer;
 padding:6px 18px 6px 20px;
 }
 .menu li a:hover {
 	color:#F00;
 }

 .menu li.current a {
	color:#F00;
 }
 .mn-left{
	border:none;
	margin-top:20px;
	margin-left:20px;
}
#menu-left{
	width:200px;
	height:250px;
}
#mn1{
	background:url(../images/galerie.jpg) no-repeat;
	width:148px;
	height:23px;
	margin-top:20px;
	margin-left:80px;
	
}
#mn2{
	background:url(../images/video.jpg) no-repeat;
	width:82px;
	height:23px;
	margin-top:40px;
	margin-left:130px;
	
}
#mn3{
	background:url(../images/carnet.jpg) no-repeat;
	width:155px;
	height:23px;
	margin-top:40px;
	margin-left:40px;
}
#mn4{
	background:url(../images/contact.jpg) no-repeat;
	width:97px;
	height:23px;
	margin-top:40px;
	margin-left:80px;
}
#defilement-container{
	width:912px;
	height:auto;
	margin:auto;
	margin-top:6px;
	background:#daebf1;
	position:relative;
}
#left-defilement{
	background:url(../images/left-defil.png) no-repeat;
	width:51px;
	height:144px;
	position:relative;
	float:left;
	margin-top:6px;
}
#defilement{
	width:810px;
	height:113px;
	position:relative;
	float:left;
	margin-top:6px;
	border-top:#1d7790 15px solid;
	border-bottom:#1d7790 16px solid;
	position:relative;
}
#right-defilement{
	background:url(../images/right-defil.png) no-repeat;
	width:51px;
	height:144px;
	position:relative;
	float:left;
	margin-top:6px
}
.clr{
	clear:both;	
}
#rub-container{
	width:168px;
	height:470px;
	position:relative;
	float:left;
	margin-bottom:20px;
	margin-left:20px;
	float:left;

}
#page{
	width:720px;
	height:auto;
	position:relative;
	float:left;
	margin-left:10px;
	text-align:justify;
	background:#FFF;
	padding:5px 5px;
	margin-bottom:10px;
	position:relative;
}

#bg-rub-top{
	background:url(../images/bg-rub-top.png) no-repeat;
	width:167px;
	height:16px;
	position:relative;
}
#bg-rub-width{
	background:url(../images/bg-rub-width.png) repeat-y;
	width:167px;
	height:auto;
	position:relative;
}
#bg-rub-foot{
	background:url(../images/bg-rub-foot.png) no-repeat;
	width:167px;
	height:16px;
	position:relative;
}
.spacing{
	height:18px;
}
#lien{
	width:148px;
	height:auto;
	position:relative;
	text-align:left;
	margin-left:20px;
}

.lien{
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-decoration:none;
}
a:hover{
	color:#F00;
}
#bg-title{
	background:url(../images/bg-title.png) no-repeat;
	width:181px;
	height:27px;
	text-align:center;
}
.title{
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
	padding:4px;
	font-weight:700;
}
#img-left{
	width:200px;
	float:left;
	margin-top:20px;
}
#img-right{
	width:200px;
	float:left;
	margin-top:20px;
}
#texte{
	width:310px;
	float:left;
	margin-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	padding:5px 5px;
}
#coursier-left{
	width:450px;
	float:left;
	margin-top:20px;
}
#coursier-right{
	width:264px;
	float:left;
	margin-left:6px;
	background-color:#18748d;
	color:#FFF;
}
#coursier-content-right{
	width:250px;
	margin:auto;
}
.texte{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
}
#carte{
	width:450px;
	margin:auto;
	background:#18748d;
	padding:30px 0;
}
#carte-mada{
	background:url(../images/madagascar.png) no-repeat;
	width:280px;
	height:524px;
	margin-left:140px;
}
#circuit-nord{
	background:url(../images/btn-nord.png) no-repeat;
	width:150px;
	height:132px;
	position:absolute;
	left: 161px;
	top: 80px;
}
#circuit-nord-ouest{
	background:url(../images/btn-nord-ouest.png) no-repeat;
	width:173px;
	height:165px;
	position:absolute;
	left: 4px;
	top: 229px;
}
#circuit-ouest{
	background:url(../images/btn-ouest.png) no-repeat;
	width:172px;
	height:162px;
	position:absolute;
	left: -7px;
	top: 455px;
}
#circuit-grand-sud{
	background:url(../images/btn-grand-sud.png) no-repeat;
	width:156px;
	height:146px;
	position:absolute;
	left: 303px;
	top: 509px;
}
#img-contact{
	width:320px;
	float:left;
	margin:20px 10px  0;
	
}
#bg-contact{
	width:700px;
	height:590px;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	background:#18748d;
	margin:auto;
	margin-top:20px;
	color:#FFF;
	text-align:center;
}
#texte-contact{
	width:350px;
	float:left;
	text-align:center;
	color:#FFF;
	margin-top:10px;
}
#img-boutique-left{
	width:290px;
	float:left;
	margin-top:20px;
	position:relative;
}
#img-boutique-right{
	width:156px;
	float:left;
	margin-top:20px;
	position:relative;
}
#texte-boutique{
	width:254px;
	float:left;
	margin:0 10px;
	margin-top:20px;
	position:relative;
}
.container-quad{
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	background:#18748d;
	padding:10px;
}
.quad-foot{
	width:330px;
	height:135px;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	background:#18748d;
	padding:10px;
}
#video{
	width:600px;
	margin:auto;
	margin-top:20px;
	overflow: auto;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	background:#18748d;
	padding:10px;
}
.atelier-bg-style1{
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	background:#57bcd7;
	padding:1px 9px;
}