/*****************************/
/* GENERAL                   */
/*****************************/

* {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

body {
    background-color:#FCFEFB;
}

label {
    font-size: 10pt;
    color: #5087A5;
    z-index: -100;
}


select {
    font-size: 10pt;
}

.logoinit {
    /*width:100%;      */
}

.logosaisie {
    width:525px;      
    height:132px;          
}



a:link {
    color:#417194;   
}

a:visited {
    color:#417194;   
}

a:hover {
    color:#FF0000;   
}


#position {
 display:block;
 clear:both;
 padding:5px;
}

#calage-centre {
   text-align:center;            
   margin-top:0; margin-right:auto; margin-bottom:0; margin-left:auto; 
}

#infovoy {
    display:block;
    position:absolute;
    top:10px;
    left:550px;    
   	padding-left:5px;
}

#divpgm {
    display:block;
/*    position:absolute;*/
   	padding-left:5px;
/*    left:550px;    */
   	float:left;
   	z-index:150;
}


.titre {
    color:#8DB3C8;
    font-weight:bold;
    font-size:14pt;
    text-align: center;
}

.titrerech {
    color:#8DB3C8;
    font-weight:bold;
    font-size:12pt;
    text-align: center;
}

.libetiq {
    text-align: left;
    font-size: 10pt;
    color: #5087A5;
    z-index: -100;

}
.libzone {
    font-size: 10pt;
    color: #2D2440;
    z-index: -100;    
}

.zone {
    padding:3px;           
}

.aster  {
    color:#FF0000;
}

.aster2 {
    color:#FF9664;
}

.boutonsubmit {
    font-weight: bold;
    font-size: 14px;
    color: #FFFFFF;
    font-family: Verdana; 
    background-color: #8EB3CD;
    cursor:hand;

}

.boutonsubmit:hover {
    color: #FF0000;
}


.petitcomment {
    color: #7A7A7A;
    font-size: 8pt;    
}

.renvoi {
    color: #7A7A7A;
    font-size: 6pt;
    vertical-align:super;    
}


#chargement {
    display:none;
}

#chargementrechcli {
    display:none;
}

#tab_entete {
    background-color: #9AB7C2;
    font-size: 10pt;
    color: #FFFFFF;
}
#tab_det1 {
    background-color: #FFFFFF;
    font-size: 8pt;
    color: #5087A5;
    cursor:hand;    
}

#tab_det2 {
    background-color: #F5F5F5;
    font-size: 8pt;
    color: #5087A5;
    cursor:hand;    
}

.zdisabled {
    background-color: #E4E4E4;
}


.infobulle{
	position: absolute;	
	visibility : hidden;
	border: 1px solid Black;
	padding: 5px;
	font-family: Verdana, Arial;
	font-size: 10px;
	background-color: #FFFFCC;
	z-index= 200;
}

/*****************************/
/* PAGE ACCUEIL              */
/*****************************/

#bandeau_accueil {
    font-weight: bold;
    font-size: 20pt;
    color: #8DB3C8;
    text-align: center;     
}

.libzoneident {
    width:120;
    padding:3px;           
    text-align: left;
    font-size: 13pt;
    color: #5087A5;
}


/*****************************/
/* PAGE RECHERCHE RECHERCHEVOYAGES  #F1F7FA  */
/*****************************/

#zinfopromo {
    display:block;
    position:absolute;
    top:10px;
    left:550px;    
   	padding-left:5px;
   	clear:both;
}

#affvoy_divpgm {
    line-height:10px;
   	padding-left:20px;           
}


#zcriteres {
    display:block;
    width:25%;       
    background-color:#F1F7FA;
   	padding-left:5px;
   	padding-right:0px;
   	float:left;
}
#zaffvoy {
   /* width:80%;       */
  /*  background-color: #E1ECF4;*/
   	padding-left:0px; 
   	padding-left:0px;
   	margin-left:0px;
}

.libzonerech {
    text-align: left;
    font-size: 10pt;
    color: #5087A5;
    text-align: right;
    line-height:20pt;
}

.zonerech {
    position:absolute; left:90px;
    text-align: left;
    font-size: 10pt;
    color: #5087A5;
    line-height:20pt;
}

#selectcritvoy {
    width:150px;
    font-size: 8pt;
}




#listvol1 {
    background-color: #FFFFFF;
    font-size: 8pt;
    color: #5087A5;
}

#listvol2 {
    background-color: #F5F5F5;
    font-size: 8pt;
    color: #5087A5;
}

a.infopromo {
	position: relative;
	font-family: Verdana, sans-serif;
	font-size: 15px;
/*	color: #3E2222;*/
	color: #CB2D2D;
	/*border-bottom:1px dashed #808080; */
	text-decoration: none; 
	font-weight: bold;
}

a:hover.infopromo {
	text-decoration: none; 
	background: none;
	color: #CB2D2D;
}

a.infopromo span {
	display: none;
	width: auto;
}
a:hover.infopromo span {
	display: block;
	position: absolute;
	width: 420px;
	border: 1px solid #c9c2c1;
	margin: 2px;
	padding: 7px;
	top: 0px;
	left: -2px;
	z-index: 200;
    background-color:#FFFFCC;
   	font-size: 11px;
}


a.infovol {
	position: relative;
	text-decoration: none; 
}

a:hover.infovol {
	text-decoration: none; 
	background: none;
	color: #CB2D2D;
}

a.infovol span {
	display: none;
	width: auto;
}
a:hover.infovol span {
	display: block;
	position: absolute;
	width: 200px;
	border: 1px solid #c9c2c1;
/*	margin: 2px;
	padding: 7px;*/
	top: -30px;
	left: -150px;
	z-index: 100;
    background-color:#FFFFCC;
}


a.docannexe {
	position: relative;
	z-index:-10;
	/*text-decoration: none; */
	/*width: 200px;*/
}

#detdoc {
    text-align: left;
    line-height: 19px;
    /*overflow: scroll;*/
}

.detdoc_masque {
	display: none;
	width: auto;
}
.detdoc_affiche {
	display: block;
	position: relative;
	width: 400px;
	border: 1px solid #c9c2c1;
	margin: 2px;
	padding: 7px;
	top: -10px;
/*	left: -10%;*/
	z-index: 100;
    background-color:#FFFFCC;
    
}


.listram_masque {
	display: none;
	width: auto;
}
.listram_affiche {
	display: block;
	position: absolute;
	width: 40%;
	border: 1px solid #c9c2c1;
	margin: 2px;
	padding: 7px;
	/*top: 10%;*/
	z-index: 100;
    /*background-color:#FFFFCC;*/
    background-color:#DAE8F3;
}

.detpaxram {
    color:#5087A5;           
    font-size:10px;    
}

a.lchp {
	position: relative;
	text-decoration: none; 
	/*width: 200px;*/
}

#detlchp {
    text-align: left;
    line-height: 19px;
    /*overflow: scroll;*/
}

.detlchp_masque {
	display: none;
/*	width: auto;*/
}
.detlchp_affiche {
	display: block;
	position: absolute;
	width: 400px;
	border: 1px solid #c9c2c1;
	margin: 2px;
	padding: 7px;
	/*top: 280px;*/
	/*left: 100%;*/
	z-index: 100;
    background-color:#FFFFCC;
}



a.targrp {
    font-size: 11pt;     
	text-decoration: none; 
}

a:hover.targrp {
    background-color:#FFFFCC;
}

.txtoptauto {
    color:#FFCC00;
}

/*****************************/
/* PAGE VOYAGES  #F1F7FA  */
/*****************************/

#voy_calage_gauche {
    display:block;
   	padding-left:5px;
   	padding-right:0px;
   	float:left;
}

#bloc_prestvoy {
    display:block;           
    width:355px;
    float:left;
}

#bloc_dispo {
    display:block;
    margin-left: 20px; 
    float:left; 
}

#prestvoy {
    background-color:#FFFFCC;
	border: 1px solid #c9c2c1; 
    font-size: 9pt;
    color: #5087A5;    
}

#prestvoytet {
    background-color: #9AB7C2;
	border: 1px solid #c9c2c1;     
    font-size: 10pt;
    color: #FFFFFF;
}

#commentvoy {
	display: block;
	position: absolute;
	width: 500px;
	border: 3px solid #97BDDF;
    left: 50%; 
    top: 35%;
    width: 600px;
    height: 200px;
    margin-top: -100x; /* moitié de la hauteur */
    margin-left: -300px; /* moitié de la largeur */
	padding: 7px;
	z-index: 100;
    background-color:#DAE8F3;

}
#zresultvol {
	display: block;
	position: absolute;
	width: 700px;
	height: 150px;
	border: 1px solid #c9c2c1;
	margin: 2px;
	padding: 7px;
	top: 10px;
	left: -450px;
	z-index: 101;
    background-color:#FFFFCC;
}


#bloc_listins {
    display: block;
	width: 85%;
	clear:both;
}

#znouveau {
	display: block;
	position: absolute;
	width: 500px;
	border: 3px solid #BBCADF;
    left: 50%; 
    top: 40%;
    width: 600px;
    height: 300px;
/*    margin-top: -150x; *//* moitié de la hauteur */
    margin-left: -300px; /* moitié de la largeur */
	padding: 5px;
	z-index: 100;
    background-color:#FFFFCC;
 /*   background-color:#F0F3FB;*/




}


#tableautet_heb {
    color:#F4F5F7;
    background-color:#9AB7C2;
    font-size:12px;    
    font-weight:bold;
}
#tableaudet_heb1 {
    color:#000080;
    background-color:#FFFFFF;
    font-size:10px;    
}
#tableaudet_heb2 {
    color:#000080;
    background-color:#F4F5F7;
    font-size:10px;    
}



/*****************************/
/* PAGE INSCRIPTION          */
/*****************************/

#ins_calage_gauche {
    display:block;
    width:50%;
   	padding-left:5px;
   	padding-right:0px;
   	float:left;
}

#ins_calage_droite {
    display:block;
    position:absolute;
    left:550px;    
   	padding-left:5px;
   	float:right;
}


.bloc_saisie {
    display:block;
    width: 700px;
    clear:both;
 /*   text-align:center;*/
}

.module_saisie input {
    height: 15pt;
    font-size:11px;
   /* color:#383838;    */
}

.module_saisie select {
    height: 15pt;
    font-size:11px;
  /*  color:#383838;    */
}


.module_saisie {
    border: 1px solid #9AB7C2;
}

.titre_module_saisie {
    background-color: #9AB7C2;
    font-size: 11pt;
    color: #FFFFFF;
    font-weight:bold;
}

#tab_entete_decompte {
    background-color: #DADADA;
    font-size: 11pt;
    color: #FFFFFF;
}

#lignenonsaisie {
    background-color:#F2FCFF;
    font-size:12px;    
}

#detprestfacult {
    /*background-color:#E8F1FF;*/
    font-size:12px;    
    border-width:1px;
    border-color:#000000;
    border-collapse:collapse;      
}

#tableau {
    border-collapse:collapse;
    border:1px thin solid ;
}



#bloc_hebergement {
   text-align:left;
   padding-right:50px;
   float:left;
   z-index:-50;
}

#zlibchpart {
   padding-left:10px;
}

#zheb {
/*   padding-left:10px;*/
}


#bloc_choixprest {
   text-align:;
   float:left;
}

#ramass {
   display:block;
   clear:both;
}


#saisieoblig {
   display:block;
   text-align:left;
   padding:5px;
   clear:both;
}


#rechcli {
	display: block;
	position: absolute;
	width: 720px;
	height:300px;
	border: 2px solid #c9c2c1;
	margin: 2px;
	padding: 7px;
	top: 30%;
	left: 14%;
	z-index: 201;
    background-color:#F5F5F5;
}

.dejainscrit {
    color:#FF0000;       
}

.logoimp {
    border:0px;
}

.commentaires {
    width:80%;
    border:2px solid #D4D0C8;
    border-style:inset;
}

.liboption {
    font-size: 12pt;
    color: #FF3535;
}

.libannul {
    font-size: 12pt;
    color: #FF3535;
}

#LVILLE {
	display: block;
	position: relative;
	width: 230px;
	height: auto;
	overflow:visible;
	border: 1px solid #c9c2c1;
	margin: 2px;
	padding: 7px;
	top: 0px;
	left: 125px;        
}

.fdfacultatif {
    background-color:#F1F7FA;
}


.comment_lieuram {

	display:inline;
}


/*****************************/
/* PAGE mescomp              */
/*****************************/

#import {
   display:block;
   float:both;
   text-align:left;
   margin-left:50px;
   width:600px;
}

/*****************************/
/* PAGE plan de car          */
/*****************************/
#plancar {
/*	display: block;*/
	position: absolute;
	border: 3px solid #97BDDF;
    left: 50%; 
    top: 10%;
    width: 700px;
    height: 650px;
    min-height: 565px;
/*    margin-top: -250px;*/ /* moitié de la hauteur */
    margin-left: -350px; /* moitié de la largeur */
	padding: 7px;
    background-color:#DAE8F3;
	z-index: 100;
}

.titre_plancar {
    font-size:15px;
    font-weight:bold;
}    

.tabplancar {
    table-layout:fixed;
    font-size:11px;
    text-align:center;
}

.placedispo {
    width:125px;
    background-color:#00E673;
    cursor:hand;
}
.placeencours {
    width:125px;
    background-color:#00FFFF;
    cursor:hand;
}
.placeoccupee {
    width:125px;
    background-color:#FF0000;
}
.couloir {
    width:125px;
    background-color:#E0E0E0;
    color:#9B9B9B;
}
.ligplan {
    width:35px;
    background-color:#DAE8F3;
}
.ligmasque {
    visibility:hidden;         
}

.zonlectseule {
   background-color:#E9E9E9;
   text-align:center;
   text-decoration:none;

}
.boutonsubmitpc {
    font-weight: bold;
    font-size: 12px;
    color: #FFFFFF;
    width:170px;
    font-family: Verdana; 
    /*background-color: #8EB3CD;*/
    background-color: #4A82AA;
    cursor:hand;
}
.boutonsubmitpc:hover {
    color: #FF0000;
}

.infoplancar {
    font-size:15px;
    font-weight:strong;
    cursor:hand;
}


#docannexe UL UL {
	DISPLAY: none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; POSITION: relative; text-align: left; line-height:19px;
	border: 1px solid #c9c2c1;BACKGROUND-COLOR: #FFFFCC;z-index: 100; width:400px;
}
#docannexe LI {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; POSITION: relative; TOP: 5px; width:400px;
	BACKGROUND-COLOR: #FFFFF;
}
#docannexe LI LI:hover {
	BACKGROUND-COLOR: #FFFFCC; cursor:hand
}
#docannexe LI LI.sfhover {
	BACKGROUND-COLOR: #FFFFCC; cursor:hand
}
#docannexe LI A {
	cursor:hand;color :#5087A5
}
#docannexe LI:hover UL.niveau2 {
	DISPLAY: block; cursor:hand ; z-index:100;
}

#docannexe UL.niveau1 {
	display: inline;
}