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

[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;}
/*------------------------------------------------------------------------------

[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?10') 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?10') 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?10') 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?10') 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?10') 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%;}
.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?10') no-repeat 0 -33px;
}

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

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

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

/* icone plus header */
.icoMoreHead{
    width:24px;
    height:25px;
    background:url('../img/sprite_ico.png?10') 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?10') 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?10') 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?10') 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?10') 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?10') 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?10') no-repeat -61px -36px;
}

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

.icoPlusB2{    
    display:inline-block;
    vertical-align:baseline;
    width:9px;
    height:8px;
    background:url('../img/sprite_ico.png?10') 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?10') 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?10') no-repeat -75px -34px;
}
.icoDvd{
    display:inline-block;
    vertical-align:middle;
    width:44px;
    height:19px;
    background:url('../img/sprite_ico.png?10') 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?10') no-repeat -68px -83px;
}
.icoFlag{
    display:inline-block;
    vertical-align:middle;
    width:47px;
    height:46px;
    background:url('../img/sprite_ico.png?10') no-repeat -132px -161px;
}
.icoComent{
    display:inline-block;
    vertical-align:middle;
    width:55px;
    height:47px;
    background:url('../img/sprite_ico.png?10') no-repeat -180px -161px;
}
.icoPrint{
    display:inline-block;
    background: url('../img/sprite_ico.png?10') no-repeat scroll -109px -208px;
    height: 22px;
    line-height: 22px;
    width: 16px;
}
.icoPostalCard{
    display:inline-block;
    background: url('../img/sprite_ico.png?10') 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?10') 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?10') 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?10') no-repeat -6px -203px;
}

/* icone zoom photo */
.icoZoom{
    width:26px;
    height:20px;
    background:url('../img/sprite_ico.png?10') 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?10') 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?10') 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?10') 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?10') 0 -46px }
.currentNote{ background:url('../img/sprite_ico.png?10') 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?10') 0 -61px;*/
    background:none;/*correction dans l'attente possibilite de noter*/
}

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

/*surcharge petites etoiles jaunes pour classement hotels*/
.stars.yellowS,
.yellowS .currentNote{
    background:url('../img/sprite_ico.png?10') -191px -357px;
    height:9px
}
.stars.yellowS{vertical-align:top}
.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}