body { padding:0px; font-size:12px; margin:0px auto; color:#000000; font-family: Arial; font-size: 12px; background:#ece4c1;/*fcfdff*/; background-repeat:repeat-x; /*background-image:url(/images/_interface/fond3.jpg);*/ }
div  {border:0px solid red}

#metatop { padding:0px; margin:0px; margin-bottom:7px; background-color:#D9CFA1; text-align:center; height:17px; }
#metatop h1 { margin:0px; height:17px; font-size:11px; font-weight:normal; color:#FFFFFF; }

/*** HEADER ***/
#header { margin:0 auto; width:980px; /*background:#FFFFFF; background-image:url(images/_interface/hachure-orange.png); border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC;*/}
#header #logo { padding:0px; float:left; margin-bottom:15px; }
#header #pub-bann {float:right; margin-top:12px;border:1px solid #CCCCCC;}
#header #menu {clear:both; margin-top:0px; height:46px; width:980px; background-color:#A1A91F; }
html>body #header #menu { background-image:url('/images/_interface/menu-trans.png'); background-position:bottom; background-repeat:repeat-x; }
#header #menu img {margin-left:-1px;}

#menu .menurub { float:left; border-width:1px 1px 0px 0px; margin-right:0px; background-color:#FFF; color:#FFF; text-align:center;}
#menu .menurub a { float:left; display:block; width:90px; height:30px; margin-right:1px; line-height:30px; font-weight:bold; text-decoration:underline; font-family:Trebuchet MS; font-size:16px; text-align:center; color:#FFF; }
html>body #menu .menurub a { background-image:url('/images/_interface/menu-trans.png'); } /* hack IE6 */
#menu .menurub a:hover { text-decoration:none; background-image:none; }
#menu .menurub .mtitre { height:15px; text-align:center; font-style:italic; }
#menu .fromEdito { border-color:#A1A91F; background-color:#A1A91F;}
#menu .fromEdito a { background-color:#A1A91F; }
#menu .fromReserv { border-color:#ED6F18; background-color:#ED6F18}
#menu .fromReserv a { background-color:#ED6F18; }
#menu .fromRG { border-color:#1DB0E3; background-color:#1DB0E3;}
#menu .fromRG a { background-color:#1DB0E3; }

#toolbar { margin:0 auto; width:978px; overflow:hidden; height:29px; clear:both; /*background-color:#D9CFA1;*/ background-image:url(images/_interface/bg-web2-blanc.png); border-top:1px solid #B3AA7E; border-left:1px solid #B3AA7E; border-right:1px solid #B3AA7E;}
#toolbar #ariane {float:left; padding:7px 0 0 8px; font-weight:bold; color:#888;}
#toolbar #ariane a { color: #888; text-decoration:underline; }
#toolbar #recherche {float:right; margin-right:8px}
#toolbar #recherche {float:right; margin-right:8px}
#toolbar #recherche label {float:left;margin:6px;color:#999999;}
#toolbar #recherche input {float:left;margin:3px;color:#999999;}

/*** MAIN ***/
#main { border-left:1px solid #B3AA7E; border-right:1px solid #B3AA7E; margin:0 auto; padding:0px; width:978px; background:#D9CFA1; }
#main #sidebar {width:324px; margin-left:0px; padding:0; float:left;  }
#main #wrap {width:648px; margin:0 0 8px 0; padding:0; float:left; }
#main a { color:#0099CC; text-decoration:none; }
#main a:hover { color:#006699; text-decoration:underline; }




/**** LA UNE DE COUV ***/
#main .blocUne {width:638px;  margin:8px 0 0 4px; float:left; background:#FFFFFF; border:1px solid #B3AA7E;}
/*HACK IE6*/html>body #main .blocUne {margin-left:8px}
#main .blocUne .container {width:624px;  height: 250px; margin: 7px 0 7px 7px; overflow:hidden;}
#main .blocUne .container .content {}
#main .blocUne .container .linkDroite {float:left;}
#main .blocUne .container .linkDroite img {width:415px; height: 250px; }
#main .blocUne .container .contentDroite {float:left; border:1px solid #CCCCCC; margin-top: 8px; overflow:hidden; height: 232px; width:200px; background-image: url(images/_interface/bg-white-tspt.png);}
#main .blocUne .container .linkBasDroite {float:left; }
#main .blocUne .container .linkBasDroite img {width:350px; height: 250px; }
#main .blocUne .container .contentBasDroite {float:left; border:1px solid #CCCCCC; margin: 102px 0px 0 0px; overflow:hidden; height: 138px; width:265px; background-image: url(images/_interface/bg-white-tspt.png);}
#main .blocUne .container .linkGauche {float:right; }
#main .blocUne .container .linkGauche img {width:415px; height: 250px; }
#main .blocUne .container .contentGauche {border:1px solid #CCCCCC; margin: 8px 0px 0 8px; overflow:hidden; height: 232px; background-image: url(images/_interface/bg-white-tspt.png);}
#main .blocUne .container .linkBasGauche {float:right; }
#main .blocUne .container .linkBasGauche img {width:350px; height: 250px; }
#main .blocUne .container .contentBasGauche {border:1px solid #CCCCCC; margin: 102px 0px 0 8px; overflow:hidden; height: 138px; background-image: url(images/_interface/bg-white-tspt.png);}
#main .blocUne .container .linkBas {float:left;  }
#main .blocUne .container .linkBas img {width:624px; height: 159px; }
#main .blocUne .container .contentBas {float:left; border:1px solid #CCCCCC; margin-left: 4px; overflow:hidden; width: 606px; height: 80px; background-image: url(images/_interface/bg-white-tspt.png);}
/*HACK IE6*/html>body #main .blocUne .container .contentBas {margin-left:8px}
#main .blocUne .container .content .header {margin:8px;}
#main .blocUne .container .content .header .rubrique {}
#main .blocUne .container .content .header .title {clear:both; font-weight:bold; margin-top:4px; margin-bottom:8px;font-family: "Trebuchet MS"; text-transform:uppercase; font-size: 18px; }
#main .blocUne .container .content .body {}
#main .blocUne .container .content .body .thumb {}
#main .blocUne .container .content .body .thumb img {}
#main .blocUne .container .content .body .resume {margin:8px; }
#main .blocUne .container .content .body .resume .suite {float: right; font-weight: bold; margin-top:4px}
#main .blocUne .container .content .footer {}


/**** ARTICLE ****/
#main .blocArticle {width:638px; margin:8px 0 0 4px; float:left; background:#FFFFFF; border:1px solid #CCCCCC;}
/*HACK IE6*/html>body #main .blocArticle {margin-left:8px}
#main .blocArticle .container {width:624px;  margin: 7px 0 7px 7px;}
#main .blocArticle .container .content .header {border-bottom:1px solid #CCCCCC;}
#main .blocArticle .container .content .header .title {float:left; font-family: "Trebuchet MS";}
#main .blocArticle .container .content .header .title h1 {font-size: 18px; font-weight:bold;margin-bottom:0; }
#main .blocArticle .container .content .header .title h2 {font-size: 18px; color: #666666;font-weight:normal;margin-top:0;}
#main .blocArticle .container .content .header .thumb {margin-right:8px; float:left; border:1px solid #CCCCCC}
#main .blocArticle .container .content .header .thumb img {margin: 2px; width:50px; height:50px; }
#main .blocArticle .container .content .body {clear:both;text-align:justify;margin-top:8px;}
#main .blocArticle .container .content .body a { color:#333333; text-decoration:underline; }
#main .blocArticle .container .content .body a:hover { color:#17a1d2; text-decoration:underline; }
#main .blocArticle .container .content .body .pagination { text-align: center; color:#999999; margin:8px}
#main .blocArticle .container .content .footer {border-top:1px solid #CCCCCC;padding-top:8px;}
#main .blocNavigArticle {width:314px;  margin:8px 0 0 4px; float:left; background:#FFFFFF; border:1px solid #CCCCCC/*3a4854*/;}
/*HACK IE6*/html>body #main .blocNavigArticle {margin-left:8px}
#main .blocNavigArticle .container {margin:8px}
#main .blocNavigArticle .container .content {}
#main .blocNavigArticle .container .content .header {font-weight:bold; margin-bottom:8px; height:29px; background-image:url(images/_interface/bg-web2-blanc.png); border-left: 1px solid #CCCCCC;border-right: 1px  solid #CCCCCC;}
#main .blocNavigArticle .container .content .header .title {font-weight:bold; font-size:14px; margin-left:8px; margin-top:6px; /*color:#88a416;*/}
/*#main .blocNavigArticle .container .content .header .title {font-weight:bold; font-size:14px; margin-left:8px; margin-top:6px; color:#fe9207;}*/
#main .blocNavigArticle .container .content .body {margin-left:8px;margin-bottom:8px;}
#main .blocNavigArticle .container .content .footer {margin:8px;margin-top:0;border-top:1px solid #EEEEEE;padding-top:8px;}


form {margin:0;}
form .formButton {}
form .formText {}

.clear {clear:both;}
/*.content {margin:7px;}*/

/*** FOOTER ***/
#footerpub { margin:0px; padding:7px 0px 10px 0px; width:980px; text-align:center; }
#footer { color:#666666; font-size:11px; margin:0 auto; width:980px; border:1px solid #CCCCCC;background:#FFFFFF; background-image:url(images/_interface/hachure-orange.png); }
#footer .liens { margin:10px; text-align:center; }
#footer .copyright {margin:8px; text-align:center;}
#footer .legal {margin:8px; text-align:center;}
#footer a {color: #666666; text-decoration:underline;}
#footer .partenaires {margin:4px; text-align:center; font-size:10px;}
#footer .partenaires a {text-decoration:none;}
#footer .partenaires a:hover {text-decoration:underline;}



/*****by MAXIME ******/

/* Double bloc */
#main .blocDouble { float:left; width:638px; margin:8px 0px 0px 4px; background:#FFFFFF; border:1px solid #B3AA7E; }
#main .blocDouble .container { width:624px; }
html>body #main .blocDouble { margin-left:8px; }

#main .blocSimple { float:left; width:316px; margin:8px 0px 0px 4px; background:#FFFFFF; border:1px solid #B3AA7E; }
#main .blocSimple .container { width:300px; }
html>body #main .blocSimple {margin-left:8px; }

#main .container { margin:8px; }

/* teasing sur page index et rub */
#main .teasing {  }
#main .teasing .header { margin-bottom:15px; font-weight:bold; height:29px; background-image:url(images/_interface/bg-web2-blanc.png); border-right: 1px  solid #CCCCCC; }
#main .teasing .header .puce { float:left; width:12px; height:29px; }
#main .teasing .header .title {float:left; font-weight:bold; font-family:Trebuchet MS; font-size:21px; margin-left:8px; margin-top:1px; }
#main .teasing .header .title a { text-decoration:none; }
#main .teasing .body { clear:both; }
#main .teasing .footer { clear:both; margin-bottom:4px;}
#main .teasing .footer .suite { float:right; margin-bottom:4px; }

/* teasing pour guide */
#main .teasing .t_guide { float:left; text-align:left; width:103px; margin-bottom:12px; margin-right:0px; }
#main .teasing .t_guide .thumb { width:94px; border:1px solid #CCCCCC;}
#main .teasing .t_guide .thumb img { margin: 2px; }
#main .teasing .t_guide a { cursor:pointer; }
#main .teasing .t_guide .text { margin:4px 0 0 0; width:96px; text-align:center;}
#main .teasing .t_guide .text .rubrique {text-transform:uppercase; margin-bottom:12px; font-size: 10px; color: #999999; text-align:right; }
#main .teasing .t_guide .text .title {font-weight:bold; }

/* teasing pour le mag */
#main .teasing .t_mag { float:left; margin-bottom:12px; width:300px; height:80px;}
#main .teasing .t_mag .thumb {float:left; width:74px; border:1px solid #CCCCCC;}
#main .teasing .t_mag .thumb img { margin: 2px; }
#main .teasing .t_mag .text {float:right; margin:0px 7px 0px 7px; width:210px;}
#main .teasing .t_mag .textLarge {float:left; margin:0 0 0 8px; width:300px;}
#main .teasing .t_mag .text .rubrique {text-transform:uppercase; margin: 4px 0 6px 0;font-size: 10px; color: #999999; }
#main .teasing .t_mag .text .rubrique a {color: #999999; text-decoration:none; }
#main .teasing .t_mag .text .title {font-weight:bold; margin-bottom:6px;}
#main .teasing .t_mag .text .resume {font-size:11px;color:#333}
#main .teasing .t_mag .text .suite {float: right;}

#main .teasing .t_compar { float:left; width:300px; margin:5px 0px 2px 0px; border-top:solid 1px #EEE; padding-top:4px; }
#main .teasing .t_compar .destination { float:left; }
#main .teasing .t_compar .destination a { color:#ED6F18; font:bold 13px Arial; text-decoration:underline; }
#main .teasing .t_compar .prix { float:right; }
#main .teasing .t_compar .prix .apartir { color:#888; font:normal 11px Arial; }
#main .teasing .t_compar .prix .prixttc { color:#ED6F18; font:bold 13px Arial; }
#main .teasing .t_compar .resume { float:left; width:300px; text-align:left; font:normal 12px Arial; color:#444; }

/* teasing pour les diapos */
#main .teasing .t_diapo { float:left; margin-bottom:12px; margin-right:7px; margin-left:2px; }
#main .teasing .t_diapo .thumb { border:1px solid #CCCCCC; }
#main .teasing .t_diapo .thumb img {margin: 2px; }
#main .teasing .t_diapo .text { margin:4px 0 0 0; width:292px; text-align:left;}
#main .teasing .t_diapo .text .rubrique {text-transform:uppercase; margin-bottom:12px; font-size: 10px; color: #999999; text-align:right; }
#main .teasing .t_diapo .text .title {font-weight:bold; }

/* teasing forum */
#main .teasing .t_forum .post {clear:both;border-top:solid 1px #EEE; height:18px;}
#main .teasing .t_forum a { color:#444; }

/* teasing annuaire */
#main .teasing .t_annu .cat {clear:both; border-top:solid 1px #EEE; height:18px;}
#main .teasing .t_annu a { color:#444; text-decoration:underline; }

/**************************/

#main .liste {  }
#main .liste .header { margin-bottom:15px; font-weight:bold; height:29px; background-image:url(images/_interface/bg-web2-blanc.png); border-right: 1px  solid #CCCCCC; }
#main .liste .header .puce { float:left; width:12px; height:29px; }
#main .liste .header .title {float:left; font-weight:bold; font-family:Trebuchet MS; font-size:21px; margin-left:8px; margin-top:1px; }
#main .liste .header .title a { text-decoration:none; }
#main .liste .body { clear:both; }
#main .liste .footer { clear:both; margin-bottom:4px;}
#main .liste .footer .suite { float:right; margin-bottom:4px; }

#main .liste .l_mag { margin-bottom:12px; float:left; width:440px; }
#main .liste .l_mag .thumb {float:left; border:1px solid #CCCCCC; width:74px; }
#main .liste .l_mag .thumb img {margin: 2px; }
#main .liste .l_mag .text {float:right; margin:0px 8px 0px 8px; width:345px;}
#main .liste .l_mag .textLarge {float:left; margin:0 0 0 8px; width:300px;}
#main .liste .l_mag .text .rubrique,#main .blocTeasingArticle .container .content .body .textLarge .rubrique {text-transform:uppercase; margin: 4px 0 6px 0;font-size: 10px; color: #999999; /*text-align:right;*/ }
#main .liste .l_mag .text .rubrique a, #main .blocTeasingArticle .container .content .body .textLarge .rubrique a {color: #999999; text-decoration:none; }
#main .liste .l_mag .text .title, #main .blocTeasingArticle .container .content .body .textLarge .title {font-weight:bold; /*width:214px;*/margin-bottom:6px;}
#main .liste .l_mag .text .resume, #main .blocTeasingArticle .container .content .body .textLarge .resume {font-size:11px;color:#333}
#main .liste .l_mag .text .suite, #main .blocTeasingArticle .container .content .body .textLarge .suite {float: right;}

#main .liste .l_guide {}
#main .liste .l_guide .text { float:right; width:310px; }
#main .liste .l_guide .thumb {float:left; margin-top:0px;margin-bottom:3px; border:1px solid #CCCCCC/*F3F3F3*/}
#main .liste .l_guide .thumb img {margin: 2px; }
#main .liste .l_guide .title {float:left;font-weight:bold; margin: 0px; margin-top:6px; }
#main .liste .l_guide .resume {clear:both; margin:0px; margin-top:4px; margin-right:0px; width:292px;}
#main .liste .l_guide .resume .suite {float: right; font-weight: bold;}


/**************************/

#main .fromEdito { color:#88A416; }
#main .fromEdito a { color:#88A416; }
#main .fromEdito .puce { background-color:#88A416; }

#main .fromReserv { color:#ED6F18; }
#main .fromReserv a { color:#ED6F18; }
#main .fromReserv .puce { background-color:#ED6F18; }

#main .blocArticle .container .content .guidereserv { float:left; width:588px; text-align:left; border:dotted 1px #ED6F18; padding:15px; text-align:center; margin:10px 0px 15px 0px; clear:both;}
#main .blocArticle .container .content .guidereserv .title { text-decoration:none; font-weight:bold; font-size:13px; margin-bottom:8px; }
#main .blocArticle .container .content .guidereserv .enr { }
#main .blocArticle .container .content .guidereserv a { text-decoration:underline; }
#main .blocArticle .container .content .guidereserv a:hover { font-weight:bold; }

#main .blocArticle .container .content .body .guidesomm { float:left; width:620px; text-align:left; border:0px; margin-left:0px; }
#main .blocArticle .container .content .body .guidesomm a { background:#FFF; color:#444; margin:3px 10px 3px 0px; padding-top:3px; text-indent:2px; float:left; overflow:hidden; width:143px; height:18px; font-size:12px; display:block; border:solid 1px #EEE; text-decoration:none; }
#main .blocArticle .container .content .body .guidesomm a:hover { color:#FFFFFF; background:#A1A91F;  }

/* POPUP */

.popup_fond{ z-index:254;top:0;left:0;width:100%;height:2000px;position:absolute;background:#FFF;opacity: .5;filter: alpha(opacity=50);}
.popup_contenu {z-index:255;border:3px #A1A91F solid;padding:0px;width:440px;height:250px;overflow:hidden;background-color:#ece4c1;color:#000;display: block;position:absolute;left:50%;margin-left:-390px;top:241px;}
.popup_contenu .titrepop { font-size:14px; font-weight:bold; }
.popup_contenu .caseForm { font-size:18px; }
.popup_contenu .btEnvoyer { font-size:22px; }

/* MAG SOMMAIRES DES CAT */
.mag_sommaire { text-align:center; font:normal 16px Arial; color:#888888; line-height:22px;}
.mag_sommaire a { font:normal 16px Arial; }