html, body {margin:0px 0px 0px 0px;padding: 0px 0px 0px 0px;background-color:#25455C}


h1{font-family:verdana;font-size:16pt;margin:0;line-height:20px;color:#333333;padding:30 0 0 30;width:400px}
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{margin:0px;padding:0px;font-family:verdana}
img{border:none;margin:0px;padding:0px;}
form{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:#FF9900}
.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}


#general{width:970px;margin:auto;background-image:url(../images/bg-general.gif);background-repeat:repeat-y}
#col_gh{width:779px;float:left;}
#col_dr{width:190px;float:left;margin-left:1px}


/* --- mise en page du header --- */
#header{width:779px;height:104px}
#header_gh{width:100px;height:122px;float:left}
#header_ml{width:494px;height:122px;float:left;border-left:solid 1px white}
#header_dr{width:183px;height:122px;float:left;border-left:solid 1px white}

.haut_gh{background-color:#BBAE97;margin-top:0px;margin-bottom:0px;width:100px;height:9px;border-bottom:solid 1px white;}
.bas_gh{background-color:#5F584C;margin-top:0px;margin-bottom:0px;width:100px;height:18px;border-top:solid 1px white;text-align:center;}
.haut_ml{background-color:#5F584C;margin-top:0px;margin-bottom:0px;width:494px;height:9px;border-bottom:solid 1px white}
#titre-site{width:494px;}
#sous_titre_site{background-color:blue;width:494px;height:20px;background-image:url(../images/bg-sous-titre-site.jpg);background-repeat:repeat-y}
#recherche-carte{width:183px;height:104px}
.bas_dr{background-color:#5F584C;margin-top:0px;margin-bottom:0px;height:18px;}


/* --- mise en page col de gauche --- */
#div_gh{width:100px;float:left;}

/* --- mise en page menu gauche--- */

#menu-gauche{margin-top:0px;margin-bottom:0px;padding-top:5px;padding-left:10px;color:white;}
#menu-gauche ul li{display:block;width:90px;border-bottom:solid 1px white;margin-bottom:5px}
#menu-gauche ul li a{font-size:9pt;font-weight:400;letter-spacing:1;line-height:18px;}

#moteur-recherche{padding-left:10px;color:#B2A58F;margin-top:20px}
#ul-moteur-recherche{padding-top:5px;padding-bottom:5px;color:#B2A58F;}
#ul-moteur-recherche li{padding-left:0px;padding-top:10px;font-size:8pt;font-family:arial}
#ul-moteur-recherche select{padding-left:0px;width:85px}
#ul-moteur-recherche input{padding-left:0px;padding-top:15px}

#marecherche{padding-left:30px;padding-bottom:25px}
#marecherche li{font-size:9pt;color:#333333}

#venir {margin-top:15px;margin-bottom:0px;margin-left:10px;padding-top:5px;;color:white;}
#venir ul li{display:block;width:90px;border-bottom:solid 1px white;border-top:solid 1px white;margin-bottom:5px;padding:0px}
#venir ul li a{font-size:9pt;font-weight:400;letter-spacing:1;line-height:18px;color:white;text-indent:0px;padding:0px;display:block}


#logos{margin-left:10px;margin-top:15px}
#logos ul{}
#logos ul li{margin:0 0 10 0;text-align:center}
#logos ul li img{}
#logos ul li a{color:white;font-size:8pt;font-weight:200;}
#logos ul li a:hover{text-decoration:underline}


/* --- mise en page accueil centre --- */
#div_centre{width:678px;float:left;margin-left:1px}
#accueil_centre{margin-top:0px;width:494px}
#accueil_centre h1{line-height:20px;color:#333333;margin:0;padding:30 0 0 30;height:60px;width:400px}
#accueil_centre p{padding:25 25 0 30;color:#333333;font-size:9pt;font-weight:200;text-align:justify}
.diaporama{margin-left:30px;border:solid 2px #333333;width:440px}
.grand_format{;width:440px}

/* --- mise en page accueil colonne droite --- */
#thematiques{margin-left:1px;margin-top:1px;width:183px;float:left;}
#thematiques img{margin-bottom:2px}
#thematiques ul img{margin-left:2px;margin-bottom:15px}

#list-themes{}
#list-themes ul{position:absolute;display:none;width:183px;height:250px;background-color:#BBAE97;}
#list-themes ul li a{font-size:10pt;letter-spacing:1;padding-left:5px;color:#333333;font-weight:600;line-height:25px}

#texte-villas{width:163px;background-color:#BBAE97;padding:10px;color:#5F584C;height:188px}
#texte-villas h2{color:#5F584C;font-size:12pt}
#texte-villas p{font-size:8pt;padding-top:5px}


/* --- mise en page banniere--- */
#banniere{}
#banniere_texte h2{color:white;font-size:9pt}
.banniere_ht{background-color:#5F584C;margin-top:0px;margin-bottom:0px;width:190px;height:10px;border-bottom:solid 1px white}
#banniere_visuel{width:190px;background-color:#BBAE97}
#banniere_texte{width:190px;height:210px;background-color:#1B3041;border-bottom:solid 2px white}
#banniere_texte h2{padding-top:30px;padding-right:5px;color:white;font-size:9pt}
#banniere_texte p{padding:10px 15px 0px 15px}

/* --- mise en page footer */
#footer{margin-top:5px;margin-bottom:3px;}
#flag{width:100px;text-align:center}
#liens_footer{width:440px;margin-left:30px;border:solid 1px #BBAE97;text-align:center;font-size:8pt;color:#BBAE97;padding-top:5px;padding-bottom:5px;}
#liens_footer a{letter-spacing:1px;font-size:8pt;font-weight:400;color:#333333;}
/* --- mise en page footer referencement */

#footer_referencement{height:110px;margin-top:3px;padding:0px;background-color:#BBAE97}
#referencement{width:484px;height:110px;background-color:#333333;padding-left:10px}
#referencement ul{float:left;width:110px;margin-right:10px;margin-top:10px}
#referencement ul h2{color:white;font-size:8pt;font-weight:600}
#referencement ul li a {color:#BBAE97;font-size:8pt;font-weight:200}

#sitespartenaires{float:left;width:375px;margin-top:10px;}
#sitespartenaires h2{padding-left:10px;color:#333333;font-size:10pt;font-weight:200}
#sitespartenaires ul li{padding-left:15px}
#sitespartenaires ul li a {color:#333333;font-size:8pt;font-weight:400;}


/* --- mise en page liste recherche */
#liste-recherche{width:625px;margin-left:30px}
.conteneur-texte{float:left;height:100px;width:420px;margin-bottom:2px;border:solid 1px #BBAE97;padding:10px}
.conteneur-a{width:120px;float:left;background-color:white}
.conteneur-b{width:300px;float:left;background-color:white}
.conteneur-image{height:110px;margin-left:50px;float:left;}
.conteneur-reserver{width:440px;height:35px;border:solid 1px #BBAE97;margin-bottom:10px}

#liste-recherche h1{line-height:20px;color:#333333;margin:0;padding:30 0 0 30;height:60px;width:400px}
#liste-recherche h2{color:#333333;font-size:7pt;padding-right:5px}
#liste-recherche h2 a{color:#333333;font-size:8pt;padding-right:5px;font-weight:600}
#liste-recherche h3{color:#333333;font-size:12pt;}
#liste-recherche ul{padding-top:15px;font-size:8pt;color:#333333;}
#liste-recherche ul li {}
#liste-recherche p a{color:#333333;font-size:8pt;font-weight:200}
#liste-recherche a{}
#liste-recherche img{}
.vignette{border:solid 1px #333333;padding:1px}

/* --- mise en page planning */

#planning{padding-left:30px;padding-top:30px;width:600px;}
#planning h2{float:left;margin-right:25px;color:#333333;font-size:10pt}
#planning img{border:none;width:78px;height:28px}

/* --- mise en page liste thematique */

#entete-thematique{float:left;width:494px;padding-top:px;}
#entete-thematique h1{line-height:20px;color:#333333;margin:0;padding:30 0 0 30;height:60px;width:400px}
#entete-thematique h2{padding-bottom:40px;color:#333333;font-size:14pt;font-weight:200}
#entete-thematique p {padding:25 25 25 30;color:#333333;font-size:9pt;font-weight:200;text-align:justify}

/* --- mise en page fiche */

#fiche{;padding:0 0 25 30;}
#fiche h1{line-height:20px;color:#333333;margin:0;padding:30 0 0 0;height:60px;width:400px}
#fiche h2{padding-bottom:25px;color:#333333;font-size:10pt;font-weight:600}
#fiche h3{padding-bottom:25px;color:#333333;font-size:10pt;font-weight:600}
#texte{float:left;width:440px;}
#liens{width:183px;margin-left:25px;float:left;}
.texte-court{margin-bottom:15px;font-size:9pt;font-style:italic;color:#333333;letter-spacing:2;line-height:18px}
.texte-long{margin-bottom:15px;font-size:8pt;;color:#666666;letter-spacing:1;line-height:18px;text-align:justify}
#fiche ul{float:left;width:150px}
#fiche ul li{color:#333333;font-size:8pt;font-weight:200;}

#texte strong{font-size:9pt;display:block;margin-top:15px}

.grand_format {width:440px;height:250px}
#infos {margin-top:25px}
#infos h3{padding-bottom:0px;width:425px;height:20px;padding-top:0px;padding-left:15px;background-color:#333333;color:white;font-size:11pt;letter-spacing:1}
#infos p{margin-top:10px;margin-bottom:10px;color:#666666;font-size:8pt;font-weight:200;}
#infos ul {width:350px;margin-left:50px}
#infos ul li{float:left;width:150px;margin-right:25px;line-height:20px}
#infos ul li span {padding-left:5px;display:block;width:100px;float:left}

#vignettes{width:183px;height:160px;padding-top:27px;background-color:#333333}
#vignettes ul{margin-top:15px;margin-left:15px;}
#vignettes ul li{width:75px;float:left;margin-bottom:2px}
#vignettes img {width:70px;border:solid 1px white;}

#btn{width:183px;height:140px;padding-top:15px;background-color:#333333}
#btn img{margin-bottom:0px}

#utils {padding-left:15px;height:80;padding:15 0 0 15}
#utils ul {}
#utils ul li a{line-height:20px;display:list-item;list-style-type:square;font-size:10pt;color:#333333;text-decoration:underline;font-weight:200}

#sejours {}
#sejours h2{padding:0px;font-size:9pt;font-weight:600;color:#333333;}
#sejours ul{padding:0 0 0 15px}
#sejours ul li {line-height:30px;display:list-item;list-style-type:square;font-size:10pt;color:#333333;text-decoration:underline;font-weight:200}
#sejours ul a{text-transform:lowercase;font-size:8pt;font-weight:600}
#sejours ul img{border:solid 1px #333333}

/* --- mise en page selection */
#selection{float:left;width:494px}
#selection h1{line-height:20px;color:#333333;margin:0;padding:30 0 0 30;height:60px;width:400px}
#selection h2{margin-top:25px;margin-left:25px;padding-bottom:25px;color:#333333;font-size:16pt;font-weight:200}
#selection table{padding-left:30px}



/* --- mise en page destination-aude */
#destination-aude{margin:0 0 25 0;width:494px}
#destination-aude h1{line-height:20px;color:#333333;margin:0;padding:30 0 0 30;height:60px;width:400px}
#destination-aude h2{padding-bottom:40px;color:#333333;font-size:14pt;font-weight:200;padding:30 0 0 30;}
#destination-aude p {color:#333333;font-size:9pt;font-weight:200;text-align:justify;padding:10 25 0 30;}

/* --- mise en page quisommesnous */
#quisommesnous{margin:0 0 25 0;width:494px}
#quisommesnous h1{line-height:20px;color:#333333;margin:0;padding:30 0 0 30;height:60px;width:400px}
#quisommesnous h2{color:#333333;font-size:10pt;font-weight:600;padding:30 0 0 30;}
#quisommesnous p {padding:0;color:#333333;font-size:9pt;font-weight:200;text-align:justify;padding:10 25 0 30;}
#quisommesnous ul{padding:10 30 0 50;}
#quisommesnous ul li{line-height:20px;display:list-item;list-style-type:square;font-size:10pt;color:#333333;font-weight:200}
#quisommesnous ul li a{}


/* --- mise en page sejoursdexception */ 
#sejours-dexception{margin:0 0 25 0;width:494px;float:left}
#sejours-dexception h1{line-height:20px;color:#333333;margin:0;padding:30 0 0 30;height:60px;width:400px}

#sejours-dexception-liste{margin-left:30px;margin-top:25px}
#sejours-dexception-liste ul{}
#sejours-dexception-liste ul li{margin-bottom:15px;list-style-type:none}
#sejours-dexception-liste h2{font-size:10pt;font-weight:600;color:#5790bb;background-image:url(../images/puce_bleu_15x15.gif);background-repeat:no-repeat;text-indent:20px;margin-bottom:10px}
#sejours-dexception-liste #sejour_image{margin:0 10 0 0;width:120px;float:left;background-color:red}
#sejours-dexception-liste #sejour_image img{width:120px;}
#sejours-dexception-liste #sejour_texte{margin:0;width:330px;float:left}
#sejours-dexception-liste #descriptif{font-size:8pt;color;#666666;letter-spacing:1px;line-height:14px}
#sejours-dexception-liste #prix{font-size:8pt;color;#666666;display:block;margin:10 0 10 0;font-weight:600}
#sejours-dexception-liste a{color:#5790bb;font-size:9pt;}
#sejours-dexception-liste a span{display:block;color:#666666;font-size:8pt;font-weight:200}


/* --- mise en page contact */

#contact{margin:25 0 25 0;width:494px}
#contact form{padding:15 25 15 30}
#contact input{width:180px}
#contact textarea{width:180px}
#contact td{;font-size:8pt}

/* --- mise en page venir */
#venirdanslaude{margin:0 0 25 0;width:494px}
#venirdanslaude h1{line-height:20px;color:#333333;margin:0;padding:30 0 0 30;height:60px;width:400px}
#venirdanslaude h2{padding:10 30 10 40px;font-size:10pt;font-weight:600;color:#333333;}
#venirdanslaude h3{padding:10 30 10 50px;font-size:8pt;font-weight:600;color:#333333;}
#venirdanslaude h4{padding:10 30 0 30px;font-size:8pt;font-weight:200;color:#333333;}
#venirdanslaude ul{padding:0 25 0 50px}
#venirdanslaude ul li {padding:10 0 5 0;display:list-item;list-style-type:square;font-size:8pt;color:#333333;font-weight:200;text-align:justify}
#venirdanslaude strong{display:block;padding:30 30 20 30px;}

/* --- mise en page services */
#servicesalademande{margin:0 0 25 0;width:494px}
#servicesalademande h1{line-height:20px;color:#333333;margin:0;padding:30 0 0 30;height:60px;width:400px}
#servicesalademande h2{padding:10 30 0 30px;font-size:10pt;font-weight:600;color:#333333;}
#servicesalademande p {padding:0;color:#333333;font-size:9pt;font-weight:200;text-align:justify;padding:5 25 0 30;}