/*--------------------------------------------------------------------------------*/
/* ----------------         BALISES GENERALES             -----------------------*/
/*--------------------------------------------------------------------------------*/
html {}

body {
	font:normal normal normal 12px Arial, sans-serif;
	color:#666;
	margin:25px 0 0 0;
	padding:0;
	text-align:center;
	background-color:#ccc;
}
		/* background: #fff;background: #005DAA url("images/fondPageNew.gif") repeat-x 0% 100% fixed;background: #005DAA url("images/fondPage.gif") repeat-x 0% 100% fixed;*/
		
/* --------  Liens par defaut ---------*/
a { 		text-decoration:none;}
a:hover{ 		color:#000	}
a:visited { 	color:#666}
a:link { 		color:#666}
a img{			border-style:none}		

/*--------------------------------------------------------------------------------*/
/* ----------------         CONTENEURS           ---------------------------------*/
/*--------------------------------------------------------------------------------*/

#globalAccueil{	
	position:absolute;
	left: 50%; 
	width:766px;
	height:564px; 
    margin-left: -383px; /* moitié de la largeur */
	text-align:left;	}

#global{text-align:left; margin-left:auto;margin-right:auto;width:769px; min-height:100%; position:relative;    }
#site{	min-height:100%; margin-top:20px; position:relative;}

/*-----------------------------------------------------------*/
/* -------------            ENTETE             ------------- */
/*-----------------------------------------------------------*/
#header{height:118px; background:url("../images/entete-fond.gif") no-repeat top left; 
display:block; width:801px; margin-left:0px}/*correction IE*/


/*-----------------------------------------------------------*/
/* -------------       PAGE D'ACCUEIL          ------------- */
/*-----------------------------------------------------------*/
#tabAccueil td{ vertical-align:top; font-size:10px; position:relative}

#newsAccueil { 	overflow:hidden; font-size:14px; font-weight:normal; background:#fff; text-align:left; width:175px; padding-left:12px  }
				
#newsAccueil strong{ color:#FF9900; font-size:12px; font-weight:bold; display:block; }
#newsAccueil a{ font-weight:bold; text-decoration:underline }
#newsAccueil img{ display:block; margin-left:-10px; margin-bottom:5px} 
/*-----------------------------------------------------------*/
/* -------------       BANDEAU FLASH           ------------- */
/*-----------------------------------------------------------*/
#bandeau{height:206px }
#bandeau img { margin-left:3px}

#tampon{
	position:absolute;
	top:191px;
	left:611px;
	width: 158px;
}

/*-----------------------------------------------------------*/
/* ------       LE MENU INSTITUTIONNEL    ------------------ */
/*-----------------------------------------------------------*/
#menuInstit{ position:absolute; padding:0;list-style-type:none; top:-25px; left:0px; margin:0;  	 }
#menuInstit li { display:inline;}
#menuInstit a {	font:normal normal normal 11px Arial, Helvetica, sans-serif;text-transform:uppercase;color:#fff;	margin:0 12px 0 0}
#menuInstit a:hover { color:#000000!important}

/*-----------------------------------------------------------*/
/*------             LE MENU PRINCIPAL               --------*/
/*-----------------------------------------------------------*/

#menuProduits{
  position:absolute;
  width:761px;	
  height:23px; 
  left:3px;
  top:100px; 
  padding:0;	
  background:#878787; 
  display:block; 

}
#devis{	position:absolute; left:2px; margin:0; padding:0}
#general{ position:absolute; right:0;  margin:0; padding:0}

#menuProduits a{ 
  display:block; 
  float:left; 
  }

#menuProduits dl{
  height:23px;
  margin:0pt;
  padding:0pt;
}

#blocMenu{
  float:right;
  display:block;
}

#blocDevis{
  float:left;
  display:block;
}


#menuProduits dt{
  display:inline;
}


a.menuScooter{
  background: url("../images/menu_devisscooter.gif");
  width:119px;
  height:23px;
}

a.menuScooter:hover{
  background: url("../images/menu_devisscooter_over.gif");
  width:119px;
  height:23px;
}

a.menu50cc{
  background: url("../images/menu_devis50cc.gif");
  width:98px;
  height:23px;
}

a.menu50cc:hover{
  background: url("../images/menu_devis50cc_over.gif");
  width:98px;
  height:23px;
}

a.menuOffre50cc{
  background: url("../images/menu_notreoffre50cc.gif");
  width:126px;
  height:23px;
}

a.menuOffre50cc:hover{
  background: url("../images/menu_notreoffre50cc_over.gif");
  width:126px;
  height:23px;
}

a.menuOffreScooter{
  background: url("../images/menu_notreoffrescooter.gif");
  width:153px;
  height:23px;
}

a.menuOffreScooter:hover{
  background: url("../images/menu_notreoffrescooter_over.gif");
  width:153px;
  height:23px;
}

a.menuConditions{
  background: url("../images/menu_nosconditions.gif");
  width:118px;
  height:23px;
}

a.menuConditions:hover{
  background: url("../images/menu_nosconditions_over.gif");
  width:118px;
  height:23px;
}

a.menuGarantie{
  background: url("../images/menu_nosgaranties.gif");
  width:109px;
  height:23px;
}

a.menuGarantie:hover{
  background: url("../images/menu_nosgaranties_over.gif");
  width:109px;
  height:23px;
}

a.menu{
  display:block;
}


/*------------------------------------------------*/
/* -------------    PARTIE CENTRALE       -------*/
/*------------------------------------------------*/
#central {	background:#fff; min-height:100%; width:767px ; overflow:hidden !important; margin:0 0 0 1px} /* ATTENTION : correction specifique IE  */
			
/*------------------------------------------------*/
/*--- LE BLOC PRODUITS de la page d'ACCUEIL  -----*/
/*------------------------------------------------*/
#blocProduits{margin:0px 0 0 2px;}
#blocProduits table {position:relative; left:3px; padding:0;width:758px; margin:-5px 0 0 0; border-collapse:collapse}
a.lienProduits{ width:203px; height:260px; display:block}
a.lienProduits:hover { visibility: visible } 
a.lienProduits:hover img { visibility: hidden } 
a.lien50cc{
  background: url("../images/accueil_50cc.jpg");
  display:block;
  width:203px;
  height:260px;
}
a.lien50cc:hover{
  background: url("../images/accueil_50cc_over.jpg");
  display:block;
  height:260px;
  width:203px;
}
a.lienScooter{
  background: url("../images/accueil_scooter.jpg");
  display:block;
  width:203px;
  height:260px;
}
a.lienScooter:hover{
  background: url("../images/accueil_scooter_over.jpg");
  display:block;
  height:260px;
  width:203px;
}


/*------------------------------------------------*/
/*--------     LA ZONE DE CONTENU     ------------*/
/*------------------------------------------------*/
#zoneContenu {	color:#666;width:595px; padding:0 0 0 0 !important;vertical-align:top; overflow:hidden;   }
#zoneContenu a { color:#666; text-decoration:underline; font-weight:bold}
#zoneContenu a:hover{ color:#000; text-decoration:none;}

/*--------     on fixe la largeur de tous les elements, pour eviter les bugs IE    ------------*/

#zoneContenu h1 {width:560px}
#zoneContenu h2 {width:540px}
#zoneContenu h3 {width:540px}
#zoneContenu h4 {width:560px}

#zoneContenu h1{	text-align:left; color:#666; font-size:18px; font-weight:normal; background:#ccc url('../images/titreH1Fond.png') no-repeat bottom right;
					text-align:right; height:23px; position:relative; top:0 !important; padding-right:10px; margin:0 0 0 2px ;
					padding-top:20px; }
					
#zoneContenu h1 img{ margin-top:-6px;}
			
#zoneContenu h2{	font-size:15px;	font-weight:bold; display:block; clear:both; border-bottom:2px solid #999; margin: 0 0 15px 8px; padding:0 0 0 0}


#zoneContenu h3{ 	font-size:13px; margin:-10px 0 8px 12px !important; text-decoration:underline }


#zoneContenu h4{ 	font-size:13px; margin:1px 100px 5px 45px; padding-left:21px;
					background:#fff url('images/titreH4Fond.gif') no-repeat bottom left }

#zoneContenu p{
	text-align:justify;
	position:relative;
	z-index:10;
	top:-5px;
	line-height:1.3em;
	font-size:105%;
	left: 20px;
	width:510px !important
	}

.partenaire{
  width:400px;
  margin-left:5px;
}
.tabPartenaire{
  font-size:13px;
  margin-left:10px;
  text-align:justify;
  width:560px;
}

.tabPartenaire tr{
height:105px;
}
	
.exergue{			
  font-size:12px;
  font-weight:bold;
  color:#666; }
.exergueTAB {		border:0px solid #ccc; width:500px; margin:0 0 0 10px}
.exergueTAB td { 	font-size:15px; font-weight:bold; vertical-align:top; text-align:left; padding:0 0 0 0;margin:0  }
.listeExergue{  	display:block; width:360px !important; list-style-image:url(../images/puceFlecheBleue.gif); margin:0 0 0 -38px ;padding:0 0 10px 25px}
.listeExergue li { 	line-height:23px; list-style-position:inside; text-indent:-18px; padding:0 0 0 35px  !important; font-weight:normal}




#blocConseil 	{ 		clear:both;	padding:0; width:500px; margin:0 0 25px 41px !important;} /* ATTENTION CORRECTIF IE */

#blocConseil span 	{	display:block;height:26px;	
						background:#A8C940 url('images/blocConseilTitreFond.gif') no-repeat top left;}

#blocConseil div{
	margin:0 0 0 4px;
	padding:10px;
	border:1px solid #A8C940;
	border-top-style:none;
	text-align:justify;}
	
#blocConseil div p{ padding:0; margin:10px 0 0 0}
#blocConseil div em{ display:block; margin:0 0 -8px 0; color:#A8C940; font:normal normal bold 13px Arial; text-decoration:underline}
	
					
/* La zone d'affichage du formulaire dynamique*/
#zoneContenu iframe{width:740px !important; min-height:1000px; height:1000px; padding:0; margin:0/*; border:1px solid #ccc;*/ }


/* le tableau des conditions de souscription, sous forme d'image*/
#conditionsAccept{ margin:15px 0 0 0px}

/*---------------------------------------------------------------*/
/*-----------------       LE GLOSSAIRE      -------------------- */
/*---------------------------------------------------------------*/
#glossaire{	padding:0; margin:5px 0 0 10px;  }

#glossaire h6{	background:none;
				font-size:12px ;
				color:#333;
				font-weight:bold;
				margin:5px 40px 2px 25px !important;
				border-bottom:2px dashed;
				text-transform:uppercase;}

#glossaire span{	display:block;
					margin:0 50px 15px 30px;
					text-align:justify}
/* Onglets du GLOSSAIRE */
.ongletsGlossaire {		margin:0;
						padding:0;
						height:25px;}
.ongletsGlossaire a{ text-decoration:none !important	 	}
.ongletsGlossaire li {
		font:bold 12px Arial,sans-serif;
		float:left;
		width:23px;
		text-align:center !important;
		text-transform:uppercase;
		color:#E46C02;
		background:url('../images/glossaire_onglet.gif') transparent no-repeat top right;
		margin:0 0 0 0;
		list-style-type:none;
		list-style-position:inside}
		
.ongletsGlossaire li.on {	width:25px;
							background:url('../images/glossaire_onglet_over.gif') transparent no-repeat top right;}

.ongletsGlossaire li.on a, .ongletsGlossaire li.on a:hover {
			cursor:default;
			text-align:center;
			padding:5px 0px 0 0;
			width:25px !important;
			min-width:25px 	!important;
			margin:0;
			color:#FFF !important;
			background-color:transparent}
			
.ongletsGlossaire li a {
			color:#666666;
			text-transform:uppercase;
			display:block;
			padding:0 ;
			border-left:1px solid #666;
			margin:5px 0 0 0;}
			
.ongletsGlossaire li a:hover {color:#fff !important; background-color:#E46C02;	}
			
#glossaireDefinitions{ 	background-color:#fff; margin:-5px 0 0 0;
						border:1px solid #666;
						width:550px;
						padding:15px 0 0 0}

/*-----------------------------------------------*/
/*---------    LA COLONNE DE DROITE    --------- */
/*-----------------------------------------------*/

#colonneDroite {width:178px; float:right; margin-top:10px; text-align:center; padding-top:0; margin-left:-20px; margin-right:10px }

/*------------- les booutons de devis -------------*/
#boutonDevisCyclo{ 
  background:transparent url("../images/devis_50cc.gif") no-repeat top left;
  height:113px;
  width:171px;
  display:block; 
  margin:10px 0;
}

#boutonDevisScooter{ 
  background:transparent url("../images/devis_scooter.gif") no-repeat top left;
  height:113px;
  width:171px;
  display:block; 
  margin:10px 0;
}

/*------------------------------------------------*/
/*------------       LE PIED DE PAGE  ------------*/
/*------------------------------------------------*/
#footer {	clear:both; color:#333;width:769px;padding-top:20px; padding-bottom:10px;font-size:11px;
			text-align:right; background:transparent url("../images/footer-fond.gif") no-repeat top left;
			margin:0 5px 0 0}
#footerAccueil{padding-bottom:10px; text-align:right; margin:0 5px 0 0}
#footerAccueil a, #footer a, #bandeauBas a{ color:#fff !important; padding:0; margin:0; }
#footerAccueil a { padding-top:5px !important}
#footerAccueil a:hover, #footer a:hover, #bandeauBas a:hover{ text-decoration:underline}
#bandeauBas {margin-top:-10px; background:url('images/bandeauBasFond.png') no-repeat top left; width:766px; height:144px}
#bandeauBasAccueil { margin-top:3px}

/*---------------------------------------------------------------*/
/*------------        LISTES "SOMMAIRE" (FAQ)   --------------- */
/*---------------------------------------------------------------*/
 
.sommaire { 		font-size:14px; margin:0 35px 25px 55px; display:block; }
.sommaire li { 		list-style-type:decimal;
					margin:0 0 	5px 0;  color:#c00 }
.sommaire a { }
.sommaire a:hover { text-decoration:underline; }
#reponses {			}
.reponse { 				margin:0; padding:0 0 0 25px; }
.reponse big{			display:block; height:25px; font-weight:bold; font-size:14px; 
						background:url('images/titreFaqFond.gif') bottom left no-repeat;
						padding:3px 0 0 30px; margin:0 0 10px 0;}
.reponse div{ 			background: url('images/reponseDetailHaut.gif') top left no-repeat; margin:1px 45px 0 10px; padding:0 10px 0 40px  !important } 
.reponse div table { 	width:80% !important; font-size:11px; padding:3px; margin:0 !important}
.reponse div td { 		text-align:center; border:0 none #fff }

/*
#tabBonus{width:100%; margin:5px 0 0 0;}
#tabBonus td{}
*/


/*-----------------------------------------------*/
/*------    LES CLASSES ADDITIONNELLES --------- */
/*-----------------------------------------------*/
.taille15 {  font-size:15px !important}
.taille16 {  font-size:16px !important}
.taille17 {  font-size:17px !important}

.flotDroite{float:right;margin-left:12px; margin-bottom:3px}
.flotGauche{float:left;margin-right:12px; margin-bottom:3px}
.bord1pxccc{border:1px solid #ccc}
.bord1px666{border:1px solid #666}
.bord1px999{border:1px solid #999}
.bord1pxnoir{border:1px solid #000}
.bleu {color:#005297 !important}
.orange {color:#FF7F00 !important}

.noteSmall {font:oblique lighter 9px Arial, Helvetica, sans-serif; font-size:10px !important}
.aligneDroite {text-align:right !important;}
.aligneGauche {text-align:left !important;}
.aligneCentre {text-align:center !important;}

.chapeauXL { font-size:17px !important; font-weight:bold }

.chapeauL {
  color:#666666;
  font-size:1.2em;
  font-weight:bold;
  margin-bottom:8px;
}
.chapeauM {	font-weight:normal;
			font-size: 14px !important;
			line-height:17px !important;
			padding:0;}
ul.chapeauXL { list-style-image:url('images/flecheOrange.gif'); display:block; margin-left:220px; margin-top:0}

.chapeauM img{ }
.article {	margin-bottom:20px}

#contact{ margin-left:20px !important ;}
#contact span{
	display:block;
	margin:0px 27px 25px 130px;
	padding-left:10px;
	padding-top:15px;
	font:normal normal bold 16px Arial, sans-serif;
	color:#B82E28;
}
#contact strong{ display:block}


#blocFormules .formule {
  background:#FFFFFF url(images/formuleFond.gif) no-repeat scroll 50%;
  height:125px;
  padding:15px;
  vertical-align:middle;
  font-size:12px;
}
#blocFormules td {
  text-align:center;
}

/* Bloc des lien de la page intermediaire "DEVIS" */

a.lienDevis{	display:block;
				clear:both;
				width:400px;     /* Attention : corrigé pour IE */
				height:126px;
				font-size:13px;
				font-weight:normal  !important;
				text-decoration:none !important;
				text-align:left;
				margin:6px 0;
				padding:20px;
				background:#fff url('images/lienDevisFond.gif') 0% 0% no-repeat;
				}
				
a.lienDevis strong { display:block; font-size:16px; text-transform:uppercase; margin-bottom:5px }
a.lienDevis:hover { background:#fff url('images/lienDevisFondOver.gif') 0% 0% no-repeat;}
a.lienDevis:hover strong { color:#9dca00 !important; text-decoration:underline !important  }

#lienDevisMoto{}
#lienDevisQuad{}
#lienDevisScooter{}

a.goTop {	display:block;	background: #fff url(images/goTop.gif) top left no-repeat; width:19px; height:18px; margin:0 0 20px 500px }
a.goTop:hover {	background-position:bottom left}

a.boutonDevis{ 	background: url('images/boutonDevisFond.gif') no-repeat 0px 0px;
				display:block;
				width:196px; height:56px;
				text-align:center; font: normal normal bold 14px/1.2em Arial;
				color:#AAD400 !important;
				text-transform:uppercase; text-decoration:none !important;	
				overflow:hidden;
				margin:20px 0 10px 200px;padding-top:20px;}
				
a.boutonDevis:hover{ color:#fff  !important; background-position:left bottom } 
.listeStd {		margin-left:10px ; width:500px } /* ATTENTION  CORRECTION BUG IE */
.listeStd li { 	margin:3px 0; list-style:url('../images/puceStandard.gif') outside none; }

.listePrime { margin:0 85px ;border:1px none #ccc}
.listePrime li{ margin-bottom:4px}
.special {	margin-left:25px;	text-align:justify; width:540px; height:320px;}
.special ul { background:#fff; margin:10px 0 0 185px; width:300px }
.special ul li{ margin-bottom:10px}
.special span.horaires{ display:block; margin-left:10px; padding-left:10px; text-align:left; font-weight:bold; font-size:13px; line-height:20px; border-left:2px solid #828798}
/*color:#F37C2C; */

.cache {display:none !important}
.invisible { visibility:hidden !important}	

.blocPromo{ display:block; margin:5px 0 0px 20px !important  }
.blocPromo div{ margin:5px 0 -5px 0 }

/*---------------------------------------------------------------------------------------------------------------------
------------------------                NOS OFFRES :  ZONE AVANTAGE             --------------------------------------
---------------------------------------------------------------------------------------------------------------------*/
#tabFormules{ 		font-size:12px; margin:10px 10px 15px 50px;  }
#tabFormules td{ 	width:137px !important; vertical-align:top; margin:50px; padding: 5px 0 0 0 ; text-align:center !important}
.tdFormuleStd { 	background:#fff url('../images/tdFormuleStdFond.gif') no-repeat top right !important; height:122px; text-align:center !important}
#tabFormules td.separateurTD{ 	width:15px !important;}
.avantageDiv{}
.avantageDiv h3{ margin:0 !important}
.avantageDiv p{ display:block; width:50%; margin:10px !important; padding:0 !important;}
.notesFormules {
  color:#999; 
  font-size:10px; 
  text-indent:10px;
  background:#fff;
}

.exergue table#listeTab {
margin-left:40px;
font-size:13px;
}
.exergue table#listeTab td {

  color:#666666;
  padding-bottom:5px;
  vertical-align:top !important;
}

.zoneBouton {
  margin-left:150px;
}

.buttonBigLeft {
  background-image:url(../images/button_left.jpg);
  height:60px;
  width:40px;
}

.buttonBigMiddle {
  background:transparent url(../images/button_middle.jpg) repeat-x scroll 0%;
  height:60px;
  vertical-align:middle;
}

.buttonBigRight {
  background-image:url(../images/button_right.jpg);
  height:60px;
  width:40px;
}

#zoneContenu a.boutonBig {
  color:#0E3793;
  display:block;
  font-size:18px;
  font-weight:bold;
  padding-bottom:10px;
  text-decoration:none;
}
/*---------------------------------------------------------------------------------------------------------------------*/



.tableauRealiserDevis { width:480px; clear:both; margin-left:50px; margin-top:10px}
.tableauRealiserDevis td{ vertical-align:top; position:relative }
.tableauRealiserDevis td.titre{ background:#fff url('images/titreH2DevisFond.gif') no-repeat top right; height:36px; 
								font-weight:bold; color:#F8AC55; vertical-align:top !important; font-sizeqf:19px}
.tableauRealiserDevis td.titre span{	position:absolute;margin:5px 0 0 10px;}							
								
.tableauRealiserDevis td.texte{ background:#fff; padding:5px 0 0 30px; font-size:14px; line-height:20px; vertical-align:top}
.tableauRealiserDevis td.visuel{ }

.majuscule{text-transform:uppercase !important}
.vert {color:#75CD28 !important}
.souligne { text-decoration:underline !important}

.mentionsTAB{ margin:0 0 0 20px; width:550px !important }
.mentionsTAB td{ font-size:13px; line-height:16px; text-align:justify;}
.mentionsTAB h2{ margin-left:0 !important; width:275px !important}
#tabListe { width:300px; margin:0 0 0 25px}
#tabListe td { font-size:12px; vertical-align:top; }