/* 
	------------------------------------------------
	CREDIT :		Bquad interactive (c) 2009
	DATE :		2009-06-10
	DESCRIPTION : 	Feuille de style globale de Concorde Travel
	------------------------------------------------
*/

/* -------------------- Styles generiques au balises ---------------------------------- */
.main-zone
{
	vertical-align:top;
	width:983px;
	background-color: white;
}

.read_more
{
	color: #999c9d;
	font-weight : bold;
	font-size : smaller;
	float:right;
	padding-right:10px;
	font-family: arial;
}

.text
{
	color:black;
	font-family: Verdana;
	font-size:12;
	line-height : 13px;
	text-align : justify;
}

.left-zone
{
	vertical-align:top;
	width:255px;
	/*height: 549px;*/
	background:white;
}

.offer-list1
{
	background:#e6e6e6;
}
.offer-list2
{
	background:#b7b7b7;
}

.inside-left-menu
{
	vertical-align:top;
	width:226px;
	/*background: #b7b7b7;*/
}

.vBar
{
	width:7px;
}

.reservation-box
{
	background-image: url(../images/reservation-box.jpg);
	width:226px;
	height:183px;
}

.reservation_ok
{
	font-family: Arial;
	font-size: 12px;
}

.reservation-box-font
{
	color: #ffffff;
	font-family: "Tahoma", Times;
	font-size: 12px;
	padding-left:5px;
	font-weight : bold;
}

.reservation_page
{
	padding-top:7px;
	font-family: Georgia;
	font-size: 12px;
	font-weight: bold;
}

.txt1{
	font-family: arial;
	font-size:12;
	line-height : 13px;
	padding-left:10px;
	padding-top:10px;
	margin-left: 180px;
	color: white;
	background-image: url(../images/merci_de_remplir.png);
	background-repeat: no-repeat;
	height: 34px;
	font-weight: bold;
}

.reservation-title-box{
	background-image: url(../images/reservez.jpg);
	width: 983px;
	height: 46px;
	text-align: center;
	color: white;
	margin-bottom: 0px;
	font-family: arial;
	font-size: 14px;
	font-weight: bold;
	background-repeat: no-repeat;
}

.h1{
	color: white;
	font-size: 20px;
	font-family: arial;
	font-weight: bold;
	width: 200px;
	padding:10px 0 0 250px;
	text-align: center;
}

.icon_h1{
	width:30px;
	float:left;
	padding-left:5px;
	padding-top:3px;
}

.xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxh{
	background-color: #fff4e8;
}

.orange_box
{
	background: #ff9b39;
	width:983px;
	height:294px;
/*	margin-top:7px;*/
}

#white-box
{
	width:375px;
	height:274px;
	float:right;
      
}

.desc1
{
	background: #ececec;
	color:#fc742a;
	font-size:18;
	float:left;
	text-align:left;
	margin-top:20px;
}

.titre_promo
{
	background: #ececec;
	color:#fc742a;
	font-size:14;
	float:left;
	width:325px;
	text-align:left;
	font-family: Arial;
	font-weight : bold;
	*margin-top: -30px;
}
.contenu_promo_header
{
	float:left;
	padding-top:5px;
	width:325px;
	text-align : justify;
	font-family: Arial;
	font-size:12px;
	*margin-top: -55px;
    height: 150px;
    overflow: hidden;
}




.contenu_promo
{
	float:left;
	padding-top:5px;
	width:325px;
	text-align : justify;
	font-family: Arial;
	font-size:12px;
	*margin-top: -55px;
      height: 75px;
      overflow: hidden;
}

.weather-box
{
/*	background-image: url(../images/weather-box.jpg);
*/	width:226px;
	height:143px;
}

.cloud-box
{
	/*background-image: url(../images/cloud-box.jpg);*/
	background:#ededed;
	width:226px;
	padding:10px;
}

.menu_bar
{
	background-image: url(../images/buttons/menu_bar_31.jpg);
	width:569px;
	height:30px;
	font-family: Georgia;
	font-weight: bold;
	background-repeat: no-repeat;
}

.button_accueil
{
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 5px;
	margin-left:3px; 
	padding-bottom: 5px; 
	color:white;
	width: 55px;
	float:left;
	text-align : left;
	text-decoration: none;
}

.button_offres
{
	color:black;
	width: 70px;
	float:left;
	padding-top:10px;
	padding-left:13px;
	text-decoration: none;
}

.button_promotions
{
	color:black;
	width: 70px;
	float:left;
	padding-top:10px;
	padding-left:2px;
	text-decoration: none;
}

.button_forfaits
{
	color:black;
	width: 55px;
	float:left;
	padding-top:10px;
	padding-left:7px;
	text-decoration: none;
}

.button_agences
{
	color:black;
	width: 74px;
	float:left;
	padding-top:10px;
	padding-left:0px;
	text-decoration: none;
}

.button_photo
{
	color:black;
	width: 87px;
	float:left;
	padding-top:10px;
	padding-left:10px;
	text-decoration: none;
}

.button_reservation
{
	padding-top: 10px; 
	padding-left: 7px;
	color:black;
	float:left;
	text-decoration: none;

}

.darkGray
{
	background: #646464;
	width:216px;
	height:168px;
	margin-top:7px;
}

.combo_destination
{
	width:130px;
	background-color: #f4f3de;
}

.input1
{
	background-color: #ffe5c6;
	border: 1px solid;
   border-color: gray;
}

.input1contact
{
     border-style: hidden;
     background-color: #e9741a;
     width:175px;
     height:22px;
     border-width: 0px;
     color: #666666;
     padding-left:7px;
     padding-right:7px;
     padding-top:4px;
     font-size:8pt;
     background-image: url(../images/text_box.gif);
     margin-left:3px;
}

.submit1
{
	background-color: #ff9b39;
}

/*	font-family: "Times New Roman", Times, serif; */
.body
{
	color:black;
	font-family: Verdana;
	font-size:12;
	line-height : 13px;
	text-align : justify;
	padding-left:10px;
	padding-top:10px;
}

.row
{
	padding:8px;
}

.footer
{
	*font: 11px Arial;
	*font-weight: 500;
	*color: black; outline: none;

	color:#318CBB;
	font-family: Arial;
	font-size: 11px;
}

.footer-bquad
{
	color:#666666;
	font-family: Arial;
	font-size: small;
	width:300px;
	float:right;
	font-size:11px;
	margin-top:5px;
}

.hr1
{
	margin-top:15px;
}

.text-box
{
	color: ThreedDarkShadow;
	font-family: Arial;
	font-size: large;
}

.reservation_bar{
	background-image: url(../images/reservez_petit.jpg);
	width: 226;
	height: 46;
	border: none;	
}

.long_bar{
	background-image: url(../images/long_bar.jpg);
	width: 690px;
	height: 23px;
}



.txt2{
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: white;
	padding-left: 74px;
}

.zone-accueil
{
	width:300px;
	height:245px;
	color: ThreedDarkShadow;
	font-family: "Times New Roman", Times;
	font-size: small;
	font : bolder;
}

.options
{

}

.headline
{
	background-image: url(../images/headline.jpg);
	width:981px;
	height:114px;
	padding-left:3px;
	padding-right:3px;
}

.headline1
{
	font-family: Arial;
	font-size: 11px;
	color:white;
}

.headline2
{
	font-family: Verdana;
	font-size: 11px;
	color:white;
}

#error-box-1
{
	font-family: Verdana;
	font-size: 11px;
	color:black;
}
.error-box
{
	font-family:Arial;
	font-size:11px;
	color:black;
}

.details
{
	color: #318CBB;
	font-size:12px;
	font-family : Arial;
	float: right;
	font : bolder;
	vertical-align: bottom;
}

.titre-formulaire{
	color: #2d2d2d;
	font-family: arial;
	font-size: 14px;
	text-align: left;
	padding-top: 5px;
	font-weight: bold;	
}

.details a
{
	color: #318CBB;
	font-size:12px;
	font-family : Arial;
}

/********** questionnaire.php **********/
#formulaire h1.etape
{
	background:none;
	text-align:left;
	font-family:Arial;
	font-size:15px;
	font-variant:normal;
	color:white;
	padding-left:15px;
	margin:0px;
	text-transform:none;
	cursor:pointer;
	cursor:hand;
}

.agence_location{
	font-family: arial;
	font-weight: bold;
	font-size: 12px;
	color: black;
	padding-bottom: 10px;
	padding-top: -10px;
}

.table-form-questionnaire
{
	width:400px;
	padding:0px 15px 0px 15px;
	background-color: #ececec;
}

.form-input
{
	width:180px;
	border:1px solid #b9b098;
	background-color:#7c6c5d;
	color:white;
}

.texte-form
{
	font-family:Arial;
	font-size:12px;
	color: BLACK;
	font-weight:bold;
}

.form-info
{
	font-family:Arial;
	font-size:11px;
	color:red;
	font-decoration:underline;
	font-style:italic;
}

.date1
{
	font-family:Arial;
	font-size:11px;
	font-decoration:underline;
	font-style:italic;
}


/**************************************** LAVALAMP *******************************/
/* Styles for the entire LavaLamp menu */
.lavaLamp {
position: relative;
height: 25px; width: 543px;
overflow: hidden;
margin-left: -27px;
padding-top: 5px;
*margin-bottom: 00px;
*width:543px;
*margin-left:0px;
*padding-left:0px;
*height:30px;
}
/* Force the list to flow horizontally */
.lavaLamp li {
	float: left;
	list-style: none;
}
	/* Represents the background of the highlighted menu-item. */
.lavaLamp li.back {
		background: url(../images/buttons/lava.gif) no-repeat right -30px;
		width: 9px; height: 30px;
		z-index: 8;
		position: absolute;
}
.lavaLamp li.back .left {
	background: url(../images/buttons/lava.gif) no-repeat top left;
	height: 30px;
	margin-right: 9px;
}
/* Styles for each menu-item. */
.lavaLamp li a {
		position: relative; overflow: hidden;
		text-decoration: none;
		font: 12px Arial;
		font-weight: 500;
		color: black; outline: none;
		text-align: center;
		height: 30px; top: 7px;
		z-index: 10; letter-spacing: 0.1;
		float: left; display: block;
		margin: auto 10px;
		margin-right:4px;
		*padding-top: 0px;
		*margin-left: 10px;
		*padding-left: 0px;
}
/***********************************************************************************/

.mosaic
{
	height: 274px;
	width: 588px;
}

.mosaic_inside
{
	height: 188px;
	width: 588px;
}

/* frontpage - START - sliding menu - accordion */
.sm {list-style:none; width:588px; *width:598px; height:274px; display:block; overflow:hidden;}
.sm li {float:left; display:inline; cursor: pointer; _cursor:pointer; *cursor:pointer; *overflow: hidden;}
/* END - sliding menu - accordion */


/* page interne - START - sliding menu - accordion */
.sm1 {list-style:none; width:588px; *width:624px; height:188px; display:block; overflow:hidden;}
.sm1 li {float:left; display:inline; cursor: pointer; _cursor:pointer; *cursor:pointer; *overflow:hidden;}
/* END - sliding menu - accordion */


.chemin_de_fer
{
	background-image: url(../images/chemin_de_fer.jpg);
	height: 31px;
	width: 983px;
}

.element1
{
	height: 19px;
	width: 115px;
	float:left;
	padding-left: 10px;
	padding-top: 6px;
}

.element2
{
	width: 20px;
	float: left;
	padding-top: 10px;
	outline: none;
	font: 12px Georgia;
}

.chemin_de_fer_accueil{
	text-decoration: none;
	font-size: 12px;
	font-family: arial;
	color: white;
}

.element3{
	float: left;
	padding-left: 35px;
	padding-top: 15px;
	width: 4px;
	height: 3px;
	_height:3px; /* ie6 */ 
	*height: 4px; /* ie7 */
}

.element4{
	float: left;
	padding-left: 15px;
	padding-top: 10px;
}

.element4_text
{
	text-decoration: none;
	font-size: 12px;
	font-family: arial;
	color: white;
}

.arrow_box
{
	background-image: url(../images/chemin_de_fer_arrow_box.jpg);
	height: 19px;
	width: 97px;
	float: left;
}

.chemin_de_fer_text
{
	text-decoration: none;
	font-size: 12px;
	font-family: arial;
	outline: none;
	color: #666666;
	padding-top:3px;
	padding-left: 8px;
	float:left;
}

.boite input{
	background-color: #ffa73d;
}