@font-face { /* Définition d'une nouvelle police nommée LearningCurveProRegular */
    font-family: 'allura';
    src: url('allura.eot');
    src: url('allura.eot?#iefix') format('embedded-opentype'),
         url('allura.woff') format('woff'),
         url('allura.ttf') format('truetype'),
         url('allura.svg#allura') format('svg');
}


body {
	background: #99b7bf;
	margin: 0px;
	padding: 0px;
	/* background-color: #e97900;  */
	/* background-color: #81a6b3; */
	background-color: #5f747b;
	/* background: url(bg_fond.png) repeat-x scroll; */
	
    /* background: url("bg_ridge.gif") repeat scroll 0% 0% transparent; */
	
	/***************/
	/* Fond GTR950 */
	/***************/
	/* background: url("bg_body.png") repeat scroll 0% 0% transparent;*/
}

strong {
	color: #ff9c00;
}

.clear { clear: both; }

#header {
	background: url("bg_upper.png") repeat-x scroll 0% 0% transparent;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
}

#logo {
	margin: 10px;
	text-align: center;
	/* background: url(logo_fog.png) no-repeat	#81a6b3;
	width: 332px;
	height: 150px; */
	background: url(logo_fog2.png) no-repeat transparent;
	width: 580px;
	height: 54px;
}

	#logo span {
		margin-left: 180px;
		color: #bdbd7a;
		font-weight: bold;
		font-size: 2.4em;
		font-family: 'allura', Arial, serif;
		cursor: default;
		text-shadow: 1px 1px 50px #ffffff;
	}

#mon_compte {
	position: absolute;
	top: 0px;
	left: 350px;
	width: 351px;
	background: #99b7bf; /* #e76e05; */
	border: 1px solid #666;
	padding: 10px;
	/* Ajout d'une ombre */
	/* -moz-box-shadow: 10px 10px 5px 0px #656565;
	-webkit-box-shadow: 10px 10px 5px 0px #656565;
	-o-box-shadow: 10px 10px 5px 0px #656565;
	box-shadow: 10px 10px 5px 0px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; */
}

#contactFormContainer
{/* 
    position:absolute;
    left:600px;
    float:right; */
}

#contactForm
{
    height:250px;
    width:351px;
/*     background-image:url('bkg.jpg'); */
    display:none;
}

#contactForm form
{
    padding:30px 30px 0 30px;
    border:none;
}     

#contactForm label
{
    display:block;
    color:#ffc400;
}     

#contactForm input[type=password], #contactForm input[type=text]
{
    display:block;
    border:solid 1px #4d3a24;
    width:100%;
    margin-bottom:10px;
    height:24px;
} 


#contactForm input[type=submit]
{
    background-color:#4d3a24;
    border:solid 1px #23150c;
    color:#fecd28;
    padding:5px;
}

#contactLink
{
    height:40px;
    width:351px;
    background:url('mon_compte.png') no-repeat;
    display:block;
    cursor:pointer;
	padding: 18px 0 0 60px;
}

#messageSent
{
    color:#ff9933;
    display:none;
}
            

#retour {
	display: none;
	font-weight: bold;
	background: #464F4D;
	color: #EFECCA;
	/* positionnement */
	position: absolute;
    right: 15px;
    top: 60px;
	z-index: 999;
	border: 1px solid #666;
	padding: 10px;
	/* Ajout d'une ombre */
	-moz-box-shadow: 10px 10px 5px 0px #656565;
	-webkit-box-shadow: 10px 10px 5px 0px #656565;
	-o-box-shadow: 10px 10px 5px 0px #656565;
	box-shadow: 10px 10px 5px 0px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#ajax_load {
	margin: 0px auto;
	text-align: center;
}

#loading {
	visibility: hidden;
}

#user_log {
	/* positionnement */
	position: absolute;
    right: 15px;
    top: 120px;
	z-index: 998;
	padding: 10px;
	width: 320px;
	color: #d7d78e;
	/* color: #435d5b; */
}

	#user_log a {
		margin: 0 5px;
		text-decoration: none;
	}

	#user_log a span {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		color: #ffffff;
		padding: 7px 20px;
		background: url(bouton_valider.gif) no-repeat center;
	}


/**************************/
/* Demande ajout vehicule */
/* >> inc/aide.php        */
/**************************/

#demande_ajout {
	width: 350px;
	margin: 0px auto;
}

	#demande_ajout input {
		margin: 5px 0;
	}

	#demande_ajout textarea {
		margin: 5px 8px;
	}

	#demande_ajout label {
		margin: 5px 10px 0px 5px;
		float: left;
		width: 35%;
		text-align: right;
		display: inline;
		vertical-align: middle;
		cursor: pointer;
		
		font-weight: bold;
		
    color: rgb(67, 93, 91);
	}

	#demande_ajout .valid_form {
		margin: 25px auto;
		text-align: center;
	}


#div_form_vehicule {
	margin-top: 80px;
}


#form_vehicule {
	padding: 20px 0 10px;
}
	#form_vehicule label {
		float: left;
		color: #d7d78e;
		/* color: #435d5b; */
		font-weight: bold;
		width: 200px;
		padding-left: 30px;
	}
	#form_vehicule select {
		color: #435d5b;
		background: #ccf1f9;
		margin: 0 400px 0 0;
		width: 450px;
	}
	#form_vehicule_button {
		margin-top: 20px;
		margin-right: 20px;
		float: right;
		visibility: hidden;
	}

	
#liste_modele {
	margin-top: 45px;
	height: 250px;
	overflow: auto;
	cursor: default;
	/*background: #ffffff;*/
}	
	#liste_modele table  {
		border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
		width: 100%;
	}
	#liste_modele  th  {
		border: 1px solid white; /* Mettre une bordure sur les td ET les th */
	}
	#liste_modele td  {
		border: 1px solid grey; /* Mettre une bordure sur les td ET les th */
	}
	#liste_modele th {
		/*background: #81a6b3;*/
		color: #ffffff;
		font-weight: bold;
		padding: 2px 20px;
	}
	#liste_modele  td  {
		/* padding: 2px 4px; */
	}
	#liste_modele  tr.ligne_selected  {
		background: #ccf1f9;
		color: #0000c0;
	}
	#liste_modele  td.colonne_selected  {
		border: 1px solid white;
		background: #81a6b3;
	}
	#liste_modele  td.fleche  {
		background: url('fleche.png') no-repeat	#81a6b3;
		background-position: 5px center;
	}


#tab_vehicule td input.checkbox_center {
    text-align: center; /* center checkbox horizontally */
    vertical-align: middle; /* center checkbox vertically */

}

#tab_panier_vide {
	text-align: center;
	color: #800000;
	font-weight: bold;
	font-size: 1.2em;
	padding: 2px 20px;
}

#tab_panier th {
		/*background: #81a6b3;*/
		color: #ffffff;
		font-weight: bold;
		padding: 2px 20px;
	}

	#tab_panier table  {
		border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
		width: 100%;
	}
	
	#tab_panier td  {
		/* border: 1px solid grey; */ /* Mettre une bordure sur les td ET les th */
	}
	
	#tab_panier caption {
		background: url("bg_upper.png") repeat-x scroll 0% 0% transparent;
		margin: 0px;
		padding: 0px;
		width: 100%;
		height: 55px;
		color: #bdbd7a;
		font-weight: bold;
		font-size: 2.4em;
		font-family: 'allura', Arial, serif;
	}
	
	#tab_panier thead {
		margin-top: 80px;
	}
	
#total_tab_panier {
	float: right;
}
	#total_tab_panier td {
		background-color: rgb(255, 255, 255);
		text-align: right;
		padding: 5px 10px;
	}
	
#bouton_form_contrat {
	margin-top: 20px;
	margin-right: 20px;
	float: right;
}
	#bouton_form_contrat a {
		margin: 0 5px;
		text-decoration: none;
	}
	#bouton_form_contrat a span {
		font-family: Arial,Helvetica,sans-serif;
		font-size: 14px;
		color: rgb(255, 255, 255);
		padding: 7px 20px;
		background: url("bouton_form_contrat.gif") no-repeat scroll center center transparent;
	}
	
#valid_dl img {
display: block; 
	margin: 5px auto;
	text-align: center;
	cursor: pointer;
}

#form_aide {
		color: #d7d78e;
		font-weight: bold;
		padding-left: 30px;
		text-decoration:none;
}

#form_aide a {
		text-decoration:none;

}

#aide_mess_retour {
	display: none;
	font-weight: bold;
	background: #464F4D;
	color: #EFECCA;
	/* positionnement */
	position: absolute;
    right: 15px;
    bottom: 20px;
	z-index: 999;
	border: 1px solid #666;
	padding: 10px;
	/* Ajout d'une ombre */
	-moz-box-shadow: 10px 10px 5px 0px #656565;
	-webkit-box-shadow: 10px 10px 5px 0px #656565;
	-o-box-shadow: 10px 10px 5px 0px #656565;
	box-shadow: 10px 10px 5px 0px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

/***********/
/* contrat */
/***********/

#div_form_contrat {
	margin-top: 80px;
}

#div_form_contrat h1 {
    color: rgb(153, 0, 0);
	padding-left: 20px;
}

#form_contrat, #info_client {
	padding: 20px 20px 10px;
}
	#form_contrat label {
		float: left;
		color: #d7d78e;
		/* color: #435d5b; */
		font-weight: bold;
		width: 200px;
		padding-left: 30px;
	}
	
	#form_contrat fieldset, #info_client fieldset {
		border: 1px solid grey;
		padding: 5px 5px 45px;
		width: 600px;
	}

	#form_contrat legend, #info_client legend {
		padding: 20px 5px;
		font-weight: bold;
		font-size: 1.4em;
		color: rgb(255, 153, 51);
		cursor: default;
	}

	#form_contrat #submit {
		margin-left: 30px;
	}

#info_client table {
	border: 1px solid grey;
	background-color: white;
	margin-bottom: 20px;
}

#info_client th, #info_client td {
	border: 1px solid grey;
	background-color: white;
	width: 300px;
}

#info_client td {
	padding: 10px;
}

#info_client label {
		float: left;
		color: #d7d78e;
		/* color: #435d5b; */
		font-weight: bold;
		width: 110px;
	}
	
#submit_new_contrat {
		margin: 20px 0 0 110px;
}

#new_contrat {
	margin-right: 25px;
}