/*
* LOGEOS-TDF - CSS
* @version 2.0
* @creation date 2009-12-23
* @update date 2009-12-30
* @copyright vaziva conseil - http://www.vaziva.com
*
* Description : common elements, location, voyages
*/

/* GLOBAL CLASSES - transverse
--------------------------------------------------------------------------------------- */
body{
background:#FFF;
font-family:Arial, Verdana;
margin:0;
}

.text-center{
text-align:center;
}

.error{
color:red;
}

.bg-color-main{

}

.color-main{

}

.fix-img-onglet{
float:left;
margin-right:3px;
height:23px;
}

.sectionTitle {
display: block;
list-style-type: square;
color: #D63839;
font-size: 12px;
font-weight: bold;
}

/* GLOBAL IDENTIFIANTS - transverse
--------------------------------------------------------------------------------------- */

/*centrage - centrageDuSite*/
#centrageDuSite{
position:relative;
width:940px;
height:auto;
background:#FFF;
margin:0 auto;
}

/*header - header-container*/
#centrageDuSite #header-container{
padding-left:10px;
padding-right:10px;
/*height:160px;*/
}

#centrageDuSite #header-container ul#header-list-legal{
float:right;
margin:2px;/*reset*/
padding:0;/*reset*/
height:20px;
list-style:none;
font-size:9px;
}

#centrageDuSite #header-container ul#header-list-legal li{
float:left;
padding-top:3px;
width:78px;
margin:0;
border-right:1px solid #333;
display:inline;
}

#centrageDuSite #header-container ul#header-list-legal li a{
padding-left:10px;
color:#333;
}

#centrageDuSite #header-container ul#header-list-legal li.list-no-border{
border:none;
}

#centrageDuSite #header-container a#logotype{
clear:left;
position:relative;
display:block;
float:left;
height:87px;
margin:0;
width:100px;
margin-left:12px;
margin-top:-5px;
//margin-top:17px;/*hack full IE*/
}

* html #centrageDuSite #header-container a#logotype{/*hack IE6 - margin*/
margin-left:5px
}

#centrageDuSite #header-container a#logotype img{
border:none;
}

table#article-affiche-container tr td{
color:#333;
font-weight:normal;
}

table#article-affiche-container tr td a{
font-weight:bold;
}

/*authentification - header-auth-box-container*/
div#header-auth-box-container{
clear:right;
position:relative;
width:265px;
height:90px;
float:right;
}

p.header-auth-box-nominative{
color:#CA0233;
font-size:12px;
font-weight:bold;
height:55px;
}

div#header-auth-box-container form fieldset{
padding:0;
margin:0;
border:none;
}

div#header-auth-box-container form fieldset legend{
display:none;
}

div#header-auth-box-container form fieldset a{
float:right;
color:#CA0233;
text-decoration:underline;
}

div#header-auth-box-container form fieldset a:hover{
color:#CA0233;
}

div#header-auth-box-container form fieldset p{
margin:0;
margin-top:3px;
display:inline;
}

div#header-auth-box-container form fieldset p#authentification-form-id-lost{
float:left;
margin:10px 0 0 10px;
}

div#header-auth-box-container form fieldset p label{
color:#333300;
font-size:10px;
font-weight:bold;
}

div#header-auth-box-container form fieldset input{
border:1px solid #909090;
width:250px;
margin-bottom: 5px;
color:#333333;
font-size:12px;
padding-left:2px;
}

div#header-auth-box-container form fieldset input#authentification-form-submit{
float:right;
margin-top:10px;
padding-left:0;
width:105px;
height:17px;
border:none;
cursor:pointer;
color:#d63542;
background:#FFF;
border-left:4px solid #d63542;
border-right:4px solid #d63542;
text-transform:uppercase;
font-weight:bold;
font-size:10px;
padding-bottom:5px !important;
padding-bottom:0 !important!;
}

div#header-auth-box-container form fieldset input#authentification-form-submit:hover{
background:#c8de58;
}

/*menu top level - header-menu-top-level*/
#header-container ul#header-menu-top-level{
position:relative;
clear:both;
/*margin:0 auto;*/
padding:0;/*reset*/
padding-left:10px;
padding-top:5px;
height:25px;
width:610px;
list-style:none;
}

#header-container ul#header-menu-top-level li{
display:inline;
float:left;
width:100px;
padding-left:10px;
border-right:1px solid #000;
}

#header-container ul#header-menu-top-level li a{
color:#666;
font-size:14px;
font-weight:bold;
font-style:oblique;
}

#header-container ul#header-menu-top-level li.last{
border-right:none;
}

#header-container ul#header-menu-top-level li.last a{
color:#CA0233;
}

/* STRUCTURE - transverse
--------------------------------------------------------------------------------------- */
#structure-container-wrapper{
float:left;
position:relative;
width:930px;
background:#FFF;
padding:20px 0 10px 10px;
}

#structure-centre-container{
position:relative;
float:left;
width:629px;
overflow:hidden;
text-align:left;
}

#structure-centre-right-container{
position:relative;
float:right;
width:300px;
padding:0;
margin:0;
text-align:left; /*IE*/
}

#structure-centre-right-container h2.title-navigation{
background:url('../img/common/titre_rubrique.gif');
background-repeat:no-repeat;
margin:0;
margin-left:10px;
padding:0;
width:150px;
height:22px;
}

#structure-centre-right-container h2 span{
display:none;
}

#structure-centre-right-container ul#right-menu-navigation{
list-style-position:inside;
list-style:none;
padding:0;
margin:0 0 10px 10px;
}

#structure-centre-right-container ul#right-menu-navigation li{
padding:0;
margin:5px 0 0 0 ;
display:block;
height:16px;
//margin-left:-15px; /*hack Full IE*/
}

#structure-centre-right-container ul#right-menu-navigation li a{
background:transparent url('../img/common/fleche1.gif');
background-repeat:no-repeat;
display:block;
height:16px;
color:#d63542;
font-weight:bold;
padding-left:20px;
padding-top:0;
}

#structure-centre-right-container ul#right-menu-navigation li a small{
display:none;
}

#structure-centre-right-container ul#right-menu-navigation li a:hover,
#structure-centre-right-container ul#right-menu-navigation li a.active{
color:#009122;
text-decoration:none;
background:url('../img/common/fleche1-hover.gif');
background-repeat:no-repeat;
}

#structure-pub-container{
/*//clear:both;*/
/*float:right;*/
float:left;
top:10px;
height:auto;
position:relative;
width:290px;
}

#structure-pub-container a img{
margin-bottom:5px;
}

#structure-pub-container img{
margin-bottom:5px;
}

#structure-centre-right-bottom-container{
float:right;
padding-bottom:5px;
}

/* SEPARATOR - transverse
--------------------------------------------------------------------------------------- */
div.separator-container{
float:left;
position:relative;
width:600px;
height:1px;
background:transparent url('../img/common/bg-separator.gif');
background-repeat:repeat-x;
overflow:hidden;
}


/* AUTHENTIFICATION - transverse
--------------------------------------------------------------------------------------- */
#authentification-box-container{
position:relative;
float:right;
width:300px;
}

#authentification-box-container form{
position:relative;
float:left;
width:100%;
min-height:15px;
}

#authentification-box-container form p{
margin:0;
padding:0;
padding-top:5px;
float:left;
position:relative;
}

#authentification-box-container form strong{
color:#000000;
font-size:12px;
font-style:italic;
font-weight:bold;
padding-right:10px;
}

#authentification-box-container form span{

}

#authentification-box-container form input{
position:relative;
float:right;
}

/* SMARTY PLUGINS - transverse - in progress
--------------------------------------------------------------------------------------- */

.smarty-plug-title-separator-txt{
color:#880187;
font-variant:small-caps;
font-size:14px;
font-weight:900;
}
/*definition boite*/
.smarty-plug-title-separator{
float:left;
position:relative;
width:600px;
}

.smarty-plug-title-separator div.smarty-plug-title-separator-absolute{
position:absolute;
width:100%;
height:5px;
top:7px;
background:yellow;
}

/*definition background*/
.smarty-plug-title-separator-bg-color-1{
background:#E9661E;
}

.smarty-plug-title-separator-bg-color-r{
background:#F7CBB2;
}

/*definition left part*/
.smarty-plug-title-separator-left{
float:left;
width:550px;
height:20px;
background:blue;
overflow:hidden;
}

/*definition text part*/
.smarty-plug-title-separator-left span{
float:left;
font-size:12px;
color:#E9661E;
height:20px;
background:orange;
overflow:hidden;
}

.smarty-plug-title-separator-left div{
float:left;
margin-top:7px;
width:7px;
height:5px;
overflow:hidden;
}

/*definition right part*/
.smarty-plug-title-separator-right{
float:right;
position:relative;
width:50px;
height:13px;
padding-top:7px;

}

.smarty-plug-title-separator-right div{
float:left;
display:inline;
width:auto;
height:5px;
}

/* MODULE - LOCATION - transverse
--------------------------------------------------------------------------------------- */

/*location-utilisateur status declaration global*/
.location-utilisateur-etat-valise,
.location-utilisateur-etat-preinscrit,
.location-utilisateur-etat-attente,
.location-utilisateur-etat-valide,
.location-utilisateur-etat-annule,
.location-utilisateur-etat-refuse{
color:#000;
font-size:11px;
font-weight:bold;
text-align:center;
}

/*location utilisateur status per status*/
.location-utilisateur-etat-valise{background:#00E69B;}
.location-utilisateur-etat-preinscrit{background:#00E69B;}
.location-utilisateur-etat-attente{background:#00E69B;}
.location-utilisateur-etat-valide{background:#00E69B;}
.location-utilisateur-etat-annule{background:red;}
.location-utilisateur-etat-refuse{background:red;}

/*location status per status*/
.location-etat-cloture{background:red;}
.location-etat-annule{background:red;}

/*location container*/
.location-container{
/*float:left;*/
background:#F7CBB2;
width:600px;
height:105px;
margin-bottom:15px;
}

/*location container left img*/
.location-container-img{
float:left;
height:100%;
}

.location-container-img a img{
float:left;
width:150px;
height:101px;
margin-top:2px;
margin-left:2px;
border:none;
}

/*location container center content*/
.location-container-content{
float:left;
color:#333300;
width:330px;
height:100%;
padding:0 5px;
}

.location-container-content strong{
float:left;
width:100%;
font-size:11px;
background:#FFF;
margin-top:5px;
}

.location-container-content span{
font-size:11px;
color:#333300;
font-weight:bold;
}

/*location container right status*/
.location-container-detail{
float:right;
margin:2px;
font-size:11px;
width:90px;
background:#FFF;
color:#333300;
font-weight:bold;
border:1px solid #612782;
border-bottom:none;
}

.location-container-detail ul{
margin:0;
padding:0;
}

.location-container-detail ul li{
list-style:none;
padding-left:2px;
border-bottom:1px solid #782;
}

.location-container-detail ul li a{
text-align:center;
color:#2A5881;
width:100%;
margin-left:auto;
margin-right:auto;
}

/* MODULE - VOYAGES && COLONIES - transverse
--------------------------------------------------------------------------------------- */
.voyage-etat-annule,
.voyage-etat-valise,
.voyage-etat-preinscrit,
.voyage-etat-attente,
.voyage-etat-valide,
.voyage-etat-cloture,
.voyage-etat-actif,
.voyage-etat-refuse{
color:#FFF;
font-size:11px;
font-weight:bold;
text-align:center;
}

.voyage-etat-annule{background-color:#FF0000;}
.voyage-etat-valise{background-color:#33BFBD;}
.voyage-etat-preinscrit{background-color:#808000;}
.voyage-etat-attente{background-color:#FFA500;}
.voyage-etat-refuse{background-color:#FF0000;}
.voyage-etat-valide{background-color:#00E69B;}
.voyage-etat-cloture{background-color:#808000;}
.voyage-etat-actif{color:#4e4f4f;}


/*voyage && colonies container*/
.voyage-container,
.colonies-container{
background:#E5D8BF;
width:600px;
height:105px;
margin-bottom:15px;
}

.voyage-container{
background:#FFF;
}

/*voyage && colonies left img*/
.voyage-container-img,
.colonies-container-img{
float:left;
height:100%;
}

.voyage-container-img a img,
.colonies-container-img a img{
float:left;
width:150px;
height:101px;
margin-top:2px;
margin-left:2px;
border:none;
}

/*location container center content*/
.voyage-container-content,
.colonies-container-content{
float:left;
color:#333300;
width:330px;
height:100%;
padding:0 5px;
}

div.voyage-container-content strong,
div.voyage-container-content span{
color:#d63542;
}

.voyage-container-content strong,
.colonies-container-content strong{
float:left;
width:100%;
font-size:11px;
background:#FFF;
margin-top:5px;
}

.voyage-container-content span,
.colonies-container-content span{
font-size:11px;
color:#333300;
font-weight:bold;
}


/*voyages && colonies container right status*/
div.voyage-container-detail ul li{
color:#D63542;
}

div.voyage-container-detail{
border:none;
}

.voyage-container-detail,
.colonies-container-detail{
float:right;
margin:2px;
font-size:11px;
width:90px;
background:#FFF;
color:#333300;
font-weight:bold;
border:1px solid #CCCCCC;
border-bottom:none;
}

.voyage-container-detail ul,
.colonies-container-detail ul{
margin:0;
padding:0;
}

div.voyage-container-detail ul li{
border-bottom:1px solid #D63542;
}

.voyage-container-detail ul li,
.colonies-container-detail ul li{
list-style:none;
padding-left:2px;
border-bottom:1px solid #CCCCCC;
}


.voyage-container-detail ul li a,
.colonies-container-detail ul li a{
text-align:center;
color:#2A5881;
width:100%;
margin-left:auto;
margin-right:auto;
}


div.voyage-container-detail ul li.bg-detail{
background:none;
border:none;
padding:0;
}

div.voyage-container-detail ul li.bg-detail a{
display:block;
font-weight:bold;
text-align:center;
color:#D63542;
height:15px;
width:80px;
background:#FFF;
border-left:5px solid #D63542;
border-right:5px solid #D63542;
}

div.voyage-container-detail ul li.bg-detail a:hover{
background:#C8DE58;
text-decoration:none;
}

table.voyages-table-tarifs tr td{
border:1px solid #CCCCCC;
}

.voyages-container-tarifs-options{
border:2px solid #CCCCCC;
margin-bottom:10px;
margin-top:10px;
}

.voyages-container-tarifs-options fieldset{
border:1px solid #CCCCCC;
margin:0 5px 10px 5px;
/*margin-bottom:10px;*/
}

.voyages-container-tarifs-options fieldset legend{
font-weight:bold;
font-size:12px;
text-transform:uppercase;
color:#CCCCCC;
}

/*Voyages recherche onglet*/
div#voyages-recherche-onglet ul{
margin:0;
padding:0;
}

div#voyages-recherche-onglet ul li{
float:left;
font-size:12px;
font-weight:bold;
text-align:center;
display:inline;
margin-right:2px;
}

div#voyages-recherche-onglet ul li a{
display:block;
color:#FFF;
font-weight:bold;
text-align:center;
padding-top:5px;
height:18px;
width:97px;
background:transparent url('../img/common/bg-onglet-tdf-off.gif');
background-repeat:no-repeat;
}

div#voyages-recherche-onglet ul li.active a{
color:#d63542;
background:transparent url('../img/common/bg-onglet-tdf-on.gif');
background-repeat:no-repeat;
}


div#voyages-recherche-onglet ul li a:hover{
color:#d63542;
background:transparent url('../img/common/bg-onglet-tdf-on.gif');
background-repeat:no-repeat;
text-decoration:none;
}

div#voyages-recherche-onglet div{
clear:left;
font-weight:bold;
text-align:center;
font-size:12px;
margin:0;
background:#FFBBC3;
width:600px;
height:30px;
padding-top:10px;
color:#FFF;
}

div#voyages-recherche-onglet div div{
display:inline;
}

div#voyages-recherche-onglet div input.submit-btn-ok{
position:relative;
width:50px;
height:20px;
color:#d63542;
font-weight:bold;
border:none;
border-left:4px solid #d63542;
border-right:4px solid #d63542;
background:#FFF;
margin:0;
zoom:1;
}

div#voyages-recherche-onglet div input.submit-btn-ok:hover{
background:#C8DE58;
cursor:pointer;
}

table.table-fiche-perso{
text-align:left;
}

/* MODULE - ARTICLE - transverse
--------------------------------------------------------------------------------------- */
table.article-affiche-container{
width:600px;
color:#333 !important;
font-size:11px;
font-weight:bold;
}

table.article-affiche-container tbody tr td.article font{
color:#612782 !important;
font-size:11px;
font-weight:bold;
}

table.article-affiche-container tbody tr td.article p a font{
color:#FF4500!important;
font-weight:bold;
}

.article{
color:#333300;
font-weight:normal;
}

table.article-affiche-container tr td font{
color:#333;
font-weight:normal;
}

/* MODULE - 4 HOME
--------------------------------------------------------------------------------------- */
.marginL10{
margin-left:0;
}

ul#voyage-push-promo-home{
float:right;
margin:0;
padding:0;
}

ul#voyage-push-promo-home li{
display:inline;
list-style:none;
}

#flash_blocNewsAcute{
width:123px;
display:inline; /*type block*/
}

.lienPage{
zoom:1;/*IE HACK: hasLayout*/
}

/*climat social definition style*/
div#climat-social-container{
margin-top:20px;
width:300px;
height:100px;
background:transparent url('../img/Home/bg-climat-social.gif');
background-repeat:no-repeat;
}

div#climat-social-container p{
float:right;
margin-top:30px;
padding:5px;
width:190px;
}

div#climat-social-container div#climat-social-container-img{
float:left;
}

div#climat-social-container div#climat-social-container-img img{
position:relative;
display:inline;
top:25px;
width:90px;
height:55px;
}

div#climat-social-container form{
position:relative;
float:right;
width:87px;
height:66px;
top:18px;
background:transparent url('../img/Home/bg-climat-social-form.gif');
background-repeat:no-repeat;
}

div#climat-social-container form fieldset{
//margin-top:5px; /*hack IE*/
border:none;
}

div#climat-social-container form input{
clear:left;
float:left;
position:relative;
display:block;
height:18px;
}

/*home-push-container definition style center*/
div#structure-centre-container div.home-push-container{
float:left;
margin-top:10px;
position:relative;
min-height:190px;
width:600px;
overflow:hidden;
}

div#structure-centre-container div.home-push-container h2{
color:#db515a;
height:36px;
padding-left:20px;
padding-top:5px;
font-style:oblique;
font-size:16px;
font-weight:bold;
background:#FFF url('../img/common/puce-title-h2-square.gif');
background-repeat:no-repeat;
width:600px;
}

div#structure-centre-container div.home-push-container h2 span{
display:block;
}

/*home-push-container definition style right*/
div#structure-centre-right-container div.home-push-container{
float:left;
margin-top:10px;
position:relative;
}

div#structure-centre-right-container div.home-push-container a{
float:left;
display:block;
text-decoration:none;
cursor:pointer;
}

div#structure-centre-right-container div.home-push-container h2{
display:none;
}

div#structure-centre-right-container div.home-push-container div.home-push-container-img{
height:137px;
}

div#structure-centre-right-container div.home-push-container div.home-push-container-img div.home-push-container-transparency{
position:relative;
float:left;
width:300px;
height:36px;
background:#FFF;
margin-top:100px;
opacity : 0.6;
-moz-opacity : 60;
filter : alpha(opacity=60);
}

div#structure-centre-right-container div.home-push-container div.home-push-container-img .home-push-content{
color:#d53542;
float:left;
font-size:19px;
height:36px;
margin-top:-35px;
padding-left:5px;
position:relative;
text-align:left;
text-decoration:none;
width:180px;
overflow:hidden;
}

div#structure-centre-right-container div.home-push-container div.home-push-container-img .home-push-subcontent{
clear:both;
color:#039122;
float:right;
font-size:12px;
font-weight:bold;
height:36px;
margin-right:2px;
margin-top:-35px;
position:relative;
text-align:right;
text-decoration:none;
width:112px;
}

div#structure-centre-right-container div.home-push-container div.home-push-container-img .home-push-subcontent span{
color:#d53542;
font-size:14px;
text-decoration:none;
}

div#structure-centre-right-container div.home-push-container div.home-push-container-roll-hover{
padding:5px;
overflow:hidden;
background:#d53542;
height:128px;
//height:127px;
width:290px;
display:none;
}

div#structure-centre-right-container div.home-push-container div.home-push-container-roll-hover h4,
div#structure-centre-right-container div.home-push-container div.home-push-container-roll-hover h5,
div#structure-centre-right-container div.home-push-container div.home-push-container-roll-hover p{
color:#FFF;
}

div#structure-centre-right-container div.home-push-container div.home-push-container-roll-hover h4{
color:#C8DE58;
}

div#structure-centre-right-container div.home-push-container div.home-push-container-roll-hover h5{
font-weight:bold;
}

/*news slider definition style*/
#box1, #box2, #box3, #box4{
position:absolute;
}

#mooNews div{
position:absolute;
background:#fff;
width:600px;
height:220px;
}

.mask{
position:relative;
width:600px;
height:220px;
overflow:hidden;
}

.mask img{
position:absolute;
display:block;
border:none;
}

a.news-lien {font-weight:bold;}
a.news-lien:link {text-decoration:underline;}
a.news-lien:hover {text-decoration: none;}
a.news-lien:visited {text-decoration: underline;}

/* MODULE - DOCUMENT
--------------------------------------------------------------------------------------- */
label.categorie-search-label{
color:#FFF;
font-weight:bold;
}

label.categorie-search-ce-label{
color:#FFF;
font-weight:bold;
display:inline;
}

div#document-list-container{
width:600px;
}

div#document-list-container ul{
padding:0;
margin:0;
}

div#document-list-container ul li.separator{
background:none;
border:none;
margin:15px 0;
}

div#document-list-container ul li{
list-style:none;
list-style-image:none;
background:url("../img/ModuleDocument/picto10.gif");
background-repeat:no-repeat;
margin:0;
margin-top:5px;
border-bottom:1px solid #333;
zoom:1;
}

div#document-list-container ul li a{
display:block;
padding-left:25px;
color:#333;
font-size:1.2em;
}

div#document-list-container ul li a:hover{
cursor:pointer;
text-decoration:underline;
}

div#document-list-container ul li a strong{
float:left;
}

div#document-list-container ul li a small{
float:right;
}

div#document-list-container ul li a p{
clear:both;
margin-top:2px;
}

/* MODULE - LIENS
--------------------------------------------------------------------------------------- */
ul#links-list-container{
margin:0;
padding:0;
width:600px;
}

ul#links-list-container li{
list-style:none;
list-style-image:none;
min-height:30px;
margin-bottom:5px;
border-bottom:1px solid #333;
}

ul#links-list-container li.separator{
background:none;
border:none;
margin:0 0 15px 0;
}

ul#links-list-container li a{

}

ul#links-list-container li a small{
display:block;
color:#333;
}