body {
		font: 62.5% Verdana,Arial,'Geneva',Helvetica,sans-serif;
		margin: 0; padding: 0;
		background: #CCE0EE url(/global/medias/bgBody.gif) repeat;
		}
		
	/*Raz*/
	h1,h2,h3,h4,h5,h6,p,ul,li,form,input,fieldset {margin: 0; padding: 0; list-style: none;}
	h1,h2,h3,h4,h5,h6,p {font-size: 1em; font-weight: normal;}
	input, select, textarea {font-size: 1em;}
	img {border: 0;}
	.break { clear: both;}

/*Classes communes*/
	.break {
		clear: both;
		height: 0; font-size: 1px;
		visibility: hidden;
		width: 100%;
		}

/*Mise en page globale
-------------------------*/
	#page {
		width: 780px;
		margin: 0 auto 0 auto;
		position: relative;
		background-color: #fff;
		}
	#entete, #footer {background: #0860A8;}
	#entete {height: 58px;}
	#footer {clear: both;}

	#flashIntroDefault {
 		z-index: 1000;
		position: absolute;
		top: 58px;
		margin: 0 auto;
		width: 780px;
		text-align: center;
		}
	#flashIntro {
 		z-index: 1000;
		width: 355px;
		position: relative;
		margin: 0 auto;
		border: 1px #0860A8 solid;
		text-align: center;
		}

	/*--------------------------------------------------------------------------------------*/
	/* = Entete                                                                             */
	/*--------------------------------------------------------------------------------------*/

	/*Logo*/
	#entete h1#logo a {
		display: block;
		width: 152px; height: 58px;
		position: absolute; top: 0; left: 0;
		text-indent: -1000em;
		background: transparent url(../medias/accueil/logoPage.gif) no-repeat 0 0!important;
		}
	/*LogoB*/
	#entete #logoB a {
		display: block;
		width: 152px; height: 58px;
		position: absolute; top: 45px; left: 0;
		text-indent: -1000em;
		background: transparent url(../medias/accueil/logoPage.gif) no-repeat 0 0!important;
		}
	#entete #logoB a:hover {/*border-bottom: 2px #FFFF00 solid;*/}

	/*Navigation*/
	#entete ul {
		position: absolute;
		width: 620px; height:55px;
		top: 0; left: 160px;
		}
	#entete ul li {display: inline; }
	#entete li a {
		float: left;
		display: block; width: 70px; height: 45px;
		padding:10px 3px 0 0; margin:0;
		/*position: relative; top: 0; left:153px;*/
		font: Arial,'Geneva',Helvetica,sans-serif;
		font-weight:bold; text-decoration: none; font-size:10px;
		text-align:center;
		}
		              
	#entete li a.it1, #entete li a.it2,
	#entete li a.it3, #entete li a.it4,
	#entete li a.it5, #entete li a.it6,
	#entete li a.it7 {border-top: 4px #0860A8 solid; color:#FDFE02;}
	
	#entete li a.it8 {
		width:77px!important; height:58px!important;
		background: transparent url(../medias/accueil/btn07.gif) no-repeat -5px 0;
		font-size:12px;
		border-top: 4px #0860A8 solid;
		color:#FDFE02;
		}
		
	#entete li a.it1:hover,
	#entete li a.it2:hover,
	#entete li a.it3:hover,
	#entete li a.it4:hover,
	#entete li a.it5:hover,
	#entete li a.it6:hover,
	#entete li a.it7:hover {border-top: 4px #FDFE02 solid; color:#FDFE02;}
 	#entete li a.it8:hover {
		background: transparent url(../medias/accueil/btn07over.gif) no-repeat -5px 0;
		font-size:12px; color:#FDFE02;
		}
		
	/*ssnav
	------------------------------*/

	#ssnav ul {
		z-index: 1000;
		height:27px; margin:0 0 18px 0;
		background: transparent url(../medias/accueil/bgNavBasB.gif) no-repeat 0 0;
		}
	#ssnav li {display: inline;}
	#ssnav li a {
		font-weight:bold; text-decoration: none; font-size:10px;
		display: block; float: left; height: 27px;
		padding:10px 5px 0 5px; margin:0;
		}
	
	#ssnav .it1,
	#ssnav .it2,
	#ssnav .it3,
	#ssnav .it4,
	#ssnav .it5,
	#ssnav .it6 {color:#FDFE02;}

	#ssnav .it1:hover,
	#ssnav .it2:hover,
	#ssnav .it3:hover,
	#ssnav .it4:hover,
	#ssnav .it5:hover,
	#ssnav .it6:hover {color:#169BF9;}
	
	/* -------------------------------------------------------------------------------------------*/
	/* --- SSnav----------------------------------------------*/
	/* -------------------------------------------------------------------------------------------*/

	#menu1Container, #menu2Container {
		position: absolute; z-index: 1000;
		}
	#menu1Container #menu1Content ul,
	#menu2Container #menu2Content ul { }
	
	#menu1Container #menu1Content ul {width:120px;}
	#menu2Container #menu2Content ul {width:85px;}
	
	#menu1Container #menu1Content li,
	#menu2Container #menu2Content li {padding:0; margin:0;}
	
	#menu1Container #menu1Content a,
	#menu2Container #menu2Content a {
		display:block;
		height:15px;
		padding:0 2px; margin:0;
		color: #CCE0EE; font-size: 10px; line-height: 13px;
		background-color:#0860A8;
		text-decoration:none !important;
		}
	#menu1Container #menu1Content a:hover,
	#menu2Container #menu2Content a:hover {
		color: #0860A8;
		background-color:#CCE0EE;
		}

/*Pied de page
	------------------------------*/

	#footer ul {
		height:27px;
		background: transparent url(../medias/accueil/bgNavBasB.gif) no-repeat 0 0;
		}
		
	#footer li {display: inline;}
	#footer li a {
		font-weight:bold; text-decoration: none; font-size:10px;
		display: block;
		float: left;
		padding:10px 5px 0 5px; margin:0;
		height: 27px;
		}
	
	#footer .it1,
	#footer .it2,
	#footer .it3,
	#footer .it4,
	#footer .it5,
	#footer .it6 {color:#FDFE02;}

	#footer .it1:hover,
	#footer .it2:hover,
	#footer .it3:hover,
	#footer .it4:hover,
	#footer .it5:hover,
	#footer .it6:hover {color:#169BF9;}
	
/*Mise en page Accueil
-------------------------*/

	body#home {}

	/* Mise en page générale */

	body#home #main {z-index: 1;}

	body#home #devis,
	body#home #promotions {float: left;}

	body#home #devis {width: 370px;}
	body#home #promotions {width: 410px;}
	
	/* Promotion */
	body#home #promotions {padding:0; margin:0;}
	body#home #promotions #p1,
	body#home #promotions #p2,
	body#home #promotions #p3,
	body#home #promotions #p5 {
		position: relative;
		padding:0; margin:0;
		height: 112px;
		}
	body#home #promotions .vignette {position: absolute; top: 0; left: 0;}
	body#home #promotions .argument {		
		position: absolute; top: 0; left: 114px;
		height: 112px;
		}

	body#home #p1 {
		width: 100%; float: left;
		background-color: #169BF9;
		}
		
	body#home #p1 .argument {
		width: 290px; padding:5px 2px;
		color: #fff; font-size:1em !important; line-height:1.2em;
		}
		
	body#home #p1 .argument strong {
		width:290px; display:block;
		font-weight:bold;
		font-size:1.4em; line-height:1.2em;
		text-decoration: none;
		padding:2px 0;
		color: #000;
		}

	body#home #promotions .infos {
		position: absolute; bottom: 15px; right: 8px;
		color:#FFFF00;
		font-weight:normal;
		font-size:1em;
		text-decoration: none;
		}

	body#home #promotions .infos:hover {text-decoration: underline !important;}	

	body#home #p3 {
		background-color: #9BCF1A;
		position: relative;
		}

	body#home #p3 .argument h4 {
		color:#FFFF00;
		width:290px;
		font-weight:bold;
		font-size:1.6em;
		text-decoration: none;
		padding:2px;
		}
	body#home #p3 .argument h3 {
		color:#FFFF00;
		font-weight:bold;
		font-size:1.2em;
		text-decoration: none;
		padding:0 2px;
		}
	body#home #p3 .argument p {
		width:280px;
		font-weight:normal;
		text-decoration: none;
		padding:2px 5px 2px 2px;
		}
	.infosP3 {
		color:#FFFF00;
		font-weight:normal;
		font-size:1em;
		text-decoration: none;
		position: absolute; bottom: 30px; right: 8px;
		}
	.infosP3:hover {
		text-decoration: underline;
		}
	body#home #p4 {position: absolute; bottom: 0; right: 0;}
	body#home #p5 {background-color: #FF7B00;}

	/* -------------------------------------------------------------------------------------------*/
	/* --- Zone de fomulaire devis home page----------------------------------------------*/
	/* -------------------------------------------------------------------------------------------*/
	
	
	h2.titDevis span, h2.titDevis a { float: left; display: block;}
	h2.titDevis span {
		text-indent:-1000em;
		width: 252px; height:34px;
		padding:0; margin:5px 0 0 10px;
		background: transparent url(../medias/accueil/titH2DevisHome.gif) no-repeat 0 0;
		}
		
	h2 a.btnService {
		text-indent:-1000em;
		width:93px; height:20px;
		padding:0; margin:5px 0 0 0;
		background: transparent url(../medias/accueil/btnEspace.gif) no-repeat 0 0;
		}
	.btnService:hover {
		background: transparent url(../medias/accueil/btnEspace.gif) no-repeat 0 -20px;
		}
		
	#SelectVoiture, #SelectMoto {
		position: relative;  float: left; width: 110px; margin: 0 0 10px 0; padding:0;
		text-align:center;
		}
	#SelectUtilitaire {
		position: relative;  float: left; width: 135px; margin: 0 0 10px 0; padding:0;
		text-align:center;
		}

	.btnRadioDevis { margin-left: 10px; }
	
	.inptObtenir {
		position:relative; top:0; left:0;
		border:0 !important;
		text-indent:-1000px;
		width:126px; height:21px;
		padding:0; margin:0;
		background: transparent url(../medias/accueil/btnCalculer.gif) no-repeat 0 0;
		}
	.inptObtenir:hover {
		background: transparent url(../medias/accueil/btnCalculer.gif) no-repeat 0 -20px;
		}

/* -------------------------------------------------------------------------------------------*/
/* --- Zone de fomulaire devis select----------------------------------------------*/
/* -------------------------------------------------------------------------------------------*/

	#SelectDevis {
		width: 340px;
		margin-left: 10px
		}

	#SelectDevis h3.typeSelect {
		color:#0860A8; font-size: 1.1em; font-weight:bold;
		width: 300px; margin-top: 7px
		}

	#SelectDevis input { margin-top: 5px;}
	#SelectDevis select {width: 285px; border: #0860A8 solid 1px;}
	#SelectDevis select.SelectType {width: 285px; font-size: 1em; color: #0860A8; font-weight: bold}
	.DevisJour {padding: 0; width: 330px }
	.DevisJour a { position: relative; width: 16px; margin:0; padding:0}
	.DevisJour p {color: #0860A8; font-size: 1em; margin: 0; padding:0}
	.DevisJour input {border: #0860A8 solid 1px; width: 20px}
	.DevisJour input.inptAn {border:#0860A8 solid 1px; width: 50px}
	.DevisJour input.inptJourMois, .DevisJour input.inptAn {
		font-size: 1em; color: #0860A8;
		text-align: center;
		}
	
	/* --- Zone de Fin devis select----------------------------------------------*/
	.DevisFinBloc {
		display: inline;
		padding:0; margin:10px 0 0 0;
		float: left
		}

	h4.NbreKms, 
	input.inptKms, 
	input.inptObtenir {float: left}
		
	.DevisFinBloc input.inptObtenir {margin:0 0 0 10px; padding:0;}

	.DevisFinBloc h4.NbreKms {font-weight:bold; color:#0860A8; font-size: 1em; margin:0; padding:5px 0 0 0;}

	.DevisFinBloc input.inptKms {
		width: 60px; font-size: 1em;  color: #0860A8; text-align: center; 
		margin: 0 0 0 10px;
		border:#0860A8 solid 1px;
		}

	.erreur {font-size: 1em; color: red; font-weight: normal; clear: both}
	
	.baseline {
		position:absolute; color: #336699;
		font-size: 10px; line-height: 13px;
		}
		
	.baseline a {color: #336699;font-size: 10px;line-height: 13px;}
	input, select {color: #336699;font-size: 10px;}