@charset "utf-8";
/* CSS Document */

body {margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em;
 overflow:hidden;
 overflow-x: hidden;
 overflow-y: auto;
 overflow : -moz-scrollbars-vertical;}
form {margin: 0; padding: 0;}
img {border: none;}

/****************************************************************************************/
/************************************ DECOUPE  *****************************************/
/****************************************************************************************/
div#page {width: 1000px; padding:auto; margin:auto; background:url(/images/page_fd.gif) 0% 0% repeat-y; }
div#header {width:100%; margin: 0; padding: 0;}
div#header2 {width:100%; float: left; background:url(/images/header2_fd.gif) 0% 0% no-repeat; height:48px;}
div#maincontent {float:left; width: 560px; padding: 0; margin:0; bor/der:1px solid red;}
div#colonneright {float: right; width: 215px;  padding:0 ;  margin-right:10px; .margin-right:5px; }
div#mainleft {float: left; width: 178px; padding:0;  margin-right:18px;}

/****************************************************************************************/
/************************************ COULEURS  *****************************************/
/****************************************************************************************/
.orange {color: #f60;}
.blueclair {color: #0065c4;}
.bold {font-weight:bold;}

/****************************************************************************************/
/************************************ HEADER   ******************************************/
/****************************************************************************************/

div#header2 p {float: left; color: #452d0e; font-weight: bold; font-size: 0.85em; margin: 0; padding: 3px 0 0 10px;}
div#header2 p a {text-decoration: underline; color: #0066cc;}
div#header2 p a:hover {text-decoration: none;}

div#header2 .troisboutons {float: right; margin: 7px 0 0 0; padding: 0 30px 0 0;}
div#header2 .troisboutons a {margin: 0 0 0 0; padding: 0 10px 0 0; border:}
div#header2 .troisboutons img {border: none;}

div#header2 p.outils { float:right; padding:10px 24px 0 24px; background-image:url(/images/bt_outils_fond.gif); height:30px; line-height:1em;}
div#header2 p.outils img { margin-left:12px;} 
div#header2 p.outils .nom { float:left; text-align:right}

/****************************************************************************************/
/************************************ CONTENU PRINCIPAL *********************************/
/****************************************************************************************/

div#maincontent h1 {float: left; margin: 10px 0 0 0; padding: 0px 0 0 0;}
div#maincontent h2 {width: 160px; float: left; margin: 0 0 0 0; padding: 0px 0 0 0;}
div#maincontent .resultatrecherche {float: left; font-size: 0.9em; font-weight: normal; margin: 15px 0 0 10px;}
div#maincontent a.modifier {text-decoration: none; float: right; margin: 15px 0 0 0; padding: 0;}

/****************************************************************************************/
/************************************ COLONNE DROITE ************************************/
/****************************************************************************************/

div#colonneright img {border: none;}
div#colonneright h2 {margin: 0; padding: 0px 0 5px 10px;}
div#colonneright dl {font-size: 0.85em; color: #0066cc; margin: 5px 0 10px 0; padding: 0;}
div#colonneright dl dt{font-weight: bold; background:url(/images/puce_selecte.gif) 0% 3px no-repeat; margin: 0; padding: 0 0 0 10px;}
div#colonneright dl dd{margin: 0; padding: 0 0 0 12px;}
div#colonneright a { color: #0066cc; text-decoration:none}
div#colonneright a.voir {font-size: 1.2em; color: #0066cc; display: block; text-decoration: underline; background:url(../images/puce_selecte.gif) 0% 5px no-repeat; margin-bottom: 30px; padding: 0 0 0 10px;}
div#colonneright a.voir:hover {text-decoration: none;}

div.encarts { border:0px solid red; padding:6px;}

/************************************ TOURMONDE ************************************/
div#grandvoyage {height:260px; width: 200px; background-color:#2a2a2a; margin-bottom: 15px; padding: 0 0 15px 0;}
div#grandvoyage h3 {font-size: 1.3em; color:#ecc913; margin: 0; padding: 10px 0 0 10px;}
div#grandvoyage p {font-size: 0.85em; color:#fff; margin: 0; padding: 5px 0 0 10px;} 
div#grandvoyage a {display: block; color:#fff; text-decoration: none; font-size: 1em; margin: 0;  padding: 5px 0 0 10px; background:none;}
div#grandvoyage a:hover {text-decoration: underline;}

 /********************************************************************************************************/
/*******************************  FOOTER               **************************************************/
/********************************************************************************************************/
div.footer {
 width: 98%;
 float: left;
 margin: 0;
 padding: 0;
 font-size: 11px;
 background-color:#fff;
 padding: 1%; 
 }

#footer_niveau1 {  background-color:#06c; margin-top:36px;}
#footer_niveau2 {  padding-bottom:24px}

div.footer ul {
 width: 700px;
 color: #959595;
 float: left;
 clear:none;
 margin: 0;
 padding: 0;
}

#footer_niveau1 li {
 list-style: none;
 display: inline;
 border-right: 1px solid #e4ded7;
 margin: 0;
 padding: 0 5px 0 7px;
}

#footer_niveau2 li {
 list-style: none;
 margin: 0;
 padding: 0 0 0 13px;
}

div.footer ul a, div.footer p a{
 text-decoration: none;
 color: #fff;
 margin: 0px 0 0 0;
 padding: 0 5 0 5px;
}

#footer_niveau2 a { color:#959595;}

div.footer ul a:hover, div.footer p a:hover { text-decoration: underline;}

div.footer p {
 float: right;
 background: url(/images/footer_puce.gif) 0% 1px no-repeat;
 color: #959595;
 margin: 0px 0 0 0;
 padding: 0 13px 0 12px;
}