html, body {margin:0px 0px 0px 0px;padding: 0px 0px 0px 0px;background-color:#333333;width:900px;margin:0 auto;text-align:center;}

h1{font-family:verdana;margin:0;padding:0}
h2{font-family:verdana;margin:0;padding:0}
h3{font-family:verdana;margin:0;padding:0}


ul{font-family:verdana;margin:0;padding:0}
li{font-family:verdana;margin:0;padding:0}

ul li{display:block}
ul li a {letter-spacing:0}

div, p, span, td,a{text-align:left;margin:0px;padding:0px;font-family:verdana}
img{border:none;margin:0px;padding:0px;}
form{margin:0px;padding:0px;}
input{margin:0px;padding:0px;}


/* --- mise en page des textes --- */
.clear{clear:both;} 
.block{display:block;}
.float-left{float:left;}
.float-right{float:right;}
.right{text-align:right}
.left{text-align:left}
.center{text-align:center}
.justify{text-align:justify}
.size06 {font-size:6pt}
.size07 {font-size:7pt}
.size08 {font-size:8pt}
.size09 {font-size:9pt}
.size10 {font-size:10pt}
.size12 {font-size:12pt}
.size14 {font-size:14pt}
.underline {text-decoration:underline}
.uppercase {text-transform:uppercase}
.crosshair {cursor:crosshair;}
.pointer {cursor:pointer;}				
.move {cursor:move;}
.wait {cursor:wait;}	 
.help {cursor:help}
.weight200{font-weight:200}
.weight600{font-weight:600}
.arial{font-family:arial}
.verdana{font-family:verdana}
.orange{color:#F47720}
.marron{color:#B8A177}
.gris{color:#666666}
.noir{color:black}
.blanc{color:white}
.gris{color:#333333}
.petitgris{color:#999999}
.argent{color:#cfcfcf}
.line15{line-height:15px}
.line18{line-height:18px}
.italique{font-style:italic}
.bg-argent{background-color:#dcd5c9}
.block{display:block}
.inline{display:inline}
.rouge{color:red}


#general{width:900px;margin:auto;}
.col_a{float:left;width:440px}
.col_b{float:left;width:200px}
.span_h1{color:#dcd5c9;display:block;font-size:14pt;font-weight:600}
iframe{width:640px;height:1900px}
#geolocalisation iframe{width:800px;height:1000px}

#page{height:1000px;float:left;width:700px;background-color:white}
html>body #page
{
height: auto;
min-height: 1000px;
}

/* --- bandeau_haut --- */
#bandeau_haut{width:900px;height:170px;background-image:url(../img/bg-bandeauhaut.jpg);background-repeat:repeat-x;}
#bandeau_haut #sites_sudfrance{clear:both}
#bandeau_haut #sites_sudfrance a{color:white;font-size:9pt;font-weight:600;display:block;padding-top:10px}
#bandeau_haut #sites_sudfrance a:hover{text-decoration:underline}
#bandeau_haut #site_en_img{float:left;width:36px;margin-right:10px;margin-left:10px}
#bandeau_haut #site_twitter_img{;margin-left:15px;margin-bottom:15px}
#bandeau_haut #bandeau_haut_logo{background-color:red}
#bandeau_haut h1{width:385px;float:left;margin-left:250px}
#bandeau_haut #logo {width:385px;float:left;margin-left:250px}
#bandeau_haut #carte {float:left;width:100px;margin-left:160px}


/* --- fil ariane --- */
#fil-ariane {margin-left:30px;margin-top:15px;font-size:9pt;color:#333333}


/* --- menu_haut --- */
#menu_haut{width:900px;height:24px;background-color:#F47720;margin-top:0px;margin-bottom:20px}
#menu_haut strong {display:bloc;padding-left:10px}
#ul_menu_haut{float:left;width:420px;color:white;font-size:8pt;padding-top:5px;text-align:right;margin-right:5px}
#ul_menu_haut a {color:white;font-size:8pt;}
#ul_menu_haut li {color:white;display:inline;font-size:8pt}
#menu_haut form {float:left;width:150px;padding-top:2px;text-align:right;margin-right:5px}
#input_mail_newsletter{width:100px;height:18px}
#submit_mail_newsletter {text-align:left;font-size:8pt;width:25px;height:18px;text-align:center}

/* --- menu_gauche --- */
#menu_gauche{float:left;width:198px;}


#page_large{width:900px;background-color:white}
#page_contenu{background-color:white;padding:30px}
#page_contenu h1 {color:#333333;font-family:verdana;font-size:14pt;color:#333333}
#page_contenu h2 {color:#333333;font-family:verdana;font-size:12pt;color:#333333}
#page_contenu h3 {color:#333333;font-family:verdana;font-size:10pt;color:#333333}
#page_contenu p {font-size:9pt;color:#606060;letter-spacing:1px;line-height:18px;margin-top:15px}

/* --- moteur reservation --- */
#reservation{}
#reservation strong{color:#F47720;font-size:11pt;font-weight:600;line-height:30px}
#reservation select, input {width:80px;margin-bottom:5px;font-size:8pt}
.td_reservation{width:110px;font-size:8pt;color:white;line-height:20px}

/* --- moteur recherche_num --- */
#recherche_num{margin:15 0 15 0}
#recherche_num span{float:left;display:block;width:110px}
#recherche_num form{float:left;display:block;width:85px}
#recherche_num #input{width:55px;height:20px}
#recherche_num #submit{width:20px;height:20px}

/* --- liens_menu_gauche-- */

#liens_menu_gauche{}
#liens_menu_gauche strong{color:#F47720;font-size:12pt;font-weight:600;line-height:30px}
#liens_menu_gauche ul li a{color:#BBAE97;line-height:18px}
#liens_menu_gauche a{color:white;line-height:18px}

/* --- informations-- */

#informations{margin-top:15px}
#informations strong{font-size:10pt;font-weight:200;display:block;background-color:#695F45;color:white;line-height:15px;padding:1 0 4 10}
#informations ul li{line-height:0px}
#informations ul li a{color:white;font-weight:200;line-height:18px;display:list-item;margin-left:15px}


/* ---accueil en_avant --- */

#en_avant{display:block;height:280px;}
#en_avant h2{cursor:pointer;width:210px;color:white;background-color:#333;text-align:center;font-size:14pt}
#en_avant_location,#en_avant_exception,#en_avant_destination{width:210px;;float:left}
#en_avant_location,#en_avant_exception{margin-right:5px}

#en_avant_location ul{display:block;}
#en_avant ul li {position:relative;top:10px;left:0px}
#en_avant_exception ul{display:none}
#en_avant_destination ul{display:none}
#en_avant_img{z-index:1;position:absolute;display:block;margin-top:25px}
#en_avant_liens{z-index:2;position:absolute}



/* excursions --- */
#excursions {display:block;width:440px;margin-top:20px;}
#excursions h2 {border-bottom:solid 2px #606060;padding-bottom:2px;margin-bottom:10px;color:#606060;font-size:10pt;font-weight:600;display:block;text-transform:uppercase}
#excursions h3 {color:#333333;height:40px;padding-top:5px;font-size:9pt;width:120px;line-height:15px}
#excursions img{width:200px;}
#excursions ul {margin-left:5px}
#excursions ul li {float:left;margin-right:25px;}
#excursions a {color:#006699;font-size:9pt;margin-bottom:20px;height:50px;width:120px;letter-spacing:1px;font-weight:400;text-decoration:underline;display:block}
#excursions span{color:#333333;font-size:8pt;letter-spacing:-1px}
#excursions .prix{font-size:8pt;font-weight:600;background-color:#333333;color:white;padding:2px;display:block}
#excursions .conteneur_img_excursion{width:120px;height:120px;overflow:hidden}

#excursions_img_1{margin-top:-10px;margin-left:-30px}
#excursions_img_2{margin-top:-10px;margin-left:-30px}
#excursions_img_3{margin-top:-10px;margin-left:-30px}

/* nos_sejours --- */
#nos_sejours {width:440px;margin-top:20px}
#nos_sejours h2 {border-bottom:solid 2px #695F45;padding-bottom:2px;margin-bottom:10px;color:#606060;font-size:10pt;font-weight:600;display:block;text-transform:uppercase}
#nos_sejours h3 {color:#695F45;font-size:10pt;margin:20px 0px 5px 0px}
#nos_sejours h4 {color:#333333;font-size:9pt;font-weight:600}
#nos_sejours img {border:solid 1px black;margin-right:10px}
#nos_sejours p {margin:0px 0px 10px 0px;color:#695F45;font-size:9pt;line-height:18px;letter-spacing:1px}

/*mise a jour avril 2010*/

#contenu_sejours{margin:15px 0px 0px 4px}
#contenu_sejours li{width:400px;display:block;}

#sejours_liens{}
#sejours_liens li{}
#sejours_liens li a{display:list-item;list-style-type:disc;margin-left:15px;}

/*sejours cadeaux*/
#sejours_cadeaux {display:block;padding-left:20px;margin-top:25px}
#sejours_cadeaux h2 {;color:#695F45;font-size:12pt;font-weight:600;margin-bottom:10px}



/* ---envie_de --- */

#envie_de {display:block;width:170px;margin-top:10px;margin-left:20px;margin-top:20px;background-color:#d2cbba}
#envie_de h2 {padding:5px 0px 5px 2px;color:#333333;font-size:10pt;font-weight:600;display:block;text-transform:uppercase}
#envie_de h3 {}
#envie_de a {color:#333333;font-size:10pt;font-weight:600;display:block;margin:5px 0px 5px 5px;}
#envie_de p {color:#333333;font-size:9pt;font-weight:200}
#envie_de span{color:#333333;font-size:8pt;letter-spacing:-1px;margin-left:5px}
#envie_de .prix{font-size:9pt;font-weight:600;background-color:#333333;color:white;padding:2px;display:block}
#envie_de_conteneur_img{width:170px;height:120px;overflow:hidden}


/* promotion --- */
#promotion {display:block;padding-left:20px;margin-top:25px}
#promotion h2 {color:#606060;font-size:10pt;font-weight:600}
#promotion a {}
#promotion a:hover{text-decoration:underline}
#promotion ul{margin-bottom:20px}
#promotion ul li{list-style-type:none}
#promotion ul li a{color:#006699;font-size:9pt;font-weight:600}
#promotion ul li img{margin-bottom:5px}

/* actualite --- */
#actualite{width:200px;margin-top:15px}
#actualite h2{padding-left:20px;color:#695F45;font-size:12pt;font-weight:600}
#actualite h3 {color:white}
#actualite a{color:#695F45;font-size:10pt;color:white;font-weight:600;margin-bottom:10px}
#actualite p {color:white;font-size:8pt;line-height:18px;letter-spacing:1px}
#actualite img{;width:150px;margin-top:5px}
#actualite a {}
#actualite_contenu{background-color:#695F45;margin-left:20px;padding:20 10 20 20px}

/* newsletter --- */
#newsletter{margin-left:0px;margin-top:10px;display:block;width:196px;height:196px;background-image:url(../img/bg-newsletter.jpg);background-repeat:no-repeat;}
#newsletter_contenu{padding:80 10 10 20px}
#newsletter_contenu p{color;#333333;font-size:9pt}
#newsletter_contenu form{margin-top:10px}

/* ---footer --- */

#footer {width:700px;margin-left:200px}
#footer_gabarit_2{width:900px;}

#footer_liens_top {width:100%;height:25px;;text-align:center}
#footer_liens_top ul {color:white;font-size:9pt;font-weight:200;padding-top:5px}
#footer_liens_top ul li {display:inline;}
#footer_liens_top ul li a {padding-top:5px;color:white;font-weight:200}

#footer_liens_bottom{background-color:#606060;padding:10px}
#footer_liens_bottom h3 {color:#F47720;font-size:9pt}
#footer_liens_bottom ul {}
#footer_liens_bottom ul li {}
#footer_liens_bottom ul li a {color:white;font-size:8pt;line-height:18px}
.col_footer_liens_bottom{float:left;margin-right:15px;margin-top:5px;margin-bottom:10px}

/* ---informations --- */
#quisommesnous {font-size:9pt;letter-spacing:1px;line-height:18px;font-family:verdana}
#quisommesnous h2 {font-size:10pt;padding-top:15px}
#quisommesnous ul {}
#quisommesnous ul li {color:#333333;font-size:9pt;list-style-type:none}
#quisommesnous p {color:#333333;font-size:9pt;letter-spacing:1px;line-height:18px}

#mentions-legales {}
#mentions-legales strong {display:block;margin-top:15px}
#mentions-legales ul li, p {color:#333333;font-size:9pt;letter-spacing:1px;line-height:18px}
#mentions-legales ul {}
#mentions-legales ul li {list-style-type:none}


#garanties {}
#garanties strong {display:block;margin-top:15px}
#garanties ul li, p {color:#333333;font-size:9pt;letter-spacing:1px;line-height:24px}
#garanties ul {}
#garanties ul li {margin-left:25px;display:list-item;list-style-type:circle;line-height:24px}


/* inscription newsletter */
#inscription-newsletter {}
#inscription-newsletter-part-1 {}
#inscription-newsletter-part-1 input {width:150px}
#inscription-newsletter-part-2 input {width:20px}

.texte_form {font-size:9pt}

/*  contact */

#contact_en_tete {color:#333333}
#contact_en_tete h2 {font-size:10pt}
#contact_en_tete p {font-size:9pt}

#form_contact {}
#form_contact_part_1 {width:400px;font-size:9pt}
#form_contact_part_2 {width:400px}
#form_contact_part_1 input {width:200px}
#form_contact_part_1 textarea {width:200px}
#form_contact_part_2 {}


#partenaires{}
#partenaires ul{margin-top:25px}
#partenaires ul li{clear:both;display:block;padding-bottom:0px}
#partenaires ul li h2{font-size:9pt;padding-top:35px}
#partenaires ul li a{display:block;margin-top:5px}
#partenaires ul li img{width:100px;float:left;margin-right:25px;margin-bottom:50px}