/*------------------------------------------------------------------------------

[MEDIA:SCREEN] - CCM/Benchmark Framework

Document : Layout CSS
Author   : Damien SYREN

------------------------------------------------------------------------------*/

/*
- DEFAULT LAYOUT ---------------------------------------------------------------
*/

.body .page{ background:#fff }

.body:after,
.page:after{
    clear:both;
    display:block;
    visibility:hidden;
    overflow:hidden;
    height:0 !important;
    line-height:0;
    font-size:xx-large;
    content:" x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";
}
.page{
    margin:0 auto;
    width:1000px;
    word-wrap:break-word; /* CSS3 permet de faire des cesure sur les long mots sans espaces */
}

/*/----> GESTION DES LAYOUTS <----/*/

/* 1 colonne centrale */
.tpl_1col .ctCols{float:none; width:100%}
.tpl_1col .main{margin:0; padding:15px}
.tpl_1col .leftCol,
.tpl_1col .rightCol{ display:none }

/* 2 colonnes droite (par defaut) */
.ctCols{float:left; width:670px;}
.main{margin:15px 0 15px 15px}
.leftCol{display:none;float:left;width:190px;}
.rightCol{float:right;width:330px;}

/* 2 colonnes gauche */
.tpl_2cols .ctCols{float:none; width:100%}
.tpl_2cols .main{float:right; width:670px}
.tpl_2cols .leftCol{display:block;float:left;width:330px;}
.tpl_2cols .rightCol{display:none}

/* 3 colonnes */
.tpl_3cols .main{float:right; width:340px;}
.tpl_3cols .leftCol{display:block; width:330px}


/*
- SKIN LAYOUT ------------------------------------------------------------------
C'est ici qu'on va skinner les elements specifiques aux pages avec des #id.
Ce n'est pas conseiller de skinner tout le site ici car cela est contraire a la
methode OOCSS.
*/

body{
    background:#fff url(../img/bg_skin.png) repeat-x 0 0;
    overflow:hidden;
}

/* header */
.head{
    position:relative;
    width:100%;
    height:46px;
    line-height:46px;
    top:0;
    left:0;
    background:url(../img/bg_head.png) repeat-x 0 0;
    -webkit-box-shadow:0 0 6px rgba(0,0,0,1);
    -moz-box-shadow:0 0 6px rgba(0,0,0,1);
    box-shadow:0px 0px 6px rgba(0,0,0,1);    
    z-index:100;
}
.head .page{ position:relative }
.head .size3of4{ width: 620px} /* pour laisser le + de place possible a l'affichage du pseudo' */
.head .size1of4{ white-space: nowrap; width: auto; float: none; height: 46px; overflow: hidden\9; /*hack ie*/ } /* pour empecher le passage a la ligne */
/* hack Opera */ 
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){
    .head .size1of4 { overflow: hidden }	  
}
.head .icoMoreHead{ position:absolute; left:-30px; top:10px }

.head .logo { float:left; margin:10px 4px 0 0 }
.head .logoC{ float:left; margin:12px 20px 0 0 }
.head .logo img,
.head .logoC img{ display:block }

.head .searchMod{
    -webkit-box-shadow: 1px 1px 0 #3b301b;
    -moz-box-shadow: 1px 1px 0 #3b301b;
    box-shadow: 1px 1px 0 #3b301b;
    position:relative;
    top:-1px;
    *margin-top:7px
}
.head .searchMod .search{ border:1px solid #999 }
.head .txtR{ _padding-top:12px; color:#fff }
.head .buttonS-G{
    -webkit-box-shadow:0 1px 0 #333;
    -moz-box-shadow:0 1px 0 #333;
    box-shadow:0 1px 0 #333;
}

/* sous menu de navigation inter sites */
.sbMenu{
    width:100%;
    background:#fff;
    z-index:-1;
}

/* menu de navigation du site */
.nav{
    position:relative;    
    height:34px;
    border:1px solid #362d1b;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    background:url(../img/sprite_button.png) repeat-x 0 -495px;
    z-index:110; /*z-index:10 car subnav passe sous nextBtn*/
}
    .nav li{
        position:relative;        
        float:left;
        border-right:1px solid rgba(255,255,255,.1);
        border-left:1px solid #362d1b;
    }
    .nav li:first-child{ border-left:none }
             
        .nav li .navLink{
            float:left;
            padding:8px 18px;
            color:#fff;
            font-size:13px;
            text-transform:uppercase;                        
        }
        .nav li:hover .navLink,
        .nav .navLink:hover,
        .nav .navLink:focus,
        .nav .navLink.selected{
            position:relative;
            background:url(../img/sprite_button.png) repeat-x 0 -530px;
            text-decoration:none;
            z-index:3;
        }
        .nav li .tickG-B{
            position:relative;
            top:7px;
            left:3px;
            *top:5px;
            _display:none;
        }
        .nav li:first-child .navLink:hover,
        .nav li:first-child .navLink:focus{
            -moz-border-radius-topleft:5px;
            border-top-left-radius:5px;
        }
        .nav .navLink:active,
        .nav .navLink:active{
            color:#009d8e;
            background:url(../img/sprite_button.png) repeat-x 0 -566px;
        }
        .nav li:hover .sbnav,
        .nav li:focus .sbnav{
            display:block;
        }

/* menu allo la planete */        
.nav .alp{ position:relative }
.nav .alp img{ position:absolute; left:10px; top:-4px }
.nav .alp a{ padding-left:52px; color:#fd4239; text-shadow:0 1px 0 #333 }

/* sous nav */
.nav .sbnav{
    display:none;
    position:absolute;
    margin:0;
    top:34px;
    _top:30px;
    right:0;
    min-width:600px;
    z-index:200;
}
.nav .sbnav .ct{
    float:right;
    padding:15px;
    background:#fff;
    border:1px solid #9cd4cf;
    border-top:2px solid #009d8e;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    -webkit-box-shadow: 2px 3px 4px rgba(0,0,0,.15);
    -moz-box-shadow: 2px 3px 4px rgba(0,0,0,.15);
    box-shadow: 2px 3px 4px rgba(0,0,0,.15);
}

    .nav .sbnav .ct .left{ 
        padding:0 15px; 
        border: solid #dbdbd0; 
        border-width: 0 1px; 
        margin-left: -1px;
        font-size: 12px;
        line-height: 24px; 
    }
    .nav .sbnav .ct .left:first-child{ margin-left: 0; padding-left: 0; border-left: none }
    .nav .sbnav .ct .left:last-child{ padding-right: 0; border-right: none }
    *.nav .sbnav .ct .left{ border-right: 0; margin-left: 15px; padding: 0 0 0 15px;}
        .nav .sbnav .ct li{
            float:none;
            margin:0;
            border:none;
        }

/* footer */
.foot{
    position:relative;
    padding:20px 30px;
    border-top:2px solid #009d8e;
    background:#303030;
}
.foot .h6{ color:#fff }
.foot label{ color:#9f9f9f }
.foot1{ padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #4d4d4d }
.foot2{ text-align:center }
.foot2 a,
.foot2 span{ color:#9f9f9f; margin:0 8px; font-size:12px; }
.foot2 span{ margin:0 }

/* glossaire version footer */
.foot .glossary a{ margin:5px }
.foot .glossary a:hover,
.foot .glossary a:focus,
.foot .glossary a.selected{
    margin:1px 4px;
}

.foot .searchMod .submit{ background-position:-73px -288px }

/*/----> HOME VOYAGE <----/*/
/* services home */
.srvS{
    float:left;
    width:225px;
    height:160px;
    padding-top:14px;
    text-align:center;
    font-size:18px;
    font-weight:bold;
    border-right:1px solid #ccc;
    background:url(../img/sprite_service.jpg) no-repeat 0 25px;
}
.srvS a{ position:relative; display:block; height:160px; color:#303030 }
.srv1{ background-position:0 25px }
.srv2{ background-position:0 -140px }
.srv3{ background-position:0 -300px }
.srv4{ background-position:0 -470px }
.srv5{ background-position:0 -630px }
.srv6{ background-position:0 -795px }
.srv7{ background-position:0 -955px }
.srv8{ background-position:0 -1115px }
.srv9{ background-position:0 -1275px }
.srv10{ background-position:0 -1458px }

/* Taille des images pour les sliders */
.pst,.pst2  { float:left; width:150px; text-align:center }
.pstM       { float:left; width:134px; text-align:center }

/*/----> FICHE VOYAGE <----/*/
.rel_1{ position:relative }
.rel_1 .icoArrowW-B{ position:absolute; bottom:-7px; left:15px }

/* background du bloc communaute */
.bg1{ background:url(../img/bg_community.png) repeat-y }

/* bloc de la galerie photos */
.imgGal{ 
    width:189px; /* 194*/
    height:190px;
    float:left;
    margin:10px;    
}            
    .imgGal a{ display:block; text-align:center }
    .imgGal img{ max-width:94% }    
        /* surcharges pour les etoiles jaunes */
        .imgGal .f img{ max-width:none}

.imgGalSearch{
	height: 140px;
    width: 143px;
}

/*/----> EDITION DE LA GALERIE <----/*/
.imgEdit{
    /*display:table;*/
    margin:0 auto;
    text-align:center;
    width:1px;   
}
.imgEditCell{
    /*display:table-cell;*/
    vertical-align:bottom;
    height:160px;    
}
.imgEditCell a{ display:block; zoom:1 }
.imgEditCell img{ display:block; /*max-width:100%;*/ max-height:150px; margin:0 auto; }


/*/----> POSITION POUR LA PUB <----/*/

.adoasx02 img{ display:none }  

/*/----> CORRIGE un bug d'ailgnement du sommaire <----/*/
#ct2 .list2 .line:after{ clear:left }

/*
- PRINT STYLES -----------------------------------------------------------------
* inlined to avoid required HTTP connection - http://www.phpied.com/delay-loading-your-print-css/
  alsacreation - http://www.alsacreations.com/astuce/lire/1160-une-feuille-de-styles-de-base-pour-le-medium-print.html
*/

@media print {
  * { background-color: #fff !important; color: #000 !important; text-shadow: none; }
  body { width: auto!important; margin: auto!important; font-family: serif; }
  a, a:visited { color: #000 !important; text-decoration: underline !important; }
  a:after { content: " (" attr(href) ")"; } /* affichage des URL des liens */
  abbr:after { content: " (" attr(title) ")"; } /* affichage des Abbreviations des liens */
  .ir a:after { content: ""; }  /* Don't show links for images */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3, blockquote { orphans: 3; widows: 3; }
  blockquote, ul, ol, img, h2, h3{ page-break-after: avoid; } /* pas de coupure dans ces élements */
  h1, h2, h3, caption { page-break-after: avoid; } /* pas de saut après ces éléments */
}

/*------------------------------------------------------------------------------

[MEDIA:SCREEN/PRINT] - CCM/Benchmark Framework

Document : Content CSS
Author   : Damien SYREN

- Macro typographie -
http://www.slideshare.net/Mitternacht/la-macrotypographie-de-la-page-web-5499736

------------------------------------------------------------------------------*/

/* default heading */
/* www.aestheticallyloyal.com/public/optimize-legibility/ */
h1, h2, h3, h4, h5, h6{ font-weight:bold; text-rendering:optimizeLegibility; }

/* surlignage */
::selection         { background:#009D8E; color:#fff; /* Safari and Opera */ }
::-moz-selection    { background:#009D8E; color:#fff; /* Firefox */ }

/* elements */
em,.em          { font-style:normal; color:#999 } /*747e87*/
strong,.strong  { font-weight:bold }
code,pre        { color:#0B8C8F }
sup             { color:#999; font-weight:normal; font-size:70% }
cite            { display:block; text-align:right; padding-top: 10px }
mark            { background-color:#ff9; color:#000; font-style:italic; font-weight:bold }
del             { text-decoration: line-through }
abbr[title],
dfn[title]      { border-bottom:1px dotted #000; cursor:help }

/*
- HEADINGS SKIN ------------------------------------------------------------------
*/

/* .h1-.h6 doivent etre utiliser de maniere semantiques */
h1, .h1{ font-size:26px; line-height:1.2; color:#303030; font-weight:bold }
h2, .h2{ font-size:24px; color:#303030; font-weight:bold }
h3, .h3{ font-size:18px; color:#009d8e; font-weight:bold }
h4, .h4{ font-size:16px; color:#c00418; font-weight:bold }
h4 a, .h4 a{ color:#c00418 }
h5, .h5{ font-size:18px; color:#303030; font-weight:bold }
h6, .h6{ font-size:14px; color:#009d8e; font-weight:bold }
.h7{ font-size:14px; color:#000; font-weight:bold } /*#666666*/
.h8{ font-size:12px; color:#303030; }
.h9{ font-size:16px; color:#009d8e; font-weight:bold }
.h10{ font-size:14px; color:#c00418; font-weight:bold }
.h11{ font-size:16px; color:#c00418; font-weight:normal; text-transform:uppercase }
.bgH1{ background: url(../img/bg_h1.gif) repeat-x left 50%;}

/* links */
a{color:#009d8e; text-decoration:none;}
a:focus, a:hover{text-decoration:underline; cursor:pointer}

/* lien video play */
.play{ position:relative; float:left }
.play .icoPlay{ position:absolute; left:50%; top:50%; margin-left:-27px; margin-top:-27px; }

.ftTheme{ color: #009D8E !important;}
.ftNoTheme{ color: #C00418;}
.ftCopyright{ color:#adadad}
.hidden{ overflow:hidden}
.ftNormal{ font-weight: normal;}
.lhNormal{ line-height: normal}

/* surcharge grille CSS */
.inlbB{
    display: inline-block;
    *display:inline;
    vertical-align: baseline;
}
.inlbT{
    display: inline-block;
    *display:inline;
    vertical-align: top;
}
.inline{ display: inline;}
.clearL{ clear: left;}
.clearB{ clear: both;}
.marA{ margin: auto;}
.nowrap{ white-space: nowrap}
.abs{ position: absolute }
.ft200{ font-size: 200%}

/*
- LISTS SKIN -------------------------------------------------------------------
*/

/* fil d'ariane */
.breadcrumb li{ float:left }
.breadcrumb .selected a{ color:#666 }

/*
- TABLES SKIN ------------------------------------------------------------------
*/

.data{
    position:relative;
    vertical-align:top;
    *zoom:1;
}
.data table{
    width:100%;
    border:1px solid #ccc;
}
.data thead tr{ background-color:#dfedf7 }
.data th,
.data td{ padding:3px 20px }
.data th{ color: #000; font-weight:bold }
.data th, .data td{ vertical-align:top; border:1px solid #ccc }

/*
- LISTS SKIN -------------------------------------------------------------------
*/

.listL li{ float:left;  padding-right:15px }
.listR li{ float:right; padding-left:15px }

.list1 li{ padding:15px 10px; border-top:1px solid #dfe5e6 }
.list1 li:first-child{ border-top:none; }

.list2 li{ margin-top:15px }
.list2 li:first-child{ margin-top:0 }

.list3 li{ width:114px; height:110px; float:left; margin:15px 10px 0 10px; overflow:hidden }

.list4 li{ margin:5px 0 }

.list5 li{
    float: left;
    margin: 5px 10px 5px 0;
    width: 145px;
}
.list6 li{ float:left; width:50%; margin:3px 0 }
.list7 li{
    float:left;
    width:25%;
    margin:3px 0;
}
.list8 li{ margin:10px 0 }

.inlineList li { display: inline-block; *display:inline; }

/*
- IMAGES -----------------------------------------------------------------------
*/

/* image en inline */
.imgS1,
.imgS2,
.imgS3,
.imgS4{
    background:#fff;
    border:1px solid #ccc;
    padding:1px;
}
.imgS2{ padding:2px }
.imgS3{ padding:3px }
.imgS4{ padding:4px }

a:hover .imgS1,
a:hover .imgS2,
a:hover .imgS3,
a:hover .imgS4{
    border-color:#009D8E;
}

/*
- SEPARATEURS ------------------------------------------------------------------
*/

.separ1{ border-bottom:1px solid #dfe5e6 }
.separ2{ border-top:1px solid #dfe5e6 }

.separ3{ border-bottom:1px dotted #999 }
.separ4{ }

/* .pageItem si les �l�ments ne sont pas des a */
.pagination a, .pagination .pageItem{ border-left:1px solid #ccc; padding:0 6px 0 8px }
.pagination a:first-child, .pagination .pageItem:first-child, .pagination .pageItem a{ border-left:none }
/* si pagination � gauche on retire la marge de gauche du premier element */
.pagination.pageLeft a:first-child, .pagination.pageLeft .pageItem:first-child, .pagination.pageLeft .pageItem a{ padding-left: 0; }
.pagination .selected{ font-weight:bold; color:#303030 }

.glossaryPagination{
    position: relative;
    text-align: center;
    _zoom:1;
    padding: 0 30px;
    font-size: 12px;
}
.glossaryPagination li{ border-left:1px solid #009D8E; padding:0 6px 0 8px; margin: 5px 0;}
.glossaryPagination li:first-child{ border-left:none }
.lettrine{ font-size: 59px; line-height: 61px;}


/* slider voyage */

#link_preview a.prevBtn, #link_next a.nextBtn{
    background-image: url('http://www.linternaute.com/skin/common/img/sprite_ico.png?201212181140');
    background-repeat: no-repeat;
    width:20px;
    height:68px;
    position: absolute;
    top: 50%;
    margin-top: -37px;
    z-index:100;
    display:block
}
#link_preview a{ background-position: -652px -350px; left:-6px   }
#link_next a   { background-position: -673px -350px; right:-6px   }

#link_preview a.prevZone, #link_next a.nextZone{
    z-index: 99;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    width: 25%;
    display: block;
}
#link_next a.nextZone{
    left: auto;
    right: 0;
    width: 75%;
}
#previewnext{ margin-bottom:0 }
#link_next{ display: block; text-align:left }

.encartDiapo{
    position: relative;
    padding: 3px;
    background:#FFFFFF;
    border: 1px solid #CCCCCC;
}
.encartDiapo .icoZoom{ position:absolute; bottom:auto; top:15px; left: auto; right: 15px; z-index: 1000 }
.encartTxt{ background: #000; color: #fff; padding: 10px;}
.encartDiapo img{ position: relative; z-index: 50;}

/* nouvelles pages voyage */

.body {color:#3f3e3e;}

.main .breadcrumb,
.main .datePubli,
.leftNav .colMenuGauche,
.centralCol .visuel span,
.centralCol h2,
.rightCol h3.h4,
.rightCol h2.h2,
.rightCol h2,
.centralCol h4,
.centralCol #poi_cts .forumsLink,
.centralCol .ct2 a.ud.ft85,
.leftNav .modulePhoto h3,
.centralCol .ct2 .list2 li p.ft85 span.em a.em,
.centralCol .ct2 .list2 li p.ft85 span.em {
    font-family:'Oswald',arial,serif;
}
.main .breadcrumb span,
a.fcTheme.ud, 
.a.fcTheme.ud {
    color:#009D8E;
}
.main .breadcrumb li.selected span {
    color:#999999;
}
.main h1.h2,
.centralCol p,
.centralCol #poi_cts .pros ul li,
.centralCol #poi_cts .cons ul li,
.centralCol #poi_cts ._text,
.centralCol .boxArticles article,
.centralCol .boxArticles article h3,
.centralCol #poi_cts strong, 
.centralCol #poi_cts .strong,
.centralCol .ct2 h2.h9,
.centralCol .ct2 h3.h9,
.hotelDiapo a,
.prixHotel {
    font-family:'Gentium Book Basic','Times new roman',serif;
}
#poi_cts ._text {
    font-size:15px;
    margin-bottom:10px;
    margin-top:10px;
}
.centralCol #poi_cts .pros ul li,
.centralCol #poi_cts .cons ul li {
    font-size:15px;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
}
.main h1.h2 {
    font-size:32px;
}
.centralCol #poi_cts p,
.centralCol #poi_cts p b {
    font-size:15px;
    margin-bottom:10px;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
}
.centralCol #poi_cts p a {
    font-weight:bold;
    color:#009D8E;
}
.rightCol .module_standard.tribunes h2 a {
    color:#009D8E;
}
.centralCol .boxArticles article h3 a {
    display: inline;
    font-size: 20px;
    font-weight: bold;
    color: #3f3e3e;
}
.leftNav .colMenuGauche {
    border:1px solid #c5c5c5;
    padding:10px;
    background-color:#f1f1f1;
}
.leftNav .colMenuGauche h3 {
    font-size:14px;
    font-weight:normal;
    margin-bottom:10px;
}
.leftNav .colMenuGauche ul li a {
    font-size:12px;
    color:#666666;
    line-height:1.6;
}
.leftNav .colMenuGauche ul li a:hover {
    color:#009D8E;
}
.leftNav .colMenuGauche ul li:before {
    content:'\203A ';
    margin-right:6px;
    color:#009D8E;
    font-weight:bold;
    list-style-type: none;
}
.leftNav .colMenuGauche h3.noMginBot {
    margin-bottom:0px;
}
.rightCol h3.h4,
.rightCol h2.h2,
.rightCol h2,
.rightCol .module_standard.tribunes h2 {
    font-size:18px;
    color:#009D8E;
    font-weight:normal;
    text-transform:uppercase;
}
.search_external h2.h6 {
    font-size: 12px;
    font-weight: bold;
    font-family: Arial,sans-serif;
    color:#3f3e3e;
    text-transform:none;
}
.centralCol .ct2 .sepa:after {
    content:" |";
    color:#666;
}
.centralCol .ct2 .list2 p.ft85 {
    font-size:14px;
}

.centralCol .partira {
    border-bottom: 1px dotted #3f3e3e;
    color: #3f3e3e;
    font-size: 16px;
    font-weight: normal;
    line-height: 25px;
    margin-bottom: 20px;
    margin-top: 20px;
    width: 630px;
    display:inline-block;
}
.centralCol h2 {
    border-left: 5px solid #009D8E;
    color: #3f3e3e;
    font-size: 18px;
    font-weight: normal;
    line-height: 21px;
    padding-left: 6px;
    text-transform: uppercase;
    margin-top:30px;
    margin-bottom:20px
}
#hotel_content h2 {
    font-family:'Oswald',arial,serif;
    font-weight: normal;
    text-transform: uppercase;  
    font-size:22px;
}
.centralCol h4 {
    background: url("http://r.ccmbg.com/voyage/img/pointilles.png") no-repeat scroll 201px 25px transparent;
    color: #3f3e3e;
    font-size: 16px;
    font-weight: normal;
    line-height: 25px;
    margin-bottom: 20px;
    margin-top: 20px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .centralCol h4  {   
        background: url("http://r.ccmbg.com/voyage/img/pointilles.png") no-repeat scroll 200px 25px transparent;
    }
}
.centralCol h4 span {
    display: inline-block;
    min-width: 440px;
    border-bottom: 1px dotted #3f3e3e;
}
.centralCol h2.inline {
    line-height:34px;
}
.centralCol #poi_cts h2.h9,
.centralCol #poi_cts h3.h9 {
    margin-top:0px;
    border-left:0px solid #FFF;
    padding-left:0px;
    text-transform:none;
    margin-bottom:5px;
}
.centralCol #poi_cts h2.h9 a,
.centralCol #poi_cts h3.h9 {
    color:#3f3e3e;
    font-weight:bold;
    font-size:18px;
}
.centralCol #poi_cts .ct2 a.ud.ft85 {
    text-decoration:none;
    font-weight:normal;
}
.centralCol #poi_cts .ct2 a.ud.ft85:hover {
    text-decoration:underline;
    font-weight:normal;
}
.centralCol .ct2 .list2 li {
    border-bottom:1px solid #d1d1d1;
}
.centralCol .ct2 .list2 li p.ft85 {
    margin-bottom:20px;
}
.centralCol #poi_cts .ct2 .list2 li p.ft85 span.em a.em {
    font-size:12px;
    color:#666666;
    font-weight:normal;
}
.centralCol #poi_cts .ct2 a,
.centralCol #poi_cts a {
    text-decoration:none;
    font-weight:bold;
    font-color:#3f3e3e;
}
.centralCol #poi_cts .ct2 a:hover,
.centralCol #poi_cts a:hover {
    text-decoration:underline;
}
.centralCol .ct2 .list2 li p.ft85 span.em {
    font-size:12px;
    font-weight:normal;
    display:block;
    color:#666666;
    margin-top:5px;
    margin-bottom:5px;
}
.centralCol #poi_cts .forumsLink {
    font-weight:normal;
    float:right;
    font-size:12px;
    margin:0px 10px 10px 0px;
    text-decoration:none;
    color:#3f3e3e;
    border:1px solid #dddddd;
    padding:6px 8px ;
    background: #f3f3f3; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #f3f3f3 0%, #e8e8e8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f3f3f3 0%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f3f3f3 0%,#e8e8e8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f3f3f3 0%,#e8e8e8 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f3f3f3 0%,#e8e8e8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-8 */
}
.centralCol #poi_cts .forumsLink:hover {
    text-decoration:none;
    background: #e8e8e8; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmM2YzZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #e8e8e8 0%, #f3f3f3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e8e8), color-stop(100%,#f3f3f3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e8e8e8 0%,#f3f3f3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e8e8e8 0%,#f3f3f3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e8e8e8 0%,#f3f3f3 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #e8e8e8 0%,#f3f3f3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-8 */
}

.bg {
    background-image: url("http://www.linternaute.com/skin/common/img/bg_title_cornerR.png"), url("http://www.linternaute.com/skin/common/img/bg_title.png");
    background-position: 100% 100%, 0 100%;
    background-repeat: no-repeat, repeat-x;
    line-height: 19px;
}
.bg span {
    background: none repeat scroll 0 0 #FFFFFF;
    display: inline-block;
}
.centralCol #poi_cts strong, 
.centralCol #poi_cts .strong {
    font-size: 15px;
}
.centralCol #poi_cts .edito ul li,
.centralCol #poi_cts ul.simpleList li {
    list-style-type: disc;
} 
.centralCol #poi_cts .voyageHotel a {
    font-weight:normal;
}
/* Fin Polices et titrailles */

/* Blocs */
.centralCol .ct2 {
    padding-left:200px;
}
.datePubli {
    float:right;
    margin:15px;
}
.leftNav {
    width:180px;
    float:left;
    margin:0 0px 10px 0;
    padding-right:20px;
    background:#ffffff;
}
.noBdTop {
    border-top:0px solid transparent;
}
.centralCol {
    float:none;
}
.inline {
    display:inline;
}
.visuel {
    max-height: 242px;
    margin-bottom: 10px;
    position: relative;
    width: 430px;
    overflow:hidden;
}
.visuel img {
    min-height:242px;
}
.visuel span.credit {
    background-color: #000000;
    bottom: 0px;
    color: #FFFFFF;
    font-size: 10px;
    left: 0;
    opacity: 0.6;
    padding: 7px;
    position: absolute;
    text-align: center;
}
.centralCol #poi_cts .pros, 
.centralCol #poi_cts .cons {
    float: left;
    overflow: hidden;
    width: 50%;
}
.centralCol #poi_cts .pros li, 
.centralCol #poi_cts .cons li,
.centralCol #poi_cts .cons .main_text,
.centralCol #poi_cts .pros .main_text {
    margin-right:30px;
}

.centralCol .boxArticles article header {
    margin-bottom: 0px;
}
.centralCol .boxArticles article {
    line-height: 20px;
    margin-bottom:10px;
    font-size:15px;
}
.centralCol #poi_cts #ct_carte {
    margin-bottom:15px;
    margin-top:15px;
}
/* Fin Blocs */

/* Boutons */
.centralCol .photosBtn {
    color:#009D8E;
    position:absolute;
    bottom:10px;
    right:10px;
    background: none repeat scroll 0 0 #F0F0F0;
    border: medium none;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 1px 1px 1px 0px #BCB3AC;
    cursor: pointer;
    display: inline-block;
    font-family: 'Oswald',serif;
    font-size: 12px;
    padding: 8px;
    text-decoration: none !important;
    vertical-align: middle;
    -webkit-transition: all 80ms ease-in-out;
    -moz-transition: all 80ms ease-in-out;
    -ms-transition: all 80ms ease-in-out;
    -o-transition: all 80ms ease-in-out;
    transition: all 80ms ease-in-out;
}
.centralCol .photosBtn span.fleche {
    background: url('http://r.ccmbg.com/voyage/img/fleche.gif?1') no-repeat scroll 0px 0px transparent;
    height:9px;
    width:8px;
    margin-left:6px;
    margin-right:6px;
    float:left;
    margin-top:5px;
}
.centralCol .photosBtn:hover {
    background: none repeat scroll 0 0 #FFFFFF;
}
.centralCol .photosBtn:hover span.fleche {
    margin-left:8px;
    margin-right:4px;
    -webkit-transition: all 80ms ease-in-out;
    -moz-transition: all 80ms ease-in-out;
    -ms-transition: all 80ms ease-in-out;
    -o-transition: all 80ms ease-in-out;
    transition: all 80ms ease-in-out;
}
.leftNav .forumsBtn {
    margin-top:15px;
    background: #009587; /* Old browsers */
    background: -moz-linear-gradient(top,  #009587 0%, #009587 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#009587), color-stop(100%,#009587)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #009587 0%,#009587 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #009587 0%,#009587 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #009587 0%,#009587 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #009587 0%,#009587 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009587', endColorstr='#009587',GradientType=0 ); /* IE6-9 */
    border: 1px solid #007b6f;
    border-radius: 4px 4px 4px 4px;
    -webkit-box-shadow: inset 1px 1px 1px 1px #01bba8;
    box-shadow: inset 1px 1px 1px 1px #01bba8;
    cursor: pointer;
    font-family: 'Oswald',serif;
    color:#ffffff;
    font-size: 16px;
    padding: 10px 10px;
    width:157px;
    display:block;
    text-align:center;
    text-transform:uppercase;
    text-decoration: none !important;
    vertical-align: middle;
}
.leftNav .forumsBtn:hover {
    text-decoration:none;
    background: #00af98; /* Old browsers */
    background: -moz-linear-gradient(top,  #00af98 0%, #00aa9c 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00af98), color-stop(100%,#00aa9c)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #00af98 0%,#00aa9c 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #00af98 0%,#00aa9c 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #00af98 0%,#00aa9c 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #00af98 0%,#00aa9c 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00af98', endColorstr='#00aa9c',GradientType=0 ); /* IE6-9 */
}
/* Fin Boutons */

/* Bloc Photos */
.centralCol .photosWrapper li .itemLegend {
    background-color: rgba(0, 0, 0, 0.70);
    bottom: 0;
    color: #FFFFFF;
    left: 4px;
    bottom:4px;
    line-height: normal;
    position: absolute;
    width: 180px;
    padding: 5px 10px;

}
.centralCol .photosWrapper li a {
    border: 1px solid #D8D8D8;
    display: block;
    padding: 3px;
}
.centralCol .photosWrapper li a:hover {
    border: 1px solid #009D8E;
}
.centralCol .photosWrapper li a:hover .itemLegend {
    background-color: rgba(0, 0, 0, 0.95);
}
.leftNav .itemLegend {
    background-color: rgba(0, 0, 0, 0.70);
    bottom: 0;
    color: #FFFFFF;
    left: 4px;
    bottom:4px;
    line-height: normal;
    position: absolute;
    width: 140px;
    padding: 5px 10px;
}
.centralCol .photosWrapper li {
    float: left;
    margin-right: 7px;
    position: relative;
}
.leftNav .modulePhoto li {
    position: relative;
    margin-bottom:15px;
}
.leftNav .modulePhoto li a:hover {
    border: 1px solid #009D8E;
}
.leftNav .modulePhoto li a:hover .itemLegend {
    background-color: rgba(0, 0, 0, 0.95);
}
.leftNav .modulePhoto li a {
    border: 1px solid #D8D8D8;
    display: block;
    padding: 3px;
}
.leftNav .modulePhoto {
    border: 1px solid #DDDDDD;
    padding: 10px 5px 0;
    margin-top:15px;
}
.leftNav .modulePhoto h3 {
    color:#666666;
    font-size:14px;
    text-transform:uppercase;
    margin-bottom:10px;
    font-weight:bold;
    margin-left:3px;
}
.centralCol .photosWrapper li.lastPic {
    margin-right: 0px!important;
}
.centralCol .photosWrapper li .itemLegend p {
    margin:0;
}
.centralCol .photosWrapper li {
    margin-bottom:15px;
}
.centralCol .bgCover,
.leftNav .bgCover {
    display:block;
} 
.centralCol .boxArticles article .wrapperImg {
    float: left;
    margin-right: 15px;
}
.centralCol .wrapperImg {
    display: inline-block;
}
/* Fin Bloc Photos */

/* Bloc FB */ 
.centralCol .fb_iframe_widget {
    margin-top:20px;
}
/* Fin Bloc FB */

/* Bloc Hotel */
.rightCol .search_external h2.h6 {
    float:left;
    margin-right: 10px;
    width:55px;
}
.rightCol .search_external .input,
.rightCol .search_external .inputCalendar {
    float:left;
    width:150px;
    padding:0px;
    font-size:12px;
}
.rightCol .search_external .inputCalendar {
    padding-right: 0px;
}

.rightCol .search_external .icoCalendar {
    background: url("http://vacances.linternaute.com/wpartner/views/linternaute/searchforms/common/img/datepicker.png") no-repeat scroll left center transparent;
    display: block;
    float: left;
    height: 18px;
    position: absolute;
    right: -38px;
    top: 0;
    width: 34px;
}
.rightCol .search_external .line {
    margin-bottom:15px;
}
.rightCol .submit .image {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: linear-gradient(to bottom, #22B8AA 0px, #06A394 100%) repeat scroll 0 0 transparent;
    border-color: #06A394 #06A394 #ABADB3;
    border-image: none;
    border-radius: 0 0 0 0;
    border-style: solid;
    border-width: 1px;
    color: white;
    cursor: pointer;
    display: block;
    font-size: 12px;
    font-weight: bold;
    height: 24px;
    margin: 20px auto 0;
    text-align: center;
    text-transform: uppercase;
    width: 100px;
}
.hotelDiapo {
    float:left;
    width:150px;
    margin-bottom:20px;
    margin-right:5px;
    margin-top:10px;
}
.hotelDiapoSmall {
    float:left;
    width:80px;
    margin-bottom:20px;
    margin-right:30px;
    margin-top:10px;
}
.hotelDiapo.last, .hotelDiapoSmall.last {
    margin-right:0px;
}
.hotelDiapo a {
    font-size:15px;
    color:#06a394;
    text-decoration:underline;
    margin-left:5px;
    display:block;
}
.hotelDiapo a {
    text-decoration:underline;
}
.hotelDiapo a:hover {
    text-decoration:none;
}
.hotelDiapo a.line {
    border: 1px solid #D8D8D8;
    display: block;
    padding: 3px 1px 3px 4px;
    margin-left:0px;
}
.hotelDiapo a.line:hover {
    border: 1px solid #009D8E;
}
.voyageHotel h6 {
    color:#3f3e3e;
    font-size: 13px;
    font-weight: bold;
    font-family: Arial,sans-serif;
}
.voyageHotel .buttonM-T {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #06A394 #06A394 #ABADB3;
    border-image: none;
    border-radius: 0 0 0 0;
    border-style: solid;
    border-width: 1px;
    color: white;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    height: 27px;
    text-align: center;
    text-transform: uppercase;
    width: 100px;
    float:right;
    box-shadow:none;
}
.voyageHotel .form .input {
    padding:0;
    margin-top:5px;
    border: 1px solid #ABADB3;
    border-radius: 0 0 0 0;
}
.prixHotel {
    border-top: 1px dotted #999999;
    color: #727272;
    font-size: 14px;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
    padding-top: 5px;
}

.voyageHotel .form .icoCalendar {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
}
.voyageHotel .icoCalendar {
    background: url("http://r.ccmbg.com/voyage/img/sprite_ico.png?11") no-repeat scroll 0 -277px transparent;
    height: 20px;
    width: 28px;
}
/* Fin Bloc Hotel */

/* Blocs Séjour */
.sejours h1,
.sejours h2,
.sejours .BlocPartir h3,
.sejours .BlocMinutes h3 {
    font-family: 'Oswald',arial,serif;
    color: #009d8e;
    font-size: 24px;
    font-weight: lighter;
}
.sejours h1,
.sejours h2 {
    text-transform: uppercase;
    font-size: 24px;
    display:table;
    white-space: nowrap;
}
.sejours h2:after {
    content: "";
    background: url("http://r.ccmbg.com/voyage/img/hachure.gif?5") no-repeat scroll 0 23px;
    display: table-cell;
    width:100%;
} 
.sejours .BlocPartir {
    border-right:1px solid #bcbcbc;
    padding-right:20px;
}
.sejours .BlocMinutes {
    padding-left:20px;
}
.sejours .BlocPartir,
.sejours .BlocMinutes {
    font-family: 'Gentium Book Basic','Times new roman',serif;
    width:50%;
    float:left;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
.sejours .BlocPartir strong, 
.sejours .BlocMinutes strong {
  display: block;
  font-weight: bold;
  margin-bottom: 2px;
}
.sejours .BlocPartir a, 
.sejours .BlocMinutes a {
  color: #3F3E3E;
  display: block;
  float: left;
  font-size: 15px;
  line-height: 15px;
  text-decoration: none;
  width: 100%;
  margin-bottom:5px;
} 
.sejours .BlocPartir a:hover,
.sejours .BlocMinutes a:hover {
    text-decoration:none;
}
.sejours .BlocPartir a:hover p,
.sejours .BlocMinutes a:hover p,
.sejours .BlocPartir a:hover span,
.sejours .BlocMinutes a:hover span {
    text-decoration:none;
}
.sejours .BlocPartir a:hover strong,
.sejours .BlocMinutes a:hover strong {
    text-decoration:underline;
    color: #009D8E;
}
.sejours .BlocPartir p,
.sejours .BlocMinutes p {
    line-height:16px;
    text-decoration:none;
    margin-bottom: 2px;
}
.sejours .BlocPartir .lastBlock span,
.sejours .BlocMinutes .lastBlock span {
    color: #009D8E;
    font-weight:bold;
    text-decoration:none;
}
.sejours .BlocPartir h3,
.sejours .BlocMinutes h3 {
    margin-bottom:10px;
}
.sejours .BlocPartir img,
.sejours .BlocMinutes img {
    float:left;
    margin-right:10px;
}
.BlocFaq * {
    font-family: 'Gentium Book Basic','Times new roman',serif;
}
.BlocFaq h3 a {
    color: #3F3E3E;
    display: inline;
    font-size: 20px;
    font-weight: bold;
    vertical-align: top;
}
.BlocFaq p {
    font-size: 15px;
    line-height: 20px;
}
.BlocFaq .wrapperImg {
    float: left;
    margin-right: 15px;
}

/* Nouvelle version modules de recherche de vols (Liligo) et d'hotels */
/* ex: http://www.linternaute.com/voyage/japon/ */

.box_search{
    background: rgb(255,255,255);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMGYwZjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(240,240,240,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(240,240,240,1)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(240,240,240,1) 100%);
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(240,240,240,1) 100%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(240,240,240,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(240,240,240,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 );
    padding: 15px;
}
.ie9 .box_search{ filter: none }
.box_search--flight iframe{ margin-left: -10px; border: 0 }
.box_search h3{
    font:normal 18px/1 'Oswald',arial,serif;
    color:#009D8E;
    text-transform:uppercase;
}
.box_search h4{
    font:normal 18px/1 'Oswald',arial,serif;
    color:#009D8E;
    margin-top: 0;
    margin-bottom: 15px;
    padding-top: 15px;
    border-top: 1px dotted #999;
    background: none;
}
.box_search.box_search--flight h4{ margin-top: 20px }
.box_search h5{
    font:700 18px/1.2 'Gentium Book Basic','Times new roman',serif;
    color:#3f3e3e;
}
.box_search.box_search--flight .box_search_item_title{ min-height: 65px }
.box_search.box_search--hotel .box_search_item_title{ min-height: 65px }
.box_search p{
    color:#3f3e3e;
}
.box_search p a{
    text-decoration: underline !important;
    white-space: nowrap;
}
.box_search p a:hover{ text-decoration: none !important; }
.box_search .box_search_tag{
    font:400 16px/1 'Gentium Book Basic','Times new roman',serif;
    text-transform: uppercase;
    color:#3f3e3e;
}
.box_search .box_search_item{ float: left }
.box_search .box_search_3_items > div{ width: 192px; margin-right: 15px }
.box_search .box_search_4_items > div{ width: 148px; margin-right: 5px }
.box_search .box_search_3_items > div + div + div{ margin-right: 0 }
.box_search .box_search_4_items > div + div + div + div{ margin-right: 0 }
.box_search .box_search_resume{ display: block }
.box_search .box_search_3_items .box_search_resume{ width: 192px }
.box_search .box_search_4_items .box_search_resume{ width: 148px }
.box_search .box_search_img{
    display: block;
    padding: 3px;
    border: 1px solid #d8d8d8;
    margin-bottom: 5px;
}
.box_search .box_search_img > span{
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 0;
}
.box_search .box_search_3_items .box_search_img{ width: 184px; height: 120px }
.box_search .box_search_4_items .box_search_img{ width: 140px; height: 100px }
.box_search .box_search_3_items .box_search_img > span{ width: 184px; height: 120px }
.box_search .box_search_4_items .box_search_img > span{ width: 140px; height: 100px }
.box_search .box_search_price{
    border-top: 1px dotted #999;
    border-bottom: 1px dotted #999;
    line-height: 1;
    padding: 10px 0;
    margin: 10px 0;
    font:normal 14px/1 'Oswald',arial,serif;
    color: #666;
}
.box_search.box_search--hotel .box_search_price{ 
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0
}
.box_search .box_search_price span{
    font-size: 16px;
    color: #3f3e3e;
}
.box_search.box_search--hotel .box_search_price span,
.box_search .box_search_price span + span{ color: #009d8e; }
.box_search .box_search_resume:hover .box_search_img{ border-color: #009D8E; }
.box_search .box_search_resume:hover,
.box_search .box_search_resume:hover h5,
.box_search .box_search_resume:hover .box_search_tag,
.box_search .box_search_resume:hover .box_search_price{ text-decoration: none !important }
.box_search .box_search_resume:hover h5{ color:#009D8E; }
.box_search footer{
    font:normal 14px/1 'Oswald',arial,serif;
}
.box_search footer a{ text-decoration: underline !important }
.box_search footer a:hover{ text-decoration: none !important }

/*------------------------------------------------------------------------------

[MEDIA:SCREEN] - CCM/Benchmark Framework

Document : Layout CSS
Author   : Damien SYREN

Cette page recense tous les modules (objets) réutilisables dans le site.

------------------------------------------------------------------------------*/

.mod{ margin-bottom:15px !important; }

/*
- MODULE SKIN ------------------------------------------------------------------
- Ne pas utiliser .box3 c'est le style des autocomplete jquery
- Ne pas utiliser .box9 c'est le style des modals de l'editeur wisiwyg
*/

.box1{ border:1px solid #dfe5e6 }
.box2{ background:#f5f9fd }

/* degrade gris */
.box4{
    background: #F0F5FB; /* old browsers */
    background: -moz-linear-gradient(top, #F0F5FB 0%, #FFFFFF 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F0F5FB), color-stop(100%,#FFFFFF)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F0F5FB', endColorstr='#FFFFFF',GradientType=0 ); /* ie */
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#F0F5FB', EndColorStr='#FFFFFF')"; /* IE8 */
    zoom:1;
}
.box5{ background:#eff5fb }
.box6{
    color:#fff;
    background: #4C3F27; /* old browsers */
    background: -moz-linear-gradient(top, #4C3F27 0%, #292110 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4C3F27), color-stop(100%,#292110)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4C3F27', endColorstr='#292110',GradientType=0 ); /* ie */
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#4C3F27', EndColorStr='#292110')"; /* IE8 */
    zoom:1
}
    .box6 .buttonS-G{ -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }
.box7{
    background: #F0F6FB; /* old browsers */
    background: -moz-linear-gradient(top, #F0F6FB 0%, #FFFFFF 10%, #FFFFFF 60%, #EFF5FB 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F0F6FB), color-stop(10%,#FFFFFF), color-stop(60%,#FFFFFF), color-stop(100%,#EFF5FB)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#EFF5FB',GradientType=0 ); /* ie */
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFF', EndColorStr='#EFF5FB')"; /* IE8 */
    zoom:1
}
.box8{ background:#fff }

.box10{ background: #e8edf2 }
.box11{
    background:#333\9;
    background:rgba(0,0,0,.7);
    color: #fff;
}
/* container des prix des hotels dans la liste des r�sultats */
.boxHotelPrice{ border-left: 1px solid #acacac; margin-left: 15px; width: 130px; text-align: center}

/* box contenant les liens pour classer les r�sultats */
.boxClassify a{ margin: 0 5px;}
.boxClassify .selected{ font-weight: bold; color:#000; text-decoration: none;}
/* boite arrondi page profil */
.balloon{
    border:1px solid #ebebeb;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 0px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 20px;
    color:#7a7a7a;
    position: relative;
    *zoom:1;
    margin-left: 14px;
}
    /* fleche de la bulle en haut gauche */
    .balloonPointer{
        width:30px;
        height:20px;
        background:url('../img/sprite_ico.png?11') no-repeat -84px -249px;
        position: absolute;
        top: -2px;
        left:-15px;
    }

/*
- FORMULAIRE -------------------------------------------------------------------
- surchage du common
*/

.form .input, .form .textarea{
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #ccc;
}

.form .inputCalendar { padding-right: 34px}
.form .icoCalendar{ display: block; position: absolute; top: 4px; right: 3px;}

/*
- DIAPORAMA (slideshow) --------------------------------------------------------
- A supprimer quand SudoSlider sera en PROD
*/

#diaporama { overflow:hidden;border:1px solid #d8d8d8; -moz-border-radius:5px; border-radius:5px; }
.diapoCt{ position:relative; border:8px solid #fff; height:327px; overflow:hidden; -moz-border-radius:5px; border-radius:5px; }
#diaporama div.navigation { width:224px; }
#diaporama div.item { width:637px;height:327px; }
#diaporama div.item img {width:637px;}
#diaporama div.item img.miniature { display:none; }
#diaporama div.navigation span.survol { position:absolute;top:-123px; display:block; width:311px; height:299px; cursor:pointer;text-indent:-2000px; display:none;}
#diaporama div.navigation.precedent a.navigation{ float:left; }
#diaporama div.navigation.suivant a.navigation{ float:right; }
#diaporama div.navigation.suivant span.survol{  left:-91px; }
#diaporama div.navigation.precedent span.survol{ left:4px; }
div#diaporama h1, div#diaporama p.h1, div#diaporama h3 { width:367px; height:44px; overflow:hidden; background:#303030; background:rgba(0,0,0,.8); font-size:18px; bottom:0; color:#FFFFFF; left:0; padding:10px 260px 10px 10px; line-height:normal; position:absolute; *zoom:1 }
div#diaporama h2 a{ color:#fff }
#diaporama h1 span{ background:#000; padding:2px;}
#diaporama .buttonM-T{ position:absolute; bottom:16px; right:25px; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; }
#diaporama .arrowBottom{ display:inline-block; vertical-align:middle; width:21px; height:11px; position:absolute; bottom:-11px; background:url('../img/sprite_ico.png?11') no-repeat -44px -79px; z-index:10 }

/* generique precedent / suivant */
.defilant { position:relative; zoom:1 }
.size4of12 .section .box.defilant { width:298px; /*border:1px solid #d8d8d8;*/}
.size4of12 .section .box.defilant div.items div.item { width:298px;overflow:hidden;}
.size4of12 .section .box.defilant div.navigation { margin-left:-4px; }
.defilant div.navigation { position:absolute; z-index:20; top:50%; margin-top:-25px; height:50px; font-weight:bold;  font-family:georgia; font-size:12px; letter-spacing:30; }
.defilant div.navigation.suivant { right:0 }
.defilant div.navigation.precedent { left:0 }
.defilant div.navigation a.navigation {position:relative; z-index:1000;display:block; width:20px; height:54px; background:url('../img/sprite_ico.png?11') no-repeat; }
.defilant div.navigation a.navigation span { display:none; }
.defilant div.navigation a.detail  { position:relative; display:block;  width:204px; height:50px; color:#fff;text-decoration:none;}
.defilant div.navigation a.detail span { display:block; float:right; width:110px; height:30px; line-height:15px;padding:10px; background:#303030; }
.defilant div.navigation.precedent a.detail  img { float:left; }
.defilant div.navigation.suivant a.detail  img { float:right; }
.defilant div.navigation.precedent a.navigation{ /*float:left;*/background-position:-111px 0; }
.defilant div.navigation.precedent a.navigation:hover{ background-position:-153px 0; }
.defilant div.navigation.precedent a.navigation:active{ background-position:-195px 0; }
.defilant div.navigation.precedent a.detail { left:-220px;float:left; }
.defilant div.navigation.suivant a.detail { left:0;float:left; }
.defilant div.navigation.suivant a.navigation { /*float:right;*/background-position:-133px 0; }
.defilant div.navigation.suivant a.navigation:hover { /*float:right;*/ background-position:-175px 0; }
.defilant div.navigation.suivant a.navigation:active  { /*float:right;*/ background-position:-217px 0; }
.defilant .scrollwrap {  position:absolute; /*top:3px;*/ left:0;width:10000px; }
.defilant .scrollwrap div.item { float:left; position:relative; /*padding:0 3px;*/}
.defilant .scrollwrap li { display:block; float:left; text-align:center; }
.defilant .scrollwrap li.last { margin-right:0; }

/*
- SLIDERS (slideshow) --------------------------------------------------------
*/

.posterSlide{
    padding:20px 0;
    margin:0 35px;
    overflow:hidden;
    position:relative; /* corrige un bug IE6 / 7 */
    zoom:1;
    _width:900px;
}
.pstSlide2{ margin:0 8px; _width:519px; }
.ctSlider{ position:relative; width:2000px }

/*
- SLIDER (diaporama) -----------------------------------------------------------
- http://webbies.dk/SudoSlider/

Les photos du slider de voyage ont une largeur fixe de 640px
*/

/* icones precedent / suivant */
.prevBtn,
.nextBtn,
.ico_sldL,
.ico_sldR{
    width:20px;
    height:54px;
    background:url('../img/sprite_ico.png?11') no-repeat;
}
.ico_sldL span,
.ico_sldR span{ display:none }

.slideItem{ display:table }
.slideItem .slideImg{ display:table-cell }
.slideItem .slideTxt{ display:table-row }

/*
- partie specifique pour chaque slider

La largeur maximale des images est de 150px pour un affichage de 4 vignettes sur la colonne gauche
On peut tres bien afficher des images de tailles inferieurs mais il faut prevoir alors une autre class
pour adapter la hauteur du slider et pour le centrage vertical des vignettes ainsi que les fleches de navigation.

.fmt75  = image horizontal de 75px (81px avec padding et bordure) et vertical de 100px (106px avec padding et bordure)
.fmt150 = image horizontal de 150px (156px avec padding et bordure) et vertical de 160px (166px avec padding et bordure)
.fmtVM  = pour aligner verticalement au centre quand il n y a pas de description

*/

/*----------------------------------------------- image paysage  de 120x80 px */
.fmt120H .slideItem{ width:126px; margin: 0 1px; padding: 0 18px }
.fmt120H .slideImg{ padding:2px; border:1px solid #ccc }
.fmt120H .slideImg img{ max-height:80px }
/* centrage vertical des fleches de navigation */
.slider.fmt120H .ico_sldL,
.slider.fmt120H .ico_sldR{ top:19px }

/*----------------------------------------------- image portrait de 90x120 px */
.fmt120V .sliderCt{ margin: 0 8px }
.fmt120V .slideItem{ width:126px; margin: 0 1px }
.fmt120V .slideImg .rel{ background:none }
.fmt120V .slideImg img{ max-width:90px; padding:2px; border:1px solid #ccc }
/* centrage vertical des fleches de navigation */
.slider.fmt120V .ico_sldL,
.slider.fmt120V .ico_sldR{ top:39px }

/*---------------------------------------------- image paysage  de 150x100 px */
.fmt150H .defilant2{ height: 106px} /* hauteur par d�faut pour palier au temps de chargement du js */
.fmt150H.slider{ margin-top: 10px}
.fmt150H li{ width: 656px; float: left; }
.fmt150H .slideItem{ width:156px; padding:0 5px 0 0 }
.fmt150H .slideImg{ padding:2px; border:1px solid #ccc }
.fmt150H .slideImg img{ max-height:100px }
/* centrage vertical des fleches de navigation */
.slider.fmt150H .ico_sldL,
.slider.fmt150H .ico_sldR{ top:50%; margin-top: -20px }
.slider.fmt150H .ico_sldL{ left: -3px;}
.slider.fmt150H .ico_sldR { right: -3px;}

/*---------------------------------------------- image portrait de 120x150 px */

.fmt150V .slideItem{ width:156px; padding:0 4px }
.fmt150V .slideImg .rel{ background:none }
.fmt150V .slideImg img{ max-width:120px; padding:2px; border:1px solid #ccc }
/* centrage vertical des fleches de navigation */
.slider.fmt150V .ico_sldL,
.slider.fmt150V .ico_sldR{ top:61px }

.slider .slideImg:hover{ border-color:#009D8E; text-decoration:none }

.slider.fmt140V .prevBtn,
.slider.fmt140V .nextBtn{ top: 50%; margin-top: -27px;}
.slider.fmt140V{margin: 0;}
.fmt140V .slideItem { margin-right: 21px; width: 148px;}
.fmt140V .slideItem .slideImg .rel{ background:none }
.slider.fmt150H.txtTop .ico_sldL,
.slider.fmt150H.txtTop .ico_sldR{ top:45px } /* correction sur diapo avec txt au-dessus */
.fmt150H .slideImg:hover{ border-color:#009D8E }

/*----------------------------------------------- image paysage de 120x80px */
.slider.fmt140H{ margin-bottom:0 }
.fmt140H .slideItem{ width:146px; padding-right:23px; padding-bottom:20px }
.fmt140H .slideImg{ vertical-align:baseline; display:block; padding:2px; border:1px solid #ccc }
/* centrage vertical des fleches de navigation */
.slider.fmt140H .prevBtn,
.slider.fmt140H .nextBtn{ top:25px; margin-top:0 }

.sliderCt{ zoom:1; _width: 640px;}
.prevBtn,
.ico_sldL{          background-position:-111px 0; }
.prevBtn:hover,
.ico_sldL:hover{    background-position:-153px 0; }
.prevBtn:active,
.ico_sldL:active{   background-position:-195px 0; }
.nextBtn,
.ico_sldR{          background-position:-133px 0; }
.nextBtn:hover,
.ico_sldR:hover{    background-position:-175px 0; }
.nextBtn:active,
.ico_sldR:active{   background-position:-217px 0; }

#backPortail{ position: fixed; top: 160px; right:60px}
.icoBackPortail{background:url(../img/sprite_ico.png?9) no-repeat 0 -378px; width: 80px; height: 80px; display: block}
.icoBackPortail:hover{background-position: -81px -378px;}

/*
- SLIDER (diaporama) -----------------------------------------------------------
- http://webbies.dk/SudoSlider/
*/

.diapo{ width:639px; overflow:hidden }

.diapo .buttonM-T{
    margin:15px 0 0 15px;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
}
.diapo ul{ *max-height:327px }
.diapo li{
    width:639px;
    max-height:327px;
}
.diapo .itemBt{
    /*height:44px;*/
    background:rgba(0,0,0,.7);
    font-size: 12px;
    overflow: hidden;
}
.itemBtarrowB{
    position:absolute;top:0;left:20px;
    width:21px;
    height:11px;
    background:url(../img/sprite_ico.png?2) no-repeat -42px -79px;
}
.diapo .itemBt h2{ font-size: 18px; display: block;  line-height: 26px;}
.diapo .itemBt h2 a{ text-transform:none }

/* moteur de recherche de la home */
.diapo .searchMod{
    position:absolute;
    right:10px;
    bottom:15px;
    z-index:1;
    _width:245px;
}
.diapo .searchMod .search{
    width:197px;
    background:rgba(255,255,255,.9);
}

/* Diapo Home (specifique) */
.diapo.home .itemBt { font-size: 12px }
.diapo.home .itemBt h2{ font-size: 16px;  line-height: 22px;}
.diapo.home .searchMod .search{ width:122px; }


.diapoS .diapo, .diapoS .diapo li{ width: 292px}
.diapoS .prevBtn, .diapoS .nextBtn {
    top: 50%;
    margin-top: -27px;
}
.diapoS.radiusT5, .diapoS.radiusT5 > div, .diapoS.radiusT5 .diapo, .diapoS.radiusT5 .diapo .itemImg img{
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
}

/* Map Bulle */
.gbulle,
.infobox{
    border:1px solid #ccc;
    -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
    background:#fff;
    position:relative;
    -webkit-box-shadow: 5px 10px 10px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 5px 10px 10px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 5px 10px 10px 0px rgba(0, 0, 0, 0.4);
}
.infobox{z-index:1}
.closeInfobox{position:absolute;right:0;z-index:10}
.gbulle .gbulle-arrow-border{
    border-color: #ccc transparent transparent transparent;
    border-style: solid;
    border-width: 10px;
    height:0;
    width:0;
    position:absolute;
    bottom:-20px;
    left:20px;
}
.gbulle .gbulle-arrow{
    border-color: #fff transparent transparent transparent;
    border-style: solid;
    border-width: 10px;
    height:0;
    width:0;
    position:absolute;
    bottom:-19px;
    left:20px;
}


/* Map Pins */
.pin{
    display:inline-block;
    vertical-align:middle;
    width:30px;
    height:37px;
    background-image: url(../img/sprite_ico.png?2);
    background-attachment: scroll;
    background-repeat: no-repeat;
}
.redPin{background-position:0 -320px}
.greyPin{background-position:-40px -320px}
.greenPin{background-position:-80px -320px}
.itemBt .redPin{width:16px;background-position:-120px -320px;}

/*
- MENU PAR ONGLETS -------------------------------------------------------------
*/

.navTab{
    border-bottom:1px solid #dfe5e6;
    margin-bottom:-1px;
}
    .navTab span{
        position:relative;
        top:1px;
        float:left;
        margin-right:8px;
        border:1px solid #dfe5e6;
        -moz-border-radius-topleft: 10px;
        -moz-border-radius-topright: 10px;
        -moz-border-radius-bottomright: 0px;
        -moz-border-radius-bottomleft: 0px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
    }
    .navTabR span{
        float:right;
        margin:0 0 0 8px;
    }
    .navTab .selected{
        border-bottom:none;
    }
        .navTab a{
            display:block;
            padding:8px 10px;
            border:1px solid #fff;
            border-bottom:1px solid #f6f6f6;
            background:#fff url(../img/sprite_button.png) 0 -600px repeat-x;
            -moz-border-radius-topleft: 10px;
            -moz-border-radius-topright: 10px;
            -moz-border-radius-bottomright: 0px;
            -moz-border-radius-bottomleft: 0px;
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
            border-bottom-right-radius: 0px;
            border-bottom-left-radius: 0px;
        }
        .navTab .selected a{
            background:#fff;
            padding-bottom:9px;
            border-color:#fff;
            color:#303030;
        }

    .navTab .new{
        background: url('../img/sprite_ico.png?11') no-repeat 0 -363px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        border: none;
        position: absolute;
        top: -7px;
        width: 51px;
        left:50%;
        margin-left: -25px;
        height: 14px;
        z-index: 100;
    }

/*
- MENU PAR ONGLETS JQUERY UI ---------------------------------------------------
*/
.ui-widget { font-family: "Helvetica Neue",Helvetica,Arial,default; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-tabs{padding:0;border:0 none;color:#333;}
.ui-widget-header {
    background: none;
    border: none;
    color: #333;
    font-weight: normal;
}
.ui-tabs .ui-tabs-nav{padding:0}
.ui-tabs .ui-tabs-nav li.ui-state-default{
    border: 1px solid #DFE5E6;
    border-radius: 10px 10px 0 0;
    box-shadow: none;
    color:#333;
    font-size:14px;line-height:1.4;
    float: left;
    margin:0 8px 0 0;padding:0;
    position: relative;
    top: 1px;
    text-transform:none;
}

.ui-tabs .ui-tabs-nav li a {
    color: #009D8E;
    float: left;
    text-decoration: none;
    display:block;
    padding:8px 10px;
    border:1px solid #fff;
    border-bottom:1px solid #f6f6f6;
    background:#fff url(../img/sprite_button.png) 0 -600px repeat-x;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}
.ui-tabs .ui-tabs-nav li a:hover {
    text-decoration:underline;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected{
    border-bottom:none;
    padding-bottom:0;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
    background:#FFF none;
    border-color: #FFF;
    color: #303030;
    padding-bottom: 9px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a:hover {
    text-decoration:none;
}

/*
- CALENDRIER JQUERY UI ---------------------------------------------------
*/

.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header {
    position:relative; padding:.2em 0;
    background: rgb(34,184,170);
    background: -moz-linear-gradient(top, rgba(34,184,170,1) 0%, rgba(4,161,146,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(34,184,170,1)), color-stop(100%,rgba(4,161,146,1)));
    background: -webkit-linear-gradient(top, rgba(34,184,170,1) 0%,rgba(4,161,146,1) 100%);
    background: -o-linear-gradient(top, rgba(34,184,170,1) 0%,rgba(4,161,146,1) 100%);
    background: -ms-linear-gradient(top, rgba(34,184,170,1) 0%,rgba(4,161,146,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#22b8aa', endColorstr='#04a192',GradientType=0 );
    background: linear-gradient(top, rgba(34,184,170,1) 0%,rgba(4,161,146,1) 100%);
    border: 1px solid #06A394;
    color: #FFF;
    font-weight: bold; }
.ui-datepicker .ui-state-default {
    border: 1px solid #D3D3D3;
    box-shadow:none;
    color: #555;
    font-weight: normal;
    outline: medium none;
}
.ui-datepicker .ui-state-hover,.ui-datepicker .ui-state-focus {
    border: 1px solid #999;
    background: rgb(34,184,170);
    background: -moz-linear-gradient(top, rgba(34,184,170,1) 0%, rgba(4,161,146,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(34,184,170,1)), color-stop(100%,rgba(4,161,146,1)));
    background: -webkit-linear-gradient(top, rgba(34,184,170,1) 0%,rgba(4,161,146,1) 100%);
    background: -o-linear-gradient(top, rgba(34,184,170,1) 0%,rgba(4,161,146,1) 100%);
    background: -ms-linear-gradient(top, rgba(34,184,170,1) 0%,rgba(4,161,146,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#22b8aa', endColorstr='#04a192',GradientType=0 );
    background: linear-gradient(top, rgba(34,184,170,1) 0%,rgba(4,161,146,1) 100%);
    box-shadow:none;
    color: #fff;
    font-weight: normal;
    outline: medium none;
}
.ui-datepicker .ui-state-active {
    border: 1px solid #999;
    background: rgb(225,225,225);
    background: -moz-linear-gradient(top, rgba(225,225,225,1) 0%, rgba(255,255,255,1) 4%, rgba(253,253,253,1) 60%, rgba(237,237,237,1) 98%, rgba(222,222,222,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(225,225,225,1)), color-stop(4%,rgba(255,255,255,1)), color-stop(60%,rgba(253,253,253,1)), color-stop(98%,rgba(237,237,237,1)), color-stop(100%,rgba(222,222,222,1)));
    background: -webkit-linear-gradient(top, rgba(225,225,225,1) 0%,rgba(255,255,255,1) 4%,rgba(253,253,253,1) 60%,rgba(237,237,237,1) 98%,rgba(222,222,222,1) 100%);
    background: -o-linear-gradient(top, rgba(225,225,225,1) 0%,rgba(255,255,255,1) 4%,rgba(253,253,253,1) 60%,rgba(237,237,237,1) 98%,rgba(222,222,222,1) 100%);
    background: -ms-linear-gradient(top, rgba(225,225,225,1) 0%,rgba(255,255,255,1) 4%,rgba(253,253,253,1) 60%,rgba(237,237,237,1) 98%,rgba(222,222,222,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e1e1', endColorstr='#dedede',GradientType=0 );
    background: linear-gradient(top, rgba(225,225,225,1) 0%,rgba(255,255,255,1) 4%,rgba(253,253,253,1) 60%,rgba(237,237,237,1) 98%,rgba(222,222,222,1) 100%);
    box-shadow:none;
    color: #212121;
    font-weight: normal;
    outline: medium none;
}
.ui-datepicker .ui-state-highlight {
    border: 1px solid #d8d8d8;
    background:#76fff5;
    box-shadow:none;
    color: #363636;
    font-weight: normal;
    outline: medium none;
}
.ui-datepicker .ui-widget-header .ui-icon{background-image: url("../img/ui-icons_ffffff_256x240.png");}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 49%;color: #000}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/*
- ARROWS IMG (fleches) ---------------------------------------------------------
*/

/* fleches grises du menu de nav */
.tickG-B{
    display:inline-block;
    vertical-align:top;
    width:9px;
    height:6px;
    _overflow:hidden; /* corrige un bug IE6 qui affiche une hauteur min de 10px */
    background:url('../img/sprite_ico.png?11') no-repeat 0 -33px;
}

/* fleches vertes */
.icoArrT,
.icoArrB{
    width:9px;
    height:5px;
    background:url('../img/sprite_ico.png?11') no-repeat -93px -20px;
}
.icoArrB{ background-position:-93px -24px }

.icoArrR,
.icoArrL{
    width:5px;
    height:9px;
    background:url('../img/sprite_ico.png?11') no-repeat -93px -20px;
}
.icoArrL{ background-position:-97px -20px }

/*
- ICONES (fleches) -------------------------------------------------------------
*/

.icoPostcard{
        background:url('../img/sprite_ico.png?11') no-repeat -145px -284px;
        width: 19px; height: 14px;
        position: relative;
        top: -1px;
}

/* icone plus header */
.icoMoreHead{
    width:24px;
    height:25px;
    background:url('../img/sprite_ico.png?11') no-repeat -36px -4px;
}
.icoMoreHead.icoLessHead{ background-position:-60px -4px }

/* icone fermer */
.icoClose,
.icoOptions{
    display:inline-block;
    vertical-align:middle;
    width:20px;
    height:21px;
    background:url('../img/sprite_ico.png?11') no-repeat 0 -117px;
}
.icoClose span,
.icoOptions span{ display:none }
a.icoClose:hover,
a.icoClose:focus,
a.icoClose.selected{ background-position:-20px -117px }
a.icoClose:active{   background-position:-40px -117px }

/* options */
.icoOptions{            background-position:0 -138px }
a.icoOptions:hover{     background-position:-20px -138px }
a.icoOptions:active,
.icoOptionsSel{         background-position:-40px -138px }

/* suivant - precedent */
.icoPrev,
.icoNext{
    display:inline-block;
    vertical-align:middle;
    width:18px;
    height:18px;
    background:url('../img/sprite_ico.png?11') no-repeat -1px -79px;
}
.icoNext{ background-position:-1px -98px }
.icoPrev:hover{ background-position:-20px -98px }
.icoNext:hover{ background-position:-20px -79px }

/* icones reseaux sociaux */
.icoFb,
.icoTw,
.icoRss,
.icoMsg{
    display:inline-block;
    vertical-align:middle;
    width:48px;
    height:48px;
    background:url('../img/sprite_ico.png?11') no-repeat -131px -58px;
}
.icoTw{ background-position:-185px -58px }
.icoRss{ background-position:-131px -109px }
.icoMsg{ background-position:-185px -109px }

.icoFbG{
    display: block;
    position: absolute;
    top: 1px;
    left: 8px;
    width: 20px;
    height: 20px;
    background:url(../img/sprite_ico.png) no-repeat -36px -278px;
}

/* icones reseaux sociaux small */
.icoFbS,
.icoTwS,
.icoRssS,
.icoInS{
    display:inline-block;
    vertical-align:middle;
    width:16px;
    height:16px;
    background:url('../img/sprite_ico.png?11') no-repeat -136px -218px;
}
.icoTwS{ background-position:-160px -218px }
.icoRssS{ background-position:-184px -218px }
.icoInS{ background-position:-208px -218px }

/* icone home fil d'ariane */
.icoHome{
    display:inline-block;
    vertical-align:baseline;
    width:13px;
    height:12px;
    background:url('../img/sprite_ico.png?11') no-repeat -21px -33px;
    *vertical-align:top;
}

/* icone home fil d'ariane */
.icoArrowW-B{
    display:inline-block;
    vertical-align:middle;
    width:11px;
    height:8px;
    background:url('../img/sprite_ico.png?11') no-repeat -61px -36px;
}

.icoPlusB{
    display:inline-block;
    vertical-align:middle;
    width:10px;
    height:10px;
    background:url('../img/sprite_ico.png?11') no-repeat -48px -35px;
    _overflow:hidden;
}
.icoLessB{
    display:inline-block;
    vertical-align:middle;
    width:10px;
    height:2px;
    background:url('../img/sprite_ico.png?11') no-repeat -90px -39px;
    _overflow:hidden;
}

.icoPlusB2{
    display:inline-block;
    vertical-align:baseline;
    width:9px;
    height:8px;
    background:url('../img/sprite_ico.png?11') no-repeat -50px -94px;
    _overflow:hidden; /* corrige un bug IE6 qui affiche une hauteur min de 10px */
    *vertical-align:middle;
}
.icoLessB2{
    display:inline-block;
    vertical-align:baseline;
    width:9px;
    height:8px;
    background:url('../img/sprite_ico.png?11') no-repeat -50px -104px;
    _overflow:hidden; /* corrige un bug IE6 qui affiche une hauteur min de 10px */
    *vertical-align:middle;
}

.icoSearch{
    display:inline-block;
    vertical-align:middle;
    width:11px;
    height:12px;
    background:url('../img/sprite_ico.png?11') no-repeat -75px -34px;
}
.icoDvd{
    display:inline-block;
    vertical-align:middle;
    width:44px;
    height:19px;
    background:url('../img/sprite_ico.png?11') no-repeat -84px -58px;
    opacity:.2;
    -ms-filter:"alpha(opacity=20)"; /* IE 8 */
    filter:alpha(opacity=20); /* IE < 8 */
}
.icoPlay{
    display:inline-block;
    vertical-align:middle;
    width:55px;
    height:55px;
    background:url('../img/sprite_ico.png?11') no-repeat -68px -83px;
}
.icoFlag{
    display:inline-block;
    vertical-align:middle;
    width:47px;
    height:46px;
    background:url('../img/sprite_ico.png?11') no-repeat -132px -161px;
}
.icoComent{
    display:inline-block;
    vertical-align:middle;
    width:55px;
    height:47px;
    background:url('../img/sprite_ico.png?11') no-repeat -180px -161px;
}
.icoPrint{
    display:inline-block;
    background: url('../img/sprite_ico.png?11') no-repeat scroll -109px -208px;
    height: 22px;
    line-height: 22px;
    width: 16px;
}
.icoPostalCard{
    display:inline-block;
    background: url('../img/sprite_ico.png?11') no-repeat scroll -109px -226px;
    height:22px;
    line-height: 22px;
    width:16px;
}

.icoCornerMap{
    background: url("../img/cornerMap.png") no-repeat scroll 0 0;
    _background: url("../img/cornerMap.gif") no-repeat scroll 0 0;
    display: block;
    width: 95px;
    height: 95px;
    position: absolute;
    top: 0;
    right:0;
    _right:-1px;
}

.icoCalendar{
    background: url('../img/sprite_ico.png?11') no-repeat 0 -277px;
    height: 24px;
    width: 28px;
}
.ico1pers, .ico2pers, .ico3pers{
    background: url("../img/sprite_ico.png") 0 -302px;
    width: 14px;
    height: 14px;
    display: inline-block;
}
.ico2pers{ width: 22px; background-position: -15px -302px}
.ico3pers{ width: 30px; background-position: -38px -302px}

/* steps ajout photos */
.step{ color: #bbb}
.activeStep{ color: #c00418}
.visitedStep{ color: #ff7281}
.icoStep{
    display:inline-block;
    vertical-align:middle;
    width:29px;
    height:29px;
    line-height: 29px;
    background:url('../img/sprite_ico.png?11') no-repeat -80px -166px;
    text-align: center;
    color: #fff;
}
.activeStep .icoStep{ background-position: -7px -166px}
.visitedStep .icoStep{ background-position: -44px -166px}

/* drag & drop */
.dragDrop{
    background: url(../img/bg_dotted.gif);
    color: #adadad;
    min-height:69px;
    _height:69px
}
.icoDragDrop{
    display:inline-block;
    vertical-align:middle;
    width: 40px;
    height: 36px;
    background:url('../img/sprite_ico.png?11') no-repeat -6px -203px;
}

/* icone zoom photo */
.icoZoom{
    width:26px;
    height:20px;
    background:url('../img/sprite_ico.png?11') no-repeat -105px -265px;
}
.icoZoomPlus{
    width:10px;
    height:11px;
    background:url(../img/sprite_ico.png) no-repeat -56px -278px;
    position: absolute; bottom: 5px; right: 5px
}

/* tags */
.icoValid-4,.icoCancel-4{
    background:url(../img/sprite_ico.png) no-repeat -145px -271px;
    display:inline-block;
    vertical-align:middle;
    height:8px;
}
.icoValid-4{width:10px;}
.icoCancel-4{width:8px;background-position:-160px -271px}
.magicLink{
    display:inline-block;
    vertical-align:baseline;
    line-height:14px;
    padding:4px 8px;
    font-size:11px;
    font-weight:bold;
    color:#009D8E;
    border:1px solid #ccc;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    background:#fff;
    *overflow:visible; /* corrige un bug de taille */
    *vertical-align:middle;
    *zoom:1;
    *display:inline;
}

/*
- BOUTONS ----------------------------------------------------------------------
*/

/*/----> SMALL BUTTONS <----/*/
.buttonC,
.buttonS-G,
.buttonS-B,
.buttonS-T,
.ui-button,
.ui-state-default{
    display:inline-block;
    vertical-align:baseline;
    line-height:14px;
    padding:4px 8px;
    -webkit-box-shadow:0 1px 0px rgba(185,185,185,.8);
    -moz-box-shadow:0 1px 0px rgba(185,185,185,.8);
    box-shadow:0 1px 0px rgba(185,185,185,.8);
    background:url(../img/sprite_button.png) repeat-x;
    font-size:11px;
    font-weight:bold;
    text-transform:uppercase;
    *overflow:visible; /* corrige un bug de taille */
    *vertical-align:middle;
}
/* pour formulaire */
input.buttonC,
input.buttonS-G,
input.buttonS-B,
input.buttonS-T,
button.buttonS-G,
button.buttonS-B,
button.buttonS-T,
button.ui-button,
button.ui-state-default{
    height:24px;
}
/* bouton gris */
.buttonC,
.buttonS-G,
.ui-button,
.ui-state-default{
    color:#303030;
    border:1px solid #b9b9b9;
}
.buttonC:hover,
.buttonC:focus,
.buttonS-G:hover,
.buttonS-G:focus,
.ui-button:hover,
.ui-button:focus,
.ui-state-default:hover,
.ui-state-default:focus{
    text-decoration:none;
    background-position:0 -23px;
    cursor:pointer;
}
.buttonC:active,
.buttonS-G:active,
.ui-button:active,
.ui-state-default:active{
    background-position:0 -46px;
    outline:none;
}
.buttonS-G .tickG-B{
    vertical-align:middle;
}
/* bouton black */
.buttonS-B{
    color:#fff;
    border:1px solid #000;
    background-position:0 -69px;
}
.buttonS-B:hover,
.buttonS-B:focus{
    text-decoration:none;
    background-position:0 -92px;
    cursor:pointer;
}
.buttonS-B:active{
    background-position:0 -115px;
}
/* bouton rouge */
.buttonS-T{
    color:#fff;
    border:1px solid #06a394;
    background-position:0 -138px;
}
.buttonS-T:hover,
.buttonS-T:focus{
    text-decoration:none;
    background-position:0 -161px;
    cursor:pointer;
}
.buttonS-T:active{
    background-position:0 -184px;
}

/*/----> MEDIUM BUTTONS <----/*/
.buttonM-G,
.buttonM-B,
.buttonM-T{
    display:inline-block;
    vertical-align:baseline;
    line-height:18px;
    padding:6px 10px;
    -webkit-box-shadow:0 1px 0px rgba(185,185,185,.8);
    -moz-box-shadow:0 1px 0px rgba(185,185,185,.8);
    box-shadow:0 1px 0px rgba(185,185,185,.8);
    background:url(../img/sprite_button.png) repeat-x 0 -207px;
    font-size:16px;
    font-weight:bold;
    text-transform:uppercase;
    *overflow:visible; /* corrige un bug de taille */
    *vertical-align:middle;
}
/* pour formulaire */
input.buttonM-G,
input.buttonM-B,
input.buttonM-T,
button.buttonM-G,
button.buttonM-B,
button.buttonM-T{
    height:33px;
}
/* bouton gris */
.buttonM-G{
    color:#303030;
    border:1px solid #b9b9b9;
}
.buttonM-G:hover,
.buttonM-G:focus{
    text-decoration:none;
    background-position:0 -239px;
    cursor:pointer;
}
.buttonM-G:active{
    background-position:0 -271px;
    outline:none;
}
/* bouton bleu */
.buttonM-B{
    color:#fff;
    border:1px solid #000;
    background-position:0 -303px;
}
.buttonM-B:hover,
.buttonM-B:focus{
    text-decoration:none;
    background-position:0 -335px;
    cursor:pointer;
}
.buttonM-B:active{
    background-position:0 -367px;
}
/* bouton rouge */
.buttonM-T{
    color:#fff;
    border:1px solid #06a394;
    background-position:0 -399px;
}
.buttonM-T:hover,
.buttonM-T:focus{
    text-decoration:none;
    background-position:0 -431px;
    cursor:pointer;
}
.buttonM-T:active{
    background-position:0 -463px;
}

/*/----> BOUTON SELECTIONNE <----/*/
.buttonSel,
.buttonSel:hover,
.buttonSel:active{
    color:#929292;
    opacity:.8;
    -ms-filter:"alpha(opacity=80)"; /* IE 8 */
    filter:alpha(opacity=80); /* IE < 8 */
    background-position:0 -271px;
    border: 1px solid #B9B9B9;
}
/* extension du bouton (fleche dropdown) */
.buttonPlus{
    position:relative;
    left:-1px;
}

/* bouton facebook */
.buttonFb{
    border: 1px solid #314f8c;
    display:inline-block;
    vertical-align:baseline;
    height: 22px;
    line-height: 22px;
    -webkit-box-shadow:0 1px 0px rgba(185,185,185,.8);
    -moz-box-shadow:0 1px 0px rgba(185,185,185,.8);
    box-shadow:0 1px 0px rgba(185,185,185,.8);
    background:url(../img/sprite_button.png) repeat-x 0 -638px;
    padding: 0 10px 0 33px;
    font-size:12px;
    font-weight:bold;
    color: #fff;
    text-transform:uppercase;
    *overflow:visible; /* corrige un bug de taille */
    *vertical-align:middle;
    position:relative;
}
.buttonFb:hover{ text-decoration: none;}
.icoBtnFb{
    width: 23px;
    height: 21px;
    position: absolute;
    top:1px;
    left:0;
    background:url('../img/sprite_ico.png?11') no-repeat -58px -209px;
}

/* style de bouton facebook */
.fb{
    border: 1px solid #cdd6d5;
    border-radius: 3px 3px 3px 3px;
    color: #11a197;
    display: block;
    font-size: 11px;
    height: 18px;
    line-height: 18px;
    padding: 0 4px;
    white-space: nowrap;
    background: #fffcfc; /* Old browsers */
    background: -moz-linear-gradient(top, #fffcfc 50%, #eef6f9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#fffcfc), color-stop(100%,#eef6f9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fffcfc 50%,#eef6f9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fffcfc 50%,#eef6f9 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #fffcfc 50%,#eef6f9 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffcfc', endColorstr='#eef6f9',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #fffcfc 50%,#eef6f9 100%); /* W3C */
}
.fb:hover{ text-decoration: none;}
    .icoBulle {
        background: url('../img/sprite_ico.png?11') no-repeat scroll -87px -212px transparent;
        height: 16px;
        width: 13px;
    }
/* version grise */
.fbG{
    background: #fdfdfd; /* Old browsers */
    background: -moz-linear-gradient(top, #fdfdfd 0%, #f4f4f4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fdfdfd 0%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fdfdfd 0%,#f4f4f4 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #fdfdfd 0%,#f4f4f4 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FDFDFD', endColorstr='#F4F4F4',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #fdfdfd 0%,#f4f4f4 100%); /* W3C */
    border: 1px solid #CCC;
    border-radius: 3px 3px 3px 3px;
    color: #333;
    display: block;
    font-size: 11px;
    height: 18px;
    line-height: 18px;
    padding: 0 4px;
    white-space: nowrap;
}
/* version verte */
.fbT{
    background: #21bbac; /* Old browsers */
    background: -moz-linear-gradient(top, #21bbac 0%, #04a192 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#21bbac), color-stop(100%,#04a192)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #21bbac 0%,#04a192 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #21bbac 0%,#04a192 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #21bbac 0%,#04a192 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#21BBAC', endColorstr='#04A192',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #21bbac 0%,#04a192 100%); /* W3C */
    border: 1px solid #04a192;
    border-radius: 3px 3px 3px 3px;
    color: #fff;
    display: block;
    font-size: 11px;
    height: 18px;
    line-height: 18px;
    padding: 0 4px;
    white-space: nowrap;
}
    .fbT .icoPlusB3{
        display:inline-block;
        vertical-align:baseline;
        width:8px;
        height:8px;
        background:url('../img/sprite_ico.png?11') no-repeat -89px -234px;
        _overflow:hidden; /* corrige un bug IE6 qui affiche une hauteur min de 10px */
        *vertical-align:middle;
    }

/*/----> FULL LARGER BUTTONS <----/*/
.buttonFull{ text-align:center; display:block; }

/*
- BOUTON DE VOTE ---------------------------------------------------------------
*/

.vote{
    display:inline-block;
    vertical-align:middle;
}
.vote .result{ background:none }
.vote .middle{ margin:0 -1px }

/*
- MOTEUR DE RECHERCHE ----------------------------------------------------------
.searchMod            = version standard
.searchMod.searchModS = small version
*/

.searchMod{
    position:relative;
    height:33px;
    -moz-border-radius:3px;
    border-radius:3px;
    display:inline-block;
    vertical-align:middle;
    *zoom:1;
    *display:inline;
}
    .searchMod legend{
        display:none;
    }
    .searchMod .search{
        border:none;
        float:left;
        width:300px;
        /*height:19px;*/
        padding:6px 37px 6px 6px;
        color:#838383;
        font-size:14px;
        line-height:19px;
        border:1px solid #B9B9B9;
        background:#fff url(../../common/img/bg_input.png) repeat-x 0 -15px;
        -moz-border-radius:3px;
        border-radius:3px;
    }
    .searchMod .submit{
        position:absolute;
        right:0;
        width:36px;
        height:33px;
        text-indent:-9999em;
        cursor:pointer;
        border:none;
        background:url(../img/sprite_ico.png?2) no-repeat 0 0;
        *padding-left:9999em; /* corrige le bug de text-indent non pris en charge sur IE */
    }

/*
- SYSTEME ETOILES --------------------------------------------------------------
- surcharge du ressource common
*/

.stars{ background:url('../img/sprite_ico.png?11') 0 -46px }
.currentNote{ background:url('../img/sprite_ico.png?11') 0 -61px }
.stars a{cursor:default/*correction dans l'attente possibilite de noter*/}
.oneStar:hover,
.twoStar:hover,
.threeStar:hover,
.fourStar:hover,
.fiveStar:hover{
    /*background:url('../img/sprite_ico.png?11') 0 -61px;*/
    background:none;/*correction dans l'attente possibilite de noter*/
}

.stars.yellow{ background:url('../img/sprite_ico.png?11') -2px -262px;}
.yellow .currentNote{ background:url('../img/sprite_ico.png?11') -2px -248px }
.yellow .oneStar:hover,
.yellow .twoStar:hover,
.yellow .threeStar:hover,
.yellow .fourStar:hover,
.yellow .fiveStar:hover{
    background:url('../img/sprite_ico.png?11') -2px -248px;
}

/*surcharge petites etoiles jaunes pour classement hotels*/
.stars.yellowS,
.yellowS .currentNote{
    background:url('../img/sprite_ico.png?11') -191px -357px;
    height:9px
}

.stars.yellowS a    {height:9px}
.yellowS .oneStar   {width:10px}
.yellowS .twoStar   {width:20px}
.yellowS .threeStar {width:30px}
.yellowS .fourStar  {width:40px}
.yellowS .fiveStar  {width:50px}


/*
- SOCIAL BOX -------------------------------------------------------------------
*/

.socialBox{
    text-align:center;
    border:1px solid #dfe5e6;
    background:#f6f9fd;
}
.socialBox a{ margin:5px 6px }

/*
- ARRONDIS -------------------------------------------------------------------
*/

.radius5{-moz-border-radius: 5px;border-radius: 5px}
.radiusTL5{-moz-border-radius-topleft: 5px;border-top-left-radius: 5px;}
.radiusTR5{-moz-border-radius-topright: 5px;border-top-right-radius: 5px;}
.radiusBL5{ -moz-border-radius-bottomleft: 5px;border-bottom-left-radius: 5px;}
.radiusBR5{-moz-border-radius-bottomleft: 5px;border-bottom-left-radius: 5px;}
.radius10{-moz-border-radius: 10px;border-radius: 10px}

/*
- UPLOAD DES IMAGES -------------------------------------------------------------------
*/

.upProg{
    position: relative;
    padding-right: 20px;
}
.upProg .icoClose{ position: absolute; top:0; right:0 }

    .inProgBar{
        margin-left: 10px;
        background-color: #d2d4d6;
        border:1px solid #adadad;
        width: 160px;
        height: 8px;
        line-height: 8px;
        display: inline-block;
        *display:inline;
        *zoom:1;
        vertical-align:middle;
        overflow:hidden;
        -moz-border-radius: 4px;
        border-radius:4px;
    }
     .dwnldProgress{
        background: url(../img/bg_dwnldProgress.png) repeat-x;
        height: 10px;
        *height:auto;
        display: inline-block;
        *display:inline;
        *zoom:1;
     }

/*
- MODALE DE MODIFICATION D'IMAGE -----------------------------------------------
*/

.editImage{
    position:absolute;
    left:50%;
    top:40%;
    width:250px;
    z-index:10;
}
    .editImage .hd{
        position:relative;
        background:#000;
        padding:10px 60px 10px 10px;
        color:#a8a8a8;
    }
        /* icones */
        .editImage .icoMove,
        .editImage .icoMini{
            position:absolute;
            top:50%;
            margin-top:-9px;
            display:inline-block;
            width:18px;
            height:18px;
        }
        .editImage .icoMove{
            right:33px;
            background:#313131 url(../img/sprite_ico.png?2) -66px -142px;
        }
        .editImage .icoMove:hover{ cursor:move }
        .editImage .icoMini{
            right:10px;
            background:#313131 url(../img/sprite_ico.png?2) -84px -142px;
        }
    .editImage .bd{
        background:#313131;
        background:hsla(0,0%,0%,.8);
        padding:0 10px 5px;
        color:#fff;
        overflow:hidden;
    }
    .editImage .bd li{
        position:relative;
        padding-left:40px;
        zoom:1;
    }
        /* icones */
        .editImage .icoCrop,
        .editImage .icoRotate,
        .editImage .icoRedim,
        .editImage .icoLum{
            position:absolute;
            top:5px;
            left:0;
            display:inline-block;
            width:30px;
            height:30px;
            -moz-border-radius: 5px;
            border-radius: 5px;
        }
        .editImage .icoCrop{    background:#1f1f1f url(../img/sprite_ico.png?2) -128px -237px }
        .editImage .icoRotate{  background:#1f1f1f url(../img/sprite_ico.png?2) -156px -237px }
        .editImage .icoRedim{   background:#1f1f1f url(../img/sprite_ico.png?2) -183px -236px }
        .editImage .icoLum{     background:#1f1f1f url(../img/sprite_ico.png?2) -209px -237px }


/*
- CSS developpeurs
*/
div.contentTab div.tab {display:none;}
div.contentTab div.selected {display:block;}
div.editpix canvas.waiting{
    opacity:0.3;
}

.ui-effects-transfer { border: 1px solid #009D8E;}

div.traitement{ opacity:0.3 }
div.contenteditable{ max-height:auto }

p.publicite-wc {
    background: url("../img/wc.png") no-repeat scroll right top transparent;
    cursor: pointer;
    height: 30px;
    margin-top: 4px;
    padding: 20px 0 0 0;
    width: 85px;
}

#wide_ads_unit, #narrow_ads_unit {
	background:none repeat scroll 0 0 #F5F6FC;padding:0 10px 15px 10px;
}
#wide_ads_unit div.section div.article h2 a, #narrow_ads_unit div.section div.article h2 a {
	 color: #009D8E!important;
	 display: inline;
	 font-weight: normal;
	 font-size: 18px;
	 text-decoration: none!important;
}
#wide_ads_unit div.section div.article p, #narrow_ads_unit div.section div.article p {
	font-size: 85%;
}

/** hack modal */

.modale{
    padding:15px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    position:absolute;
    width:500px;
    left:50%;
    margin-left:-250px;
    top:15%;
    background:url(../img/bg_modaleForum.png?201007082200) repeat;
    z-index:200;
}
/*
.modale.keywords{
    top:0;
}
*/
.modale legend{
    font-weight:bold;
}
.modale .cancel{
    position:absolute;
    right:20px;
    top:17px;
    color:#000;
    font-weight:bold;
}
.modale form{
    position:relative;
    padding:15px;
    background:#f8f8f8;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
}
.modale input[type=text]{
    width:286px;
}
.modale input[type=file]{
    height:auto;
}
.modale .nom input,
.modale .email input,
.modale .titre input{
    width:210px;
}
.modale .cat select{
    width:222px;
}
.modale .message textarea{
    width:452px;
    height:150px;
}
.modale .formForum label{
    width:120px;
    float:left;
    text-align:right;
    margin-right:5px;
}

.modale form div{
    margin-bottom:10px;
}
.modale form div.submit{
    text-align:center;
}
.modale .formForum ul{
    background:white;
    text-align:left;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    padding:4px 4px 3px 4px;
    height:120px;
    overflow:auto;
}
.modale .formForum .close{
    float:left;
    margin-right:3px;
    width:11px;
    height:12px;
    padding:0;
    background:url(http://static.commentcamarche.net/www.commentcamarche.net/_skin/_common/img/legacy/sprite_picto.png) no-repeat 0 -450px
}
.modale.keywords .formForum .close:hover{
    background:url(http://static.commentcamarche.net/www.commentcamarche.net/_skin/_common/img/legacy/sprite_picto.png) no-repeat -11px -450px
}
.modale.keywords .formForum input.submit{
    width:100px;
    margin-top:5px;
    padding:0 10px 3px;
    height:25px;
    border:1px solid #0a0809;
    color:#fff;
    font-size:20px;
    font-weight:bold;
    margin-left:10px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    background:#0a0809 url(http://static.commentcamarche.net/www.commentcamarche.net/_skin/_common/img/bg_buttonA.png)
}
.modale.keywords .formForum input.submit:hover{
    background:#0a0809 url(http://static.commentcamarche.net/www.commentcamarche.net/_skin/_common/img/bg_buttonA.png) no-repeat -200px 0
}


#stats {border:1px solid;}
#stats th {font-weight:bold; padding:5px; margin:3px;background-color:#000; color:#fff;}
#stats td {padding:5px; margin:3px;}

/* tableau de r�servation */
.resaTable { font-size: 11px;}
    /*entete*/
    .resaTable th{
        font-weight: bold;
        font-size: 12px;
        padding: 8px;
        border: 1px solid #dfe5e6;
    }
    /* colonnes */
    .resaTable td{
        border: 1px solid #dfe5e6;
        border-width: 0 0 0 1px;;
        padding: 8px;
        vertical-align: top;
    }
    /* 1ere colonne */
    .resaTable td:first-child{ border-left:0}

    .resaTable select{
        width: 100%;
        -moz-border-radius: 2px;
        border-radius: 2px;
        padding: 2px;
        border: 1px solid #ccc;
    }

    .resaTable .msgNotif{
        font-size: 90%;
        margin-top: 5px;
        line-height: normal
    }
    .resaTable a img{ display: block}


/*
 * Bloc Actualites
*/
.actuLast{position:relative;width:300px;}
.actuLast .itemBt{
    position:absolute;bottom:0;
    background:#000;
    background:rgba(0,0,0,.7);
    font-size: 12px;
    overflow: hidden;
    padding:10px;
    *width:280px;
}
.actuLast .itemBt h2{
    font-size:12px;
}
.actuLast .itemBt a{
    color:#fff;
    text-decoration:none
}
.actuArrow{margin-top:-3px}
.actuLast .actuArrow{margin-top:-1px;}

/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 *
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 *
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('http://photos.linternaute.com/skin/common/js/fancybox/fancybox.png');
}

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}

#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: transparent url('http://photos.linternaute.com/skin/common/js/fancybox/fancybox.png') -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url('http://photos.linternaute.com/skin/common/js/fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('http://photos.linternaute.com/skin/common/js/fancybox/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('http://photos.linternaute.com/skin/common/js/fancybox/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('http://photos.linternaute.com/skin/common/js/fancybox/fancybox-x.png');
}

#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('http://photos.linternaute.com/skin/common/js/fancybox/fancybox.png');
	background-position: -40px -162px;
}

#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('http://photos.linternaute.com/skin/common/js/fancybox/fancybox-y.png');
	background-position: -20px 0px;
}

#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('http://photos.linternaute.com/skin/common/js/fancybox/fancybox.png');
	background-position: -40px -182px;
}

#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('http://photos.linternaute.com/skin/common/js/fancybox/fancybox-x.png');
	background-position: 0px -20px;
}

#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('http://photos.linternaute.com/skin/common/js/fancybox/fancybox.png');
	background-position: -40px -142px;
}

#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('http://photos.linternaute.com/skin/common/js/fancybox/fancybox-y.png');
}

#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('http://photos.linternaute.com/skin/common/js/fancybox/fancybox.png');
	background-position: -40px -122px;
}

#fancybox-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}

.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('http://photos.linternaute.com/skin/common/js/fancybox/fancy_title_over.png');
	display: block;
}

.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url('http://photos.linternaute.com/skin/common/js/fancybox/fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url('http://photos.linternaute.com/skin/common/js/fancybox/fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url('http://photos.linternaute.com/skin/common/js/fancybox/fancybox.png') -55px -90px no-repeat;
}

/* IE6 */

.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://photos.linternaute.com/skin/common/js/fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://photos.linternaute.com/skin/common/js/fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://photos.linternaute.com/skin/common/js/fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://photos.linternaute.com/skin/common/js/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://photos.linternaute.com/skin/common/js/fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://photos.linternaute.com/skin/common/js/fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://photos.linternaute.com/skin/common/js/fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
	height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6 {
	position: absolute; margin-top: 0;
	top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://photos.linternaute.com/skin/common/js/fancybox/fancy_loading.png', sizingMethod='scale'); }

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg { background: transparent !important; }

.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://photos.linternaute.com/skin/common/js/fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://photos.linternaute.com/skin/common/js/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://photos.linternaute.com/skin/common/js/fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://photos.linternaute.com/skin/common/js/fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://photos.linternaute.com/skin/common/js/fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://photos.linternaute.com/skin/common/js/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://photos.linternaute.com/skin/common/js/fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://photos.linternaute.com/skin/common/js/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }

/*
- CHRONIQUES (TRIBUNES) --------------------------------------------------------
*/

.module_standard.tribunes{
    position: relative;
    overflow:hidden;
    padding:15px;
    margin-bottom: 15px;
    border: 1px solid #D8D8D8
}
.module_standard.tribunes .bloc_corps{margin-bottom:15px}
.module_standard.tribunes .bloc_corps img{margin-bottom:10px}
.module_standard.tribunes .bloc_detail{margin-bottom:10px;overflow:hidden}
.module_standard.tribunes .spacer{clear:both}
.module_standard.tribunes a{color: #303030;}
.module_standard.tribunes h2{
    font-size: 16px;line-height:100%;text-transform: lowercase;text-transform: capitalize;
    margin-bottom: 15px
}
.module_standard.tribunes h4{color: #303030}
.module_standard.tribunes h6{font-weight:normal}
.module_standard.tribunes h2 a{color: #C00418}
.module_standard.tribunes h4 a,
.module_standard.tribunes h6 a,
.module_standard.tribunes a.action{color: #009D8E}
.module_standard.tribunes h4 a,
.module_standard.tribunes h6 a,
.module_standard.tribunes a.action{text-decoration: underline}
.module_standard.tribunes h4 a:hover,
.module_standard.tribunes h6 a:hover,
.module_standard.tribunes a.action:hover{text-decoration: none}
.module_standard.tribunes h3{font-size: 12px;font-weight: bold}
.module_standard.tribunes h4{font-size:12px;font-weight:normal}
.module_standard.tribunes h4 a{text-decoration: underline}
.module_standard.tribunes h6{font-size:12px;text-align:right}
.module_standard.tribunes p.important{font-size:12px;margin-top:2px}
.module_standard.tribunes strong{font-weight:normal}



.chaineLoisirs .inlineForm .submit{
    color: #fff;
    font-family: 'Oswald', serif;
    font-size: 22px;
    border: none;
    background: url("http://www.linternaute.com/skin/common/img/sprite_ico.png?2012112091531") no-repeat -150px 0;
    cursor: pointer;
    height: 44px;
    position: absolute;
    right: -2px;
    top: -1px;
    width: 43px;
    z-index: 100;
}


.chaineLoisirs .inlineForm  .submit { background-position: -150px -225px }
.chaineLoisirs .inlineForm .submit:hover{ background-position: -193px -225px }
.chaineLoisirs .inlineForm .submit:active{ background-position: -236px -225px }




/* --------------------------------------------------------- */
/*                  NEWSLETTER COL DROITE                    */
/* --------------------------------------------------------- */

.linter_box_1.linter_box--newsletter .grid_row {
    display: table;
    width: 100%; }
.linter_box_1.linter_box--newsletter .grid_row.fixed, .linter_box_1.linter_box--newsletter .grid_row.grid-row--fixed {
    table-layout: fixed; }

.linter_box_1.linter_box--newsletter .grid_col.grid_col--middle {
    vertical-align: middle; }

/* row */
.linter_box_1.linter_box--newsletter .grid_col {
    display: table-cell;
    vertical-align: top; }

.linter_box_1.linter_box--newsletter .ccmcss_align_r {
    text-align: right; }

.linter_box_1.linter_box--newsletter{ line-height: 1.3; }

.linter_box_1.linter_box--newsletter .ccmcss_form{ margin: 10px 0; }

.linter_box_1.linter_box--newsletter .grid_line .grid_left,
.linter_box_1.linter_box--newsletter .grid_line .grid_right,
.linter_box_1.linter_box--newsletter .grid_line .grid_last{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.linter_box_1.linter_box--newsletter .grid_line .grid_left{ float: left }

.linter_box_1.linter_box--newsletter .grid_line .grid_left label{ display: block; margin-bottom: 5px; font-size: 16px }
.linter_box_1.linter_box--newsletter .grid_line .grid_left input[type=checkbox]{ margin: 0; padding: 0;  }

.linter_box_1.linter_box--newsletter .grid_line:after{
    content: "";
    display: table;
    clear: both; }

/* derniere cellule fluide de la ligne*/
.linter_box_1.linter_box--newsletter .grid_last {
    font-size: 16px;
    text-align: right;
    display: table-cell;
    font-family: Oswald, sans-serif;
    float: none;
    width: auto; }

/* cellule fluide qui prend le reste de la place disponible */
.linter_box_1.linter_box--newsletter .grid_last:after {
    content: "x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x";
    display: block;
    height: 0;
    overflow: hidden;
    font-size: 100px; }

.linter_box_1.linter_box--newsletter .ccmcss_align_r {
    text-align: right; }

.linter_box_1.linter_box--newsletter {
    margin-bottom: 20px;
    padding: 1.07143em;
    font-size: 14px;
    font-size: 0.875rem;
    border: 1px solid #d6d6d6;
    background: #ffffff;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMGYwZjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ffffff 0%, #f0f0f0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f0f0f0));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f0f0f0 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#f0f0f0 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#f0f0f0 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#f0f0f0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 ); }
.linter_box_1.linter_box--newsletter .linter_title_1 {
    margin-top: 0;
    margin-bottom: 0.27778em;
    color: #1f6190;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.5;
    text-transform: uppercase;
    font-weight: normal;
    font-family: Oswald, sans-serif }
.linter_box_1.linter_box--newsletter .linter_title_1 a {
    color: #1f6190;
    text-decoration: none; }
.linter_box_1.linter_box--newsletter .a_hover {
    text-decoration: underline;
    cursor: pointer; }

.linter_box_1.linter_box--newsletter .app_form_lite fieldset {
    margin: 0;
    padding: 0;
    border: none;
    position: relative; }

.linter_box_1.linter_box--newsletter .app_form_lite fieldset legend {
    display: none; }

.linter_box_1.linter_box--newsletter .app_form_lite fieldset input[type="email"],
.linter_box_1.linter_box--newsletter .app_form_lite fieldset input[type="text"] {
    font-family: Georgia, Cambria, "Times New Roman", Times, serif;
    padding: 7px 40px 7px 10px;
    width: 100%;
    height: 35px;
    font-size: 1em;
    border: 1px solid #c6c6c6;
    border-radius: 4px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }

.linter_box_1.linter_box--newsletter .app_form_lite fieldset input[type="email"]:focus,
.linter_box_1.linter_box--newsletter .app_form_lite fieldset input[type="text"]:focus {
    color: #333333;
    border-color: #56b4ef;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 0 8px rgba(86, 180, 239, 0.6);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 0 8px rgba(86, 180, 239, 0.6); }

.linter_box_1.linter_box--newsletter .app_form_lite fieldset input[type="submit"] {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 8px;
    height: 33px;
    font-size: 1em;
    border: 1px solid #c76397;
    overflow: hidden;
    color: #fff;
    text-transform: uppercase;
    border-radius: 0px 5px 5px 0px;
    -webkit-box-shadow: 1px 1px 0px 1px #750e45;
    box-shadow: 1px 1px 0px 1px #750e45;
    background: #d580af;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q1ODBhZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iI2M3NjM5NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhNDE4NjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #d580af 0%, #c76397 10%, #a41863 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d580af), color-stop(10%, #c76397), color-stop(100%, #a41863));
    background: -webkit-linear-gradient(top, #d580af 0%, #c76397 10%, #a41863 100%);
    background: -o-linear-gradient(top, #d580af 0%, #c76397 10%, #a41863 100%);
    background: -ms-linear-gradient(top, #d580af 0%, #c76397 10%, #a41863 100%);
    background: linear-gradient(to bottom, #d580af 0%, #c76397 10%, #a41863 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d580af', endColorstr='#a41863',GradientType=0 ); }

.linter_box_1.linter_box--newsletter .app_form_lite fieldset input[type="submit"]:focus,
.linter_box_1.linter_box--newsletter .app_form_lite fieldset input[type="submit"]:active {
    -webkit-box-shadow: 0px 0px 0px 1px #750e45;
    box-shadow: 0px 0px 0px 1px #750e45;
    top: 1px; }

.lt-ie9 .linter_box_1.linter_box--newsletter .app_form_lite fieldset input[type="submit"]{
    padding: 0 5px;
    height: 35px;
    border: 1px solid #c6cbcc;
}
.ie8 .linter_box_1.linter_box--newsletter .app_form_lite fieldset input[type="submit"]{
    padding: 0 10px;
}




.linter_box_1.linter_box--newsletter .linter_title_1,
.linter_box_1.linter_box--newsletter .linter_title_1 a,
.linter_box_1.linter_box--newsletter .a_hover{color:#009d8e;}
.linter_box_1.linter_box--newsletter .app_form_lite fieldset input[type="submit"]{
    background: #009788;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOTc4OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDcyNjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #009788 0%, #007267 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009788), color-stop(100%, #007267));
    background: -webkit-linear-gradient(top, #009788 0%, #007267 100%);
    background: -o-linear-gradient(top, #009788 0%, #007267 100%);
    background: -ms-linear-gradient(top, #009788 0%, #007267 100%);
    background: linear-gradient(to bottom, #009788 0%, #007267 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009788', endColorstr='#007267',GradientType=0 );

    border-color: #00ead3;
    -webkit-box-shadow: 1px 1px 0px 1px #005149;
    box-shadow: 1px 1px 0px 1px #005149;

    font-family: Oswald, sans-serif;
    font-size: 16px;
}