body, html {margin:0;padding:0;font-family:"Century Gothic", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;  height:100%; min-width:1200px; min-height:900px;}
.main {width:100%;z-index:2; height:100%;}
p{font: Arial, Helvetica, sans-serif; font-size:12px;}

/* menu */	
.menu { padding:0px; margin:0 auto; height:100px; z-index:5; position:relative; background: url(../images/menu.png)right; opacity:1; width:100%;  }
.menu ul li { float:left; margin:0; padding:0; border-right:none; border-left:none; color:white; font:bold 11px Arial, Helvetica, sans-serif; margin-right:35%;}


ul.topnav {list-style: none;padding: 0 20px;margin: 0;float: left;}
ul.topnav li {float: left;margin: 0;padding: 0 5px 0 0;position: relative; font-style:10px; color:white;}
ul.topnav li a{float: left;margin: 0;padding: 0 5px 0 0;position: relative; font-style:10px; color:white; text-decoration:none;}
ul.topnav li a:hover{}
ul.topnav li span { width: 20px;height: 20px;float: left;background: url(../images/icone.png) no-repeat center top; z-index:11;}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*-- Changement au survol de la flèche (bouton Drop Down)--*/
ul.topnav li ul.subnav {list-style: none;position: absolute;left: 0; top: 35px;background: #333;margin: 0; padding: 0;display: none;float: left;width: 170px;border: 1px solid #111;}
ul.topnav li ul.subnav li{margin: 0; padding: 0;border-top: 1px solid #252525; border-bottom: 1px solid #444; clear: both;width: 170px;}
html ul.topnav li ul.subnav li a {float: left;width: 145px;background: #333 url(dropdown_linkbg.gif) no-repeat 10px center;padding-left: 20px;}
html ul.topnav li ul.subnav li a:hover {background: #222 url(dropdown_linkbg.gif) no-repeat 10px center;}
.right-menu{float:right; margin-right:3px;}
.righ-menu ul { padding:0; margin:0 30px 0 0; list-style:none; border:0; float: left; }
.right-menu ul li{float:left; margin:0; padding:10px 13px; list-style:none;}

.footer{width:100%; background:#f25822; height:43px; z-index:8; color:white;position: fixed;bottom: 0;}
.footer p{font-size:11px; color:white;}

.icons {padding-top:5px; padding-left:12px; margin-right:10%; height:37px; margin-bottom:22px;} 
a img {border:none; text-decoration:none;} 
.icons .like {color: #6c83b3; font:bold 11px "Century Gothic", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; margin-right:12px;}
.icons .tweet {color: #33ccff;font:bold 11px "Century Gothic", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; margin-right:12px;}
.g-plus{padding-top:5px;}

.texte{float:left;  color:black; font-weight:bold; font:bold 11px "Century Gothic", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; margin-top:-40px; margin-left:25px; background: url('../images/trans_reverse.png') repeat; max-width:600px; min-width:350px;   height:95%;}
.texte p{margin:5px; padding:5px; text-align:justify;}


/********** contact**********/
.textecontact{float:left;  color:black; font-weight:bold; font:bold 11px "Century Gothic", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; margin-top:-40px; margin-left:25px; background: url('../images/trans_reverse.png') repeat; max-width:600px; min-width:350px;  height:92%;}
.coordonnees{float:left;  color:black; font-weight:bold; font:bold 11px "Century Gothic", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; margin-top:-40px; margin-left:0px;
background: url('../images/trans_reverse.png') repeat; max-width:600px;  height:92%;}
.ulcoord{color:black; font-weight:bold; margin-top:30px; text-align:left; margin-left:-39px; font:bold 11px "Century Gothic", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;}
.coordonnees li{color:black; list-style:none; font:bold 11px "Century Gothic", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;text-align:left;}

/********** contact form **********/
#contactform { margin:0; padding:5px 10px; }
#contactform * { color:black; }
#contactform ol { margin:0; padding:0; list-style:none; }
#contactform li { margin:0; padding:0; background:none; border:none; display:block; }
#contactform li.buttons { margin:5px 0 5px 0; }
#contactform label { margin:0; width:140px;  padding:5px 0;font:bold 11px "Century Gothic", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;; color:black; text-transform:capitalize; ; text-align:left; padding-left:17px; float:left; margin-right:1em;}
#contactform label span { font:normal 10px "Century Gothic", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:red;}
#contactform input.text { width:300px; border:1px solid #dcdcdc; margin:5px 0; padding:5px 2px; height:16px; background:#f5f5f5; }
#contactform textarea { width:300px; border:1px solid #dcdcdc; margin:10px 0; padding:2px; background:#f5f5f5; }
#contactform li.buttons input { padding:3px 0; margin:0; border:0;  }
#contactform submit{ background: white; color:black; }
p.response { text-align:center; color:#2c2c2c; font: bold 11px "Century Gothic", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; line-height:1.8em; width:auto; }


h1{font:bold 16px "Century Gothic", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#f25822; padding:5px; }

.itineraire{text-align:center; }
.itineraire ol{ list-style:none;}
.itineraire li { background:url(images/etoile.png) left no-repeat; padding:0px 20px; margin:0; font: normal 11px Tahoma, Geneva, sans-serif; color:#5c5c5c; }
.itineraire label{ margin-right:1em; float:left; font-size:12px; color:red; width:5em;}

.formulaire{text-align:center; margin-top:200px;}
.formulaire ol{ list-style:none;}
.formulaire li { background:url(images/etoile.png) left no-repeat; padding:0px 20px; margin:0; font: normal 11px Tahoma, Geneva, sans-serif; color:#5c5c5c; }
.formulaire label{ margin-right:1em; float:left; font-size:12px; color:red; width:5em;}
.