/*----------------
----- GENERAL-----
----------------*/

html, body {width:100%; height:100%; min-height:100%; margin:0; padding:0; text-align:center; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:11px; line-height:1.6; color:#666666; background:#2a689f url(../images/site/background-body.jpg) fixed top center;}
html>body div#conteneur {height:auto; min-height:100%;}

div#conteneur {position:relative; top:0; left:0; width:1008px; height:100%; min-height:100%; margin:0 auto; padding:0; text-align:left; z-index:1;}
/*-----background:url(../images/background-extension-page.png) 0 0px no-repeat;-----*/

/*----- MISE A 0 DES MARGES INTERNES ET EXTERNES -----*/
div, h1, h2, p, ul, li, a {border:0; margin:0; padding:0;}/*img,*/
img {border:0; padding:0;}
a:focus {outline:1px dotted #ffffff;}

div.clear {position:relative; top:0; left:0; width:100%; height:1px; line-height:1px; font-size:1px; clear:both;}

/*---------------------
----- CONTENU SITE-----
---------------------*/


/*----- HEADER----- */
div#header {position:relative; top:0; left:0; width:980px; height:184px; margin:0 0 0 14px; background:#ffffff;}
div#bandeau-lien {position:absolute; top:6px; left:392px; width:336px; height:22px; line-height:20px; font-size:11px; color:#666666; text-align:right;}
div#newsletter-header {position:absolute; top:6px; left:740px; width:240px; height:22px;}
div#newsletter-header div.intitule {height:22px; font-size:15px; line-height:20px; font-weight:bold; color:#666666; float:left;}
div#newsletter-header input.saisi {width:130px; height:12px; top:0; left:0; line-height:14px; font-size:10px; margin:0 3px 0 4px; padding:2px; background:#f9f9f9; color:#000000; border:1px solid #d1d1d1; float:left;}
div#logo {position:absolute; top:6px; left:0; width:186px; height:127px;}
div#slogan {position:absolute; top:127px; left:1px; width:190px; height:23px; font-size:11px; line-height:23px; letter-spacing:0.4px; color:#666666;}
div#accroche {
    color: #CB0B1A;
    font-size: 22px;
    font-style: italic;
    height: 54px;
    left: 196px;
    line-height: 27px;
    position: absolute;
    top: 30px;
    width: 760px;
}
/*Menu Header*/
div#menuHeader {position:absolute; top:150px; left:0; width:968px; height:33px; padding:0 0 0 12px; background:#cb0b1a;}
div.itemMenu {position:relative; top:0; left:0; height:16px; line-height:16px; padding:0 7px; margin:8px 0 0 0; letter-spacing:0.4px; font-size:11px; color:#ffffff; font-weight:bold; float:left; border-left:1px solid #ffffff;}
div#tel-header {position:absolute; top:0; left:600px; width:159px; height:33px; line-height:36px; font-size:16px; color:#ffffff; font-weight:bold; background:url(../images/background-tel-menu-header.png) 0 0 no-repeat;}
div#tel-header img {margin:0 7px 0 18px; vertical-align:top; float:left;}
div#selection-agence {position:absolute; top:0; left:760px; width:220px; height:33px;}
div#selection-agence select {width:190px; height:19px; font-size:11px; line-height:20px; padding:0; margin:7px 0 0 22px; background:#f9f9f9; color:#666666; border:1px solid #d1d1d1;}


/*----- LEFT -----*/
div#left {position:relative; top:0; left:14px; width:195px; padding:26px 0 0 0; line-height:1.2; float:left; background:#ffffff url(../images/background-contenu.png) 0 0 repeat-x;}
/*Parfums d'evasions*/
div#parfum-evasion {position:relative; top:0; right:0; width:180px; height:275px; margin:14px 0 0 0;}
div#parfum-evasion-texte {position:absolute; top:209px; right:2px; width:157px; padding:6px 0 4px 17px; background:#fc20a1; color:#ffffff;}
div#parfum-evasion-texte h2 {font-size:14px; color:#ffffff; font-weight:bold; letter-spacing:0;}
div#parfum-evasion-texte img {position:absolute; top:0; left:0; margin:9px 0 0 2px;}
div#parfum-evasion a {text-decoration:none;}

/*nouvelle rubrique*/
div#newrubrique {position:relative; top:0; right:0; width:180px; height:90px; margin:14px 0 0 0;}
div#newrubrique-texte {position:absolute; top:209px; right:2px; width:157px; padding:6px 0 4px 17px; background:#fc20a1; color:#ffffff;}
div#newrubrique-texte h2 {font-size:14px; color:#ffffff; font-weight:bold; letter-spacing:0;}
div#newrubrique-texte img {position:absolute; top:0; left:0; margin:9px 0 0 2px;}
div#newrubrique a {text-decoration:none;}



/*----- MIDDLE -----*/
div#middle {position:relative; top:0; left:14px; width:560px; padding:26px 0 0 0; float:left; background:#ffffff url(../images/background-contenu.png) 0 0 repeat-x;}



/*----- RIGHT -----*/
div#right {position:relative; top:0; right:14px; width:225px; padding:0 0 0 0; line-height:1.2; float:right; background:#ffffff url(../images/background-contenu.png) 0 0 repeat-x;}
/*Parfums de croisieres*/
div#parfum-croisiere {position:relative; top:0; left:0; width:211px; height:275px; margin:14px 0 0 14px;}
div#parfum-croisiere-texte {position:absolute; top:227px; left:12px; width:178px; padding:6px 0 4px 21px; background:#00b5f1; color:#ffffff;}
div#parfum-croisiere-texte h2 {font-size:14px; color:#ffffff; font-weight:bold;}
div#parfum-croisiere-texte img {position:absolute; top:0; left:0; margin:9px 0 0 3px;}
div#parfum-croisiere a {text-decoration:none;}
/*separateur*/
div#separateur {position:relative; top:0; left:0; width:199px; height:21px; margin:6px 0 16px 26px; clear:both; background:url(../images/separateur-offre.png) 0 0 repeat-x;}
/*offres sncf, idtgv, etc...*/
div.offres {position:relative; top:0; left:0; width:193px; height:100px; margin:11px 0 0 32px; font-size:12px; font-weight:bold; color:#cb0b1a;}
div.offres img {margin:4px 0 0 0;}

/*rally*/
div.rally {position:relative; top:0; left:0; width:193px;  margin:11px 0 0 32px; font-size:12px; font-weight:bold; color:#cb0b1a; clear:both;text-align: left;}
div.rally img {margin:4px 0 0 0;}
div.rally a, div.rally a:link, div.rally a:visited, div.rally a:active, div.rally a:focus {
color:#CB0B1A;
text-decoration:none;
}


/*----- FOOTER -----*/
div#footer {position:relative; top:0; left:0; width:1000px; height:115px; margin:30px 0 0 4px; line-height:1.2; background:#ffffff url(../images/background-footer.png) 0 0 repeat-x; clear:both;}
div#logo-footer {position:absolute; top:20px; left:3px; width:114px; height:57px;}
div#adresse {position:absolute; top:20px; left:117px; width:174px; height:54px; line-height:1.3; padding:3px 0 0 12px; font-size:11px; color:#666666;}
/*numero de téléphone*/
div#tel-footer {position:absolute; top:20px; left:303px; width:195px; height:76px; line-height:40px; font-size:14px; color:#cb0b1a; border-left:1px solid #e9e9e9;}
div#tel-footer img {margin:7px 4px 0 14px; vertical-align:top; float:left;}
div#prix-local {position:relative; padding:0 11px 0 17px; line-height:9px; font-size:9px; color:#666666;}
/*cgv, contact, mentions légales, etc...*/
div#cgv {position:absolute; top:20px; left:498px; width:213px; height:76px; font-size:9px; border-right:1px solid #e9e9e9; border-left:1px solid #e9e9e9;}
div.cgvItemLeft {position:relative; top:0; left:0; width:78px; height:11px; line-height:26px; padding:0 0 0 20px; margin:14px 0 0 0; font-size:11px; color:#666666; float:left;}
div.cgvItemRight {position:relative; top:0; left:0; width:115px; height:11px; line-height:26px; padding:0; margin:14px 0 0 0; font-size:11px; color:#666666; float:right;}
/*logo partenaires*/
div#snav {position:absolute; top:30px; left:776px; width:159px; height:26px}
div#generaly {position:absolute; top:63px; left:776px; width:25px; height:32px}
div#aps {position:absolute; top:63px; left:807px; width:58px; height:32px}
div#partenaires {position:absolute; top:63px; left:871px; width:46px; height:32px;}
div#visa-mastercard {position:absolute; top:73px; left:922px; width:66px; height:22px;}




/*---------------------
----- TEXTE SITE-----
---------------------*/
h1.texte {margin:0 0 25px 0; padding:3px 0 0 0; font-size:14px; line-height:14px; color:#cb0b1a; border-bottom:2px solid #cb0b1a;}
h2.texte {margin:0 0 25px 0; padding:0; font-size:14px; color:#333333; border-bottom:1px solid #333333;}
h3.texte {margin:0 0 11px 0; padding:0; font-size:15px; color:#cb0b1a; font-weight:normal; border-bottom:none;}
p {font-size:12px; color:#666666; margin:0 0 3px 0; line-height:1.6;}
div.offre-package-texte p.rouge {font-size:12px; color:#cb0b1a; margin:19px 0 0 0;}

div#middle ul {color:#cb0b1a; line-height:1.6; list-style-type:none; margin:2px 0 2px 0;}
div#middle ul li {color:#666666; line-height:1.6; margin:0; margin:0 0 0 28px;}


div#bandeau-lien a, div#bandeau-lien a:link, div#bandeau-lien a:visited, div#bandeau-lien a:active, div#bandeau-lien a:focus {color:#666666; text-decoration:none;}
div#bandeau-lien a:hover {color:#666666; text-decoration:underline;}

a.lien, a.lien:link, a.lien:visited, a.lien:active, a.lien:focus {color:#cb0b1a; text-decoration:underline;}
a.lien:hover {color:#cb0b1a; text-decoration:none;}

div.itemMenu a, div.itemMenu a:link, div.itemMenu a:visited, div.itemMenu a:active, div.itemMenu a:focus {color:#ffffff; text-decoration:none;}
div.itemMenu a:hover {color:#ffffff; text-decoration:underline;}


/*---------------------------------------------------------------------------------------------------
----- ELEMENT FORMULAIRE (en dehors des formulaires contact, réserver, faire connaitre à un ami)-----
---------------------------------------------------------------------------------------------------*/
select {width:190px; height:18px; font-size:11px; line-height:20px; padding:0; margin:0; background:#f9f9f9; color:#666666; border:1px solid #d1d1d1; float:left;}
input.cp {width:88px; height:12px; top:0; left:0; line-height:14px; font-size:10px; margin:0 3px 0 4px; padding:2px; background:#f9f9f9; color:#000000; border:1px solid #d1d1d1; float:left;}

/*menu right*/
div.offres a, div.promos a:link, div.promos a:visited, div.promos a:active, div.promos a:focus {
color:#CB0B1A;
text-decoration:none;
}


/*signature*/
.footer_txt {color:#666666;text-decoration:none;}

#animage{font-size: 9px; height: 20px; left: 520px; position: absolute; top: 90px; width: 213px;color:#CCCCCC;}


