div.typeHeader
{
    width: 525px;
    background-color: white;
    border-bottom: 1px solid #c1c0c8;
    margin-bottom: 2px;
}

.whiteSpaceNowrap
{
	white-space:nowrap;
}

.padT3 
{
	padding-top: 3px;
}

/* Couleur du texte Bleu */
.titre1, a, div.intituleBloc, .texteCouleurAuto
{
	color: #007ac9;
}

.enteteModelesVehicule 
{
	background-color: #007ac9;
	color: White;
}

.titreModelesVehicule 
{
	height:25px;
	vertical-align:middle;
}

.fondModeleVehiculeBleuClair
{
	background-color:#f4fbfe;
}

.fondModeleVehiculeBleuFonce
{
	background-color: #e6f4fc;
}

.fondModeleVehiculeBleuMouseOver 
{
	background-color: #c3d9ff;
	font-weight: bold;
}

.fondModeleVehiculeBleuTresFonce 
{
	background-color: #0091C6;
	color: White;
	font-weight: bold;
}

/* Couleur du fond Bleu fonce */
.couleurAuto, a.lienTarif:link, a.lienTarif:visited, tr.bandeauAide
{
	background-color: #0091C6;
}

tr.titreBloc:hover
{
	background-color: white;
}

/* Formulaire */

div.titreGroupe
{
	margin-left: 15px;
	margin-top: 0px;
	margin-bottom: 5px;
	font-size: 1.2em;
	font-weight: bold;
	height : 26px;
}

.titreGroupeGauche
{
	width : 70%;
	padding-top : 7px;
}

.titreGroupeDroite
{
	padding-top : 7px;
	padding-bottom : 5px;
	margin-right : 10px;
}

.blocQuestions
{
	border: 1px solid #c1c0c8;
	/*margin: 20px 10px 15px 10px;*/
	margin-top:20px;
	margin-bottom:15px;
	margin-right:10px;
	margin-left:10px;
	
	height: 100%;
	width: 503px;
	position: relative;
	margin: 20px 10px 15px 10px;
	padding-top: 20px;
	display : block;
	background-color:#f4fbfe;
/*	display : inline;*/
}

.titreBloc
{
	background-color: #007ac9;
	color: White;
	font-size: 1.2em;
	font-weight: bold;
	margin-left: 5px;
	padding: 5px 10px 5px 10px;
}

div.divAideReponse 
{	
	border: 1px solid #c1c0c8;
	DISPLAY: none;
	margin: 10px;	
	padding: 5px;
}

div.questionDA
{
	margin: 10px 5px 5px 10px;
	width: 50%;
	text-align:right;
	float: left;
}

div.reponseDA
{
	margin: 10px 5px 5px 5px;
	width: 45%;
	text-align:left;
	float: left;
}

div.question
{
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 0px;
	width: 503px;
	clear: both;
}

div.questionIntitule
{
	width: 250px;
	float: left;
	text-align: right;
}

.questionBleuClair
{
	background-color:#f4fbfe;
	/*background-color:#E8EEF7;*/
}

.questionBleuFonce
{
	background-color:#e6f4fc;
	/*background-color:#C3D9FF;*/
}
/*
fieldset.questionBleuClair
{
	background-color:#f4fbfe;
	background-color:#E8EEF7;
}

fieldset.questionBleuFonce
{
	background-color:#e6f4fc;
	background-color:#C3D9FF;
}*/

div.divInfo
{
	background-color: White;
	border: 1px solid #c1c0c8;
}

.delaiPoste
{
	margin-left: 138px;
}

.notaTelephone
{
	margin-right: 58px; 
}

.notaPDF
{
	margin-left: 138px;
}

div.divRadioBouton
{
	margin-bottom: 2px;
	height: 100%;
}

div.textRadioBouton
{
	display: block;
	margin-left: 19px;
	margin-top: 2px;
}
/*
 ****************************************************************************************
 *	S'applique notemment dans Firefox. Permet de forcer une balise div ŕ recalculer		*
 *	sa taille en fonction de celle de la plus grand balise div qu'elle contient.		*
 ****************************************************************************************
 */
.clearfix:after 
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix 
{
	display: inline-block;
}

/* Hides from IE-mac */
* html .clearfix 
{
	height: 1%;
}
.clearfix 
{
	display: block;
}
/****************************************************************************************/

div.reponse
{
    font-weight: normal;
    width: 240px;
    text-align: left;
    padding-left: 5px;
    padding-right: 5px;
    float: right;
    margin-bottom: 5px;
}

div.avantReponse
{
	width: 503px;
	font-weight: bold;
	float: left;
	margin-left: 0px;
}

div.apresReponse
{
	width: 100%;
	float: left;	
}

div.alerteReponse
{
	width: 503px;
	float: left;
	font-size:xx-small;
	color: Red;
	text-align: center;
	display: none;	
	padding-bottom: 2px;
	padding-top: 2px;
}

.Notation
{
	font-weight: normal;
	font-size: 0.9em;
}

/* Récapitulatif */
table.tableauRecapitulatif
{
    width: 503px;    
}

td.tdpadd2
{
	padding-bottom: 2px;
	padding-top: 2px;
}

/* Les divs d'aide et attente */
div.divAttente
{
    border: 5px solid #007ac9;
    z-index: 1;
}


td.TableAide
{
    width:500px;
}

tr.bandeauAide
{
	height: 20px;
	margin-bottom: 5px;
	padding-left: 5px;
	padding-top: 3px;
}

/* Bande de navigation */
.typeFooterAuto
{
	margin: 5px 10px 10px 0px;
}

.imgRetour
{
	background:url(/img/common/auto/bout_back_clear.gif) no-repeat;	
	height:30px;
	width:104px;
	cursor:pointer;
}

.imgModifier
{
	background:url(/img/common/auto/bt_modifier_footer.gif) no-repeat;	
	height:30px;
	width:104px;
	cursor:pointer;
}

.imgContinuer
{
	background:url(/img/common/auto/bout_next.gif) no-repeat;
	height:30px;	
	width:104px;
	cursor:pointer;
}

.imgValider
{
	background:url(/img/common/auto/bout_valid.gif) no-repeat;
	height:30px;	
	width:104px;
	cursor:pointer;
}

.imgQuitter
{
	background:url(/img/common/auto/bout_quit.gif) no-repeat;	
	height:30px;	
	width:104px;
	cursor:pointer;
}

.imgRevenirPlusTard
{
	background:url(/img/common/auto/bout_revenir_plus_tard.gif) no-repeat;	
	height:33px;
	width:110px;
	cursor:pointer;
}

.imgVotreTarif
{
	background:url(/img/common/auto/obtenir_votre_tarif_bleu.gif) no-repeat;	
	height:39px;
	width:216px;
}

/* Fin bande de navigation */
.souscription
{
    background-color: white;
    height: 50px;
    width:525px;
    border-bottom :1px solid #c1c0c8;
}

.souscription a{
	color: #787789;
}

.legendeBoutonCollapse{
	height : 20px;
	width : 515px;
	padding-left : 10px;
	padding-top : 5px;
	background-color: #f2f2f4;
}

/* ------------   tableau Tarifs  ------------- */ 
.couleurBleuTarif, .recapTotalTarif, .optionTarifChoisie
{
    color:#007ac9;
}

.textTarif
{
    color: White;
    font-weight:bold;
}

.titreTarif
{
    color: White;
    font-weight:bold;
    margin-top : 10px;
    margin-left: 10px;
}

table.tableauTarif 
{
    width: 504px;
    margin-left:0px;
    text-align:center;
    font-weight:bold;
    border-style:solid;
    border-width: 1px;
    border-color:White;
    padding-top:0px;
    padding-bottom:0px;
}

td.tdTarif
{
    width: 250px;
    height: 20px;
    padding: 0px;
    color: White;
    border-color:White;
    border-style:solid;
    border-width: 1px;
}

table.largeurOption
{
	width: 504px;
}

.notreConseil
{
	background: url(/img/common/auto/notre_recommandation.gif) no-repeat;
	background-position: right;
	background-position-x: 85%; 
	
}

.notreConseilOptions
{
	background: url(/img/common/auto/notre_recommandation.gif) no-repeat;
	background-position: center;
}

td.tarifChoisi
{
	width: 250px;
    height: 20px;
	padding: 0px;
    color:#007ac9;
    border-top-color:#007ac9;
	border-bottom-color : #FFFFFF;
	border-left-color : #FFFFFF;
	border-right-color : #FFFFFF;
    border-style:solid;
    border-width: 1px;
    font-size:small;
}


.optionTarifChoisie
{
    font-weight:bold;
    font-size:large;
}


.recapTotalTarif
{
    margin-left:10px;
    padding-left:10px;
    width: 494px;
	background-color: #ffffff;
}

.fondBlanc
{
	background-color: #ffffff;
}

.fondGris
{
	background-color: #f2f2f4;
}

.fondGrisF
{
	background-color: #cccccc;
}

.fondTarif
{
	background-color: #007ac9;
}

img.traitBlancOption
{
    border-bottom:1px solid White;
    height:20px;
}

img.traitBleuOption
{
    border-bottom:1px solid #0091C6;
    height:20px;
}

.montantTotal
{
    font-size:x-large;
    font-weight:bold;
    text-align:center;
}

.imgEnregistrerSimulGPI
{
	background:url(/img/common/auto/enreg_simu.gif) no-repeat;
	cursor:pointer;
	height:50px;
	width:175px;
	background-position: center;
}

.imgSouscrireEnLigne
{
	background:url(/img/common/auto/souscrire.gif) no-repeat;
	cursor:pointer;
	height:50px;
	width:175px;
	background-position: center;
}

.imgRecevoirMonDevisGPI
{
	background:url(/img/common/auto/recev_devis.gif) no-repeat;
	cursor:pointer;
	height:50px;
	width:175px;
	background-position:center;
}

.imgCallBackGPI
{
	background:url(/img/common/auto/bouton_callback.gif) no-repeat;
	cursor:pointer;
	height:70px;
	width:120px;
	background-position:center;
}

.imgRecevoirMonDevis
{
	background:url(/img/common/auto/bt_recevoir_devis.gif) no-repeat;
	cursor:pointer;
	height:70px;
	width:166px;
	background-position:right;
}

.imgRecevoir
{
	background:url(/img/common/auto/bt_recevoir_devis.gif) no-repeat;
	cursor:pointer;
	height:70px;
	width:166px;
	background-position:right;
}

.imgTelephonerCharge
{
	background:url(/img/common/auto/bt_telephoner.gif) no-repeat;
	cursor:pointer;
	height:70px;
	width:167px;
	background-position:right;
}

.examenVisuel
{
    font-size:10px;
    line-height:10px;
    padding: 3px 10px 5px 10px;
}

/*Ligne bleu au dessus et en dessous du numero de proposition*/
.ligneBleu90
{
	width: 100%;
	color: #007ac9;
}

.AnimationCommerciale
{
    border: 1px solid #c1c0c8;
    position:absolute; 
    z-index:2; 
    left: 50px;
    top: 250px; 
    height:350px;
    display:none;
}



/* -------------  Divers   -------------*/
button
{
	border:solid 0px transparent;
}

.invisible
{
	display: none;
}

.padT50
{
	padding-top: 50px;	
}

.justify
{
	text-align:justify;
}

.centre
{
	text-align: center;
}

.centreVertical
{
	vertical-align : middle;
}

.gauche
{
	text-align: left;
}

.clearBoth
{
	clear: both;
}


/*---------- Tableaux ----------*/

/* tableau CRM */
.aideTable
{
	border:solid 2px #0091C6;
	border-collapse:collapse;
}
.tdTitreAideCRM
{
	text-align:center;
	font-weight:bold;
	border:solid 1px #0091C6;	
	padding:5px 0px 5px 0px;
}
.tdAideCRM
{
	text-align:center;
	border:solid 1px #0091C6;	
	padding:2px 0px 2px 0px;
}
/* fin tableau CRM */

/* macaron */
div.macaron
{
	position:absolute;
	z-index: 2;
}

.alignementDroite
{
	text-align:right;
}

/* page rejet partenaire */
.imgClicPartenaire
{
	vertical-align:middle;
	width: 94px;
	height: 27px;
	cursor: pointer;
}

.lienPartenaire
{
	color : #007ac9;
	font-size : larger;
	font-weight : bold;
	text-decoration : underline;
	cursor: pointer;
}

.lienBleu
{
	color : #007ac9;
	text-decoration : underline;
	cursor: pointer;
}

.lienNoir
{
	color : #000000;
	text-decoration : underline;
	cursor: pointer;
}

.margPhonePartenaire{
	margin-left : 87px;
}

.tooltip
{
	position:absolute;
	display: none;
	z-index: 100;
    border: 2px solid #0091c6;
    background-color:#FFFFFF;
	padding: 2px;
	text-align:left;
}

.width180
{
	width:180px;
}

.width490
{
	width:490px;
}

.texteGras
{
	font-weight : bold;
}

.texteRouge
{
	color:Red;
}

.telechargerDevis
{
	text-align:center;
}

.padL60
{
	padding-left: 60px;
}

.padR60
{
	padding-right: 60px;
}

.txt9plus{
	font-size: 0.90em; 
}

.cursorText
{
	cursor:text;
}

.texteBleuSouligne {
	color : #007ac9;
	text-decoration : underline;
}

.textePropoTarif {
	margin-right : 10px;
	padding-top : 12px;
	padding-bottom : 12px;
}

.cadreBleuPropo{
	border : solid 1px #007ac9;
	padding : 1px 3px 1px 2px;
	font-weight : bold;
	font-size : 8pt;
	color : #000000;
}

.phoneBleu{
	width : 12px;
	margin-left : 10px;
	margin-right : 5px;
}

.w33Pcent{
	width: 33%;
}

.h100Pcent{
	height: 100%;
}

.w100Pcent{
	width: 100%;
}


.infoSimulModif{
    width: 500px;
    color: #787789;
    border: 1px solid #c1c0c8;
    background-color: #ffffff;
    position: absolute;
    left: 50px;
    top: 510px; 
    display: none;
    z-index: 1;
}


.tmpDivMask
{    
    text-align: left;
    position:absolute;    
    height:15px;
    z-index:50;
    font-size:x-small; 
    padding: 0px 0px 0px 0px;
    border: solid 1px #007AC9;
    background-color: #D6D3CE;    
}