/* *** Generated by www.csscreator.com *** */

/* couleurs */

.fond_entracite{background-color:#4A535A;}

.fond_rouge{background-color:#C52B2D;}

.fond_bleu{background-color:#06389D;}

.fond_gris_fonce{background-color:#849494;} /* texte */

.fond_gris_clair{background-color:#E4ECEF;} /* fond block */

.fond_rouge_lapin{background-color:#ca2e2f;}

/* # 83949B  gris filet + formulaire */



.entracite{color:#4A535A;}/*anthracite */

.bleu{color:#06389D;}

.rouge{color:#C52B2D;}

.gris_fonce{color:#849494;}

.gris_clair{color:#E4ECEF;}

.noir{color:#000;}

.bold{font-weight:bold;}





html, body{ 

	margin:0; 

	padding:0; 

	text-align:center; 

	font-family: Verdana,"Trebuchet MS",Arial, Helvetica,  sans-serif;

	font-size:12px; 

	/*color:#849494;*/

	color:#000;

	/*bandeau dégradé*/

	background-image:url(images/degrade_fond_autocontrol.jpg);

	background-position:left 75px;

	background-repeat:repeat-x;

	

} 

 

#conteneur{ 

 width:1000px !important;

 height:600px;

 text-align:left;

 margin-left:auto; 

 margin-right:auto; 

 /*border:1px solid #000;*/

} 



/*===========================================fin css généré ==============================================================*/

#centre

{

	/*width:100%;*/

	padding:0;

	margin:0;

	/*border:1px solid #000;*/

}

#colonne_gauche

{

	float:left;

	width:240px !important;

	width:244px;

	padding:0 0 10px 4px;

	/*border:1px solid #000;*/

}

#colonne_droite

{

	float:right;

	width:200px !important;

	width:200px;

	padding:0 0px 10px 0px;

	/*border:1px solid #000;*/

}

#colonne_centre

{

	float:left;

	width:510px !important;

	width:530px;

	padding:0 0px 10px 20px;

	/*border:1px solid #000;*/

}

#colonne_centre_gauche

{

	float:left;

	width:740px !important;

	width:780px;

	padding:0 0px 10px 40px;

	/*border:1px solid #000;*/

}

#colonne_centre_large

{

	float:left;

	width:550px !important;

	width:600px;

	padding:0 0px 20px 50px;

	/*border:1px solid #000;*/

}

#colonne_centre_double

{

	float:left;

	/*width:352px !important;*/

	width:400px !important;

	width:590px;

	padding:0 95px 20px 95px;

	/*border:1px solid #000;*/

}

#colonne_rappel_form

{

	float:left;

	display:inline;

	width:740px !important;

	width:780px;

	padding:0 0px 10px 40px;

	/*border:1px solid #000;*/

}



.clr{clear:both;border:0px solid #000;}

.spacer{clear:both;visibility:hidden;height:0px}

/*=======================================================================================================

Les differents modules :   header, footer, ...

========================================================================================================*/

#header

{ 

	float:left;

	height:150px; 

	width:1000px;

	background-image:url(images/bandeau_silhouette.jpg);

	background-position:bottom right;

	background-repeat:no-repeat;

}

#header2

{ 

	float:left;

	height:150px; 

	width:50px;

	background-image:url(images/degrade_fond_autocontrol.jpg);

	background-position:bottom left;

	background-repeat:repeat-x;

}

#logo

{

	width:771px !important;

	width:780px;

	height:60px !important;

	height:75px;

	padding:15px 0 0 9px;

}



#footer

{

	clear:both;

	width:991px !important;

	width:1000px;

	padding:0 0 5px 9px;

	color:#4A535A;

	border-top:1px solid #C52B2D;

	font-size:10px;

}

 



.content_module

{

	margin:0 7px 0 7px;

	padding:10px;

	background-color:#E4ECEF;

	border-top:1px solid #83949B;

	border-bottom:1px solid #83949B;

}

.mascotte

{

	width:200px;

	height:325px;

	background-image:url(images/degrade_fond_mascotte.jpg);

	background-position:top left;

	background-repeat:repeat-x;

}

.coordonnees

{

	width:180px !important;

	width:200px;

	padding:10px;

	background-color:#E4ECEF;

	border-top:1px solid #83949B;

	font-size:10px;

}

/*=======================================================================================================

MISE      EN     FORME     DU       TEXTE

========================================================================================================*/

h1{	margin:0;font-size:16px;font-weight:lighter;}

h2{	font-size:14px;	/*color:#FFFFFF;*/	font-weight:lighter;}

h3{	margin:0;	font-size:12px;color:#666261;font-weight:lighter;}

h4{	margin:0;	font-size:10px;font-weight:lighter;}



h6{	margin:0;	font-size:9px;line-height:9px;font-weight:lighter;}

p{	margin:0;padding:0;}

.size10{font-size:10px;}



.selected{	margin:0;font-weight:bold;color:#660033;}

.pad_25_0{	padding:25px 0 0px 0;}

.pad_25_10{	padding:25px 0 10px 0;}

.pad_25_20{	padding:25px 0 20px 0;}

.pad_0_10{	padding:0px 0 10px 0;}

.pad_0_5{	padding:0px 0 5px 0;}

.pad_10{padding:10px;}



.liste_rouge

{

	padding-left:10px;

	background-image:url(images/puce_rouge.gif);

	background-position:top left;

	background-repeat:no-repeat;

	color:#C52B2D;

}

.liste_bleu

{

	padding-left:10px;

	background-image:url(images/puce_bleu.gif);

	background-position:top left;

	background-repeat:no-repeat;

	color:#06389D;

}



a{color:#000;text-decoration:none;}

a:hover{color:#666261;text-decoration:none;}



input {border:1px solid #83949B;}

hr

{

	border:none;

	height:1px;

	margin-top:5px;

	clear:both;

}



.important

{

	color:#FF0000;

}

#logo div{float:left;margin:-3px 0 0 20px;width:300px;}

#logo h1

{	

	font-family:"Times New Roman", Times, serif;

	/*color:#ca2e2f;*/

	font-size:29px;

	/*font-weight:bold;*/

	margin:0;padding:0;

}

#logo h2

{	

	font-size:12px;

	letter-spacing:0.1px;

	margin:0;padding:0;

}



.baseline

{

	font-size:10px;

}

/*=====================================================================

MISE EN FORME DES IMAGES

===================================================================*/

img

{

	border:none;

}

.bord_noir

{

	border:1px solid #000;

}

.img_gauche

{

	float:left;

	margin-right:5px;

	/*border:1px solid #000;*/

}

.img_droite

{

	float:right;

	margin-left:5px;

}

.img_align_gauche

{

	float:left;

	margin-right:5px;

}



/*=======================================================================================================

MISE      EN     FORME     DU       MENU

========================================================================================================*/

#menu

{

	float:left;

	display:inline;

	width: 400px !important;

	width:400px;

	color:#fff;

	margin:0 0 0 310px;

	padding-top:49px;

	font-size:11px;

	font-variant:small-caps;

	text-decoration:none;

	/*background-color:#fff;

	height:121px !important;

	height:150px;*/

	/*border:1px solid #000;*/

	/*display:none;*/

}

#menu a{color:#fff;} /* blanc */

#menu a:hover{color:#E4ECEF;} /* bleu clair */

#menu .selected{font-weight:bold;} 

.bouton{padding-left:10px;line-height:19px;}

/*=======================================================================================================

				LA  PAGE   TUNNEL

========================================================================================================*/

#centre_tunnel

{

	margin-left:280px;

}



/*=======================================================================================================

				LA  PAGE   D'ACCUEIL

========================================================================================================*/



/* formulaire de remise */

#forme_remise

{

	font-size:10px;

}

#forme_remise label

{

	float: left;

	width:55px;

	text-align:right;

}



#forme_remise input

{

	width:140px;

	margin-bottom:5px;

}

#forme_remise input.bouton

{

	width:inherit !important;

	border:0px;

	margin-left:150px;

}

/*=======================================================================================================

				LA  PAGE   CONTACT

========================================================================================================*/

#module_civilite

{

	float:left;

	width:250px;

}



.contact_form input{border:1px solid #83949B;width:190px;margin-bottom:5px;}

.contact_form textarea{border:1px solid #83949B;width:190px;margin-bottom:5px;}

#valider

{

	float:right;

	/*

	margin-right:150px !important;

	margin-right:75px;

	*/

}



label

{

	/*margin-left:50px;*/

	float: left;

	width:90px;

	text-align:left;

}

.contact_form input.bouton

{

	width:inherit !important;

	border:0px;

}

/*=======================================================================================================

				LA  PAGE   RAPPEL

========================================================================================================*/

.rappel_form input.bouton

{

	width:inherit !important;

	border:0px;

	margin-right:35px !important;

	margin-right:45px;

}

.rappel_form input{border:1px solid #83949B;width:300px !important;width:190px;margin-bottom:5px;}

.rappel_form textarea{border:1px solid #83949B;width:300px !important;width:190px;margin-bottom:5px;}

.rappel_form .select{border:1px solid #83949B;width:300px !important;width:190px;margin-bottom:5px;}



#vehicule{padding-left:20px;}

.rappel_form #vehicule label

{

	float: left;

	width:120px;

	text-align:left;

}

.rappel_form #vous label

{

	/*margin-left:50px;*/

	float: left;

	width:180px;

	text-align:left;

}



.input_vehicule

{

	border:1px solid #83949B;width:300px !important;width:300px;margin-bottom:5px;

}

/*=======================================================================================================

				LA  PAGE   125 points

========================================================================================================*/

.module_125_points

{



}

.module_125_points ul

{

	list-style-type:square;

	list-style-position:outside;

}

/*=======================================================================================================

				LA  PAGE   BON DE REDUCTION

========================================================================================================*/

#remise

{

	width:595px !important;

	height:800px;

	text-align:left;

	margin-left:auto;

	margin-right:auto;

	color:#000;

}

#bon_reduction

{

	margin:57px;

	padding:10px;

	border:10px dotted #000;

}



#bon_reduction h1

{	

	font-family:"Times New Roman", Times, serif;

	font-size:29px;

	margin:0;padding:0;

}

#bon_reduction h2

{	

	font-size:12px;

	letter-spacing:0.1px;

	margin:0;padding:0;

}

#bon_reduction .titre1

{	

	font-size:18px;

	margin:0;

	padding:0;

}

#bon_reduction .titre2

{	

	text-align:center;

	font-size:30px;

	font-weight:bold;

	margin:0;padding:0;

}


/*=======================================================================================================

				LA  PAGE   Plan d'acces et itinéraire

========================================================================================================*/

form fieldset

{

	border:none;

	margin:0;

	padding:0;

}

#formItineraire textarea

{

	width:200px;

}