/* style global ----------------------------------------------------------------------------------------------------------------- */
html{
	width:100%;
	height:100%;
}
body{
	color: #333333;
    font-family: Helvetica, Arial, sans-serif;
	margin:0;
	width:100%;
	height:100%;
	margin-left: auto;
    margin-right: auto;
    font-size:12px;
}
#container{
	width:100%;
	height:auto;
	min-height:100%;
	margin-top:0px;
}
#containerCentre{
	width:1094px;
	height:auto;
	min-height:1000px;
	margin:auto;
}
#BlocGauche{
}
#CornerBleu{
	background: url("../images/corner_menu.png");
	height:75px;
	width:22px;
	position:absolute;
}
#BlocDroite{
	
}
.BandeauVertical{
	width:22px;
	height:auto;
	min-height:1000px;
	float:left;
}
#BlocCentre{
	width:1050px;
	height:auto;
	min-height:1000px;
	box-shadow: 0px 0px 20px 3px rgba(0, 0, 0, 0.35);
	float:left;
	background-color:#efeef3;
}
#LigneTop{
	width:1050px;
	height:40px;
	color:#405580;
	background-color:#FFFFFF;
	font-size:15px;
}
#BlocLigneTop{
	width:695px;
	margin:auto;
	padding-top:7px;
}
#BlocContenu{
	width:1050px;
	min-height:800px; /* MAPO20160916 */
	height:auto;
	overflow:hidden;
}
#BlocContenuG{
	width:375px;
	height:690px;
	float:left;
}
#BlocContenuGAccueil{
	width:375px;
	height:1650px;
	float:left;
}
#BlocLogo{
	width:375px;
	height:310px;
	background: url("../images/logo.png");
}
#BlocMenu{
	width:375px;
	height:380px;
	margin-top:20px;
}

#BlocMenu a{
	color:#333333;
	text-decoration:none;
}
#BlocMenu a:hover{
	color:#FFFFFF;
	text-decoration:none;
}

.BlocMenuActif, .BlocMenuActifSpe{
	/*background-color:#509cc7;*/
	background:url("../images/carre_bleu_petit.png");
	color:#FFFFFF;
	width:300px;
	height:47px;
	font-weight:bold;
	font-size:28px;
	text-align:center;
	padding-left:55px;
	padding-top:13px;	
}
.BlocMenuActifSpe{
	font-size:25px;
}
.BlocMenu, .BlocMenuSpe{
	width:300px;
	height:46px;
	font-weight:bold;
	font-size:28px;
	margin-left:55px;
	background-color:#FFFFFF;
	text-align:center;
	padding-top:13px;
	border-bottom:1px solid #cccccc;
}
.BlocMenu:hover, .BlocMenuSpe:hover{
	background:url("../images/carre_bleu_petit.png");
}

.BlocMenuSpe{
	color:#c0031f;
	font-size:25px;
}
.BlocMenuSpe:hover{
	color:#FFFFFF;
}

#BlocChoixCmdImg{
	width:300px;
	height:266px;
	margin-top:20px;
	margin-left:55px;
	background:url("../images/choix_commande.png");
}
#BlocChoixCmd{
	width:270px;
	height:205px;
	margin-left:55px;
	background-color:#b4bbc6;
	border-radius:0px 0px 5px 5px;
	padding:15px;
}
.TxtVehiculeMarque{
	font-size:15px;
	font-weight:bold;
	height:22px;
	width:220px;
	color:#1e1e1e;
	padding-top:8px;
}
#id_type_vehicule, #id_constructeur{
	width:265px;
	max-width:265px;
	min-width:265px;
	font-size:14px;
	
	background:#e1e1e1;
	color:#464646;
	padding:10px 15px;
	border:none;
}
#BtnValider{
	width:126px;
	float:left;
	margin-top:30px;
}
.StyleBtn{
	border:solid 1px #b70407;
	background-color:#b70407;
	color:#FFFFFF;
	height:20px;
	font-size:14px;
	text-align:center;
	border-radius:5px;
	padding:4px 5px;
}
#BlocPartenaires{
	width:300px;
	height:370px;
	margin-left:55px;
	margin-top:20px;
	background:url("../images/partenaires.png");
}

#BlocContenuD{
	min-height:690px;
	height:auto;
	width:675px;
	float:left;
}
/* Bandeau 1 en partant du haut ---------------------------------------------------------------------------------------------------------------------------------- */
#BandeauInfo{
	width:620px;
	height:100px;
	background-color:#0363af;
	margin-top:20px;
}
#BlocFleche{
	height:74px;
	padding-top:26px;
	width:33px;
	padding-left:10px;
	float:left;
}
#LogoGeoLoca{
	height:74px;
	width:33px;
	background: url("../images/iconeGeoloc.png") no-repeat;
}
#BlocTxtGeoLoca{
	width:320px;
	height:84px;
	float:left;
	font-size:18px;
	font-weight:bold;
	padding-top:16px;
}
.TxtGris{
	color:#dfe0e2;
}
.TxtBlanc{
	color:#FFFFFF;
}
.TxtGras{
	font-weight:bold;
}
.LibelleTxtH18{
	width:100%;
	height:18px;
}
.LibelleTxtH22{
	width:100%;
	height:22px;
}
.LibelleTxtH44{
	width:100%;
	height:44px;
}
#BlocInfo{
	height:70px;
	padding-top:30px;
	width:40px;
	float:left;
}
#LogoInfo{
	height:35px;
	width:35px;
}
#LogoInfo img{
	width:100%;
	height:100%;
}
#BlocTxtInfo{
	width:130px;
	height:80px;
	float:left;
	font-size:14px;
	font-weight:bold;
	padding-top:20px;
}
#BlocInfoStandard{
	height:84px;
	width:85px;
	float:right;
}
#BlocInfoStandard img{
	width:100%;
	height:100%;
}
/* Bandeau 2 : vehicule en partant du haut ----------------------------------------------------------------------------------------------------------------------------------------------------- */
#LogoVehicule{
	background:url("../images/vehicule.jpg");
	height:300px;
	width:620px;
	margin-top:10px;
}
/* Bandeau 3 : procedure commande en partant du haut ----------------------------------------------------------------------------------------------------------------------------------------------------- */
#BandeauProcedureCmd{
	width:620px;
	height:170px;
	margin-top:20px;
}
.BlocEtapeCmd{
	width:190px;
	height:159px;
	float:left;
}
.BlocEtapeCmd img{
	width:100%;
	height:100%;
}
.MarginRight25{
	margin-right:25px;
}
/* Bandeau 4 en partant du haut -------------------------------------------------------------------------------------------------------------------------------------------------------- */
#ZoneTxtAccueil{
	width: 620px;
	height:auto;
	font-size:16px;
	/*text-align:justify;*/
}

/* Bandeau 5 : liste à puces ---------------------------------------------------------------------------------------------------------------------------------------- */
#BandeauLstServices{
	width:560px;
	height:420px;
	border-radius:5px;
	background-color:#b4bbc6;
	padding:10px 30px;
}
h3{
	color:#0676cf;
	font-size:21px;
	text-transform:none;
	margin:10px 0;
}
#BandeauLstServices ul{
	padding:9px;
	margin:0;
}
#BandeauLstServices li{
	border-bottom:1px dotted #ffffff;
	display:block;
	margin:6px 0;
	min-height:30px;
	padding:8px 1px 8px 39px;
	background:rgba(0, 0, 0, 0) url("../images/puce.png") no-repeat scroll left 50%;
	font-size:15px;
}

/* Bandeau alert ----------------------------------------------------------------------------------------------------------------------------------- */
#BandeauAlert {
	height: 150px;
	width:940px;
	margin-top: 10px;
	padding:10px 55px 0 55px;
	background-color:#961300;
}
#BandeauAlert h2{
	color:#fbfbfb;
	font-size:24px;
	margin:10px 0 20px 0;
}
.contentAlert{
	color:#fbfbfb;
	font-size:15px;
}
/* Bandeau service ----------------------------------------------------------------------------------------------------------------------------------- */
#BandeauService{
	height: 225px;
	width:940px;
	padding:10px 55px 0 55px;
	background-color:#b7bbc7;
	font-size:15px;
}
#BandeauService h2{
	font-size:24px;
	margin:10px 0 20px 0;
}
/* Bandeau Marque --------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.Bandeau{
	width:940px;
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
}
#BandeauMarque{
	background-color:#FFFFFF;
	height:120px;
}
.TxtLibMarq{
	padding-top:15px;
	height:22px;
	width:auto;
	font-size:18px;
	text-align:center;
}
#AnimMarq{
	height: 60px;
	margin-top:5px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    width: 885px;
}
/* Bandeau footer ---------------------------------------------------------------------------------------------------------------------- */
#BandeauFooter{
	background-color:#323232;
	margin-bottom:20px;
	height:200px;
}
#BandeauLienFooter{
	height:29px;
	width: 900px;
	margin:auto;
	padding-top:10px;
}
#LstLiens{
	padding-top:9px;
	height:20px;
	width:690px;
	float:left;
}
.LibLien{
	height:20px;
	font-size:16px;
	float:left;
}
.LibLien a{
	font-size:16px;
	text-decoration:none;
	color: #dfe0e2;
}
.LibLien a:hover{
	text-decoration:underline;
}
.SepareLien{
	height:20px;
	width:14px;
	float:left;
	background: url("../images/separe_lien.png") no-repeat;
}
#Secure{
	height:29px;
	width:14px;
	background: url("../images/cadenas.png") no-repeat;
	margin-left:35px;
	margin-right:15px;
	float:left;
}
#LogoVisa{
	height:29px;
	width:139px;
	float:left;
	background: url("../images/logo_visa.png") no-repeat;
}

#BlocSignature{
	margin-top:25px;
	height:45px;
	width: 885px;
	margin-left: auto;
	margin-right: auto;
	font-size:14px;
}
#AdresseSignature{
	height:45px;
	width:330px;
	float:left;
}
#LegendeSignature{
	width:350px;
	height:24px;
	padding-top:18px;
	float:right;
	text-align:right;
}

#LegendeSignature2{
	width:440px;
	height:24px;
	padding-top:18px;
	float:right;
	text-align:right;
	font-size:11px;	
}


/* page commande ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#CheminCmd{
    height: 30px;
    margin-top: 10px;
    width: 620px;
}
.LibCmd, .LibCmdFin{
	float:left;
	height:30px;
}
.LibCmd{
	width:210px;
}
.LibCmdFin{
	width:200px;
}
#LibAdresse{
	background: url("../images/progress_logo_adresse_active.png") no-repeat;
}
#LibEdition{
	background: url("../images/progress_logo_edition.png") no-repeat;
}
#LibValidation{
	background: url("../images/progress_logo_validation.png") no-repeat;
}

#BandeauRecapCmd{
	margin-top:10px;
	/*height:80px;*/
	height:160px;
	width:620px;
}
#BlocRecapCmd{
	padding-left:10px;
	width:520px;
	/*height:80px;*/
	height:160px;
	margin-right:10px;
	background-color:#0363af;
	float:left;
}
#BandeauLibCmd{
	height:22px;
	width:520px;
}
#LibRecap{
	width:340px;
	height:22px;
	float:left;
	font-size:16px;
	font-weight:bold;
}
#LibPaiement{
	width:180px;
	height:22px;
	float:left;
	background-color:#0d4282;
	font-size:14px;
}
#TxtLibPaiementRecap{
	width:160px;
	height:20px;
	float:left;
	padding-left:4px;
	padding-top:2px;
}
#CadenasRecap{
	width:12px;
	height:22px;
	background: url("../images/cadenas_recap_paiement.png") no-repeat;
	float:left;
}
#ContenuRecapCmd{
	height:50px;
	width:520px;
	margin-top:3px;
}
#LogoMarqueRecap{
	width:50px;
	height:50px;
	background-color:#FFFFFF;
	margin-right:20px;
	float:left;
}
#TxtRecapCmd{
	width:450px;
	height:50px;
	float:left;
	font-size:14px;
}

#LigHautTxtRecapCmd, #LigBasTxtRecapCmd{
	width:450px;
	height:22px;
}
.LigHautTxtRecapCmdDouble{
	width:450px;
	height:44px;
}
#LigHautTxtRecapCmdG, #LigHautTxtRecapCmdD, #LigBasTxtRecapCmdG, #LigBasTxtRecapCmdD{
	width:215px;
	height:22px;
	float:left;
}
#LigHautTxtRecapCmdG, #LigBasTxtRecapCmdG{
	margin-right:20px;
}
#LegendeMarqRecap, #LegendeDelaisRecap, #LegendeTypeRecap, #LegendePrixRecap{
	font-weight:bold;
}
#LegendeMarqRecap{
	width:65px;
}
#LegendeDelaisRecap{
	width:45px;
}
#LegendeMarqRecap, #LibMarqRecap, #LegendeDelaisRecap, #LibDelaisRecap,
#LegendeTypeRecap, #LibTypeRecap, #LegendePrixRecap, #LibPrixRecap{
	float:left;
}
#LegendeTypeRecap{
	width:44px;
}
#LegendePrixRecap{
	width:38px;
}

#ExempleRecapCmd{
	width:80px;
	height:80px;
	float:left;
	background: url("../images/exemplaire.png") no-repeat;
}

#BandeauAdresseCmd{
	height:500px;
	width:620px;
	margin-top:10px;
	padding-top:5px;
	background-color:#FFFFFF;
}
.LigTitreAdresse{
	height:25px;
	width:600px;
	margin:auto;
}
#TitreFormAdresse{
	width:440px;
	height:25px;
	margin-right:10px;
	float:left;
	font-weight:bold;
	font-size:16px;
}
.LegendeAdress{
	width:150px;
	height:20px;
	padding-top:5px;
	font-size:14px;
	float:left;
	text-align:center;
}
.FondLegendeAdresseActive{
	background-color:#b70407;
}
.FondLegendeAdresseDesactive{
	background-color:#b70407;
}
.BlocContenuChamps{
	width:578px;
	height:148px;
	border: solid 1px #b70407;
	margin:auto;
	padding:10px;
}
.DemiBlocContenuChamps{
	width:280px;
	height:148px;
	float:left;
}
.ligneform{
	height: 22px;
    margin-bottom: 5px;
    width: auto;
}
.LibLigneTxt {
    float: left;
    font-size: 14px;
    padding-top: 3px;
    width: 90px;
}
.LibLigneInput {
    float: left;
    width: auto;
}
.Champs180{
	width:180px;
}
.StyleChamps{
	background-color: #ececec;
    border:1px solid #dddddd;
}
.LigSeparateurchamps{
	width: auto;
	height:9px;
}
#LegendeCmd{
	height:16px;
	width:570px;
	margin:auto;
	background-color:#464646;
	margin-bottom:5px;
	font-size:10px;
	padding:2px 15px 2px 15px;
}
#TitreFormCheckbox{
	width:440px;
	height:25px;
	margin-right:10px;
	float:left;
	font-size:14px;
}


#BandeauInfosPoste{
	width: 940px;
	height:60px;
	margin-top:10px;
	background-color:#FFFFFF;
	margin-left: auto;
    margin-right: auto;
	font-size:16px;
	font-weight:bold;
}
#LibLivLaPoste{
	width:700px;
	height:40px;
	padding-top:20px;
	padding-left:10px;
	float:left;
}
#LogoLaPoste{
	width:230px;
	height:62px;
	background: url("../images/logo_la_poste.png") no-repeat;
	float:left;
}

#BandeauChoixAdresse{
	width: 940px;
	height:50px;
	margin-top:10px;
	margin-left: auto;
    margin-right: auto;
}
#BlocChoixAdresse, #BlocChoixRdv{
	font-size:16px;
	font-weight:bold;
	text-align:center;
	padding-top:10px;
	float:left;
	color:#FFFFFF;
}
#BlocChoixAdresse{
	width:300px;
	height:30px;
	background-color:#0d4282;
	margin-right:20px;
}
#BlocChoixRdv{
	width:220px;
	height:40px;
	background-color:#0363af;
}

#BandeauLocaAg{
	width: 934px;
	height:274px;
	margin-left: auto;
    margin-right: auto;
	background-color:#FFFFFF;
	border:3px solid #0363af;
}
#TxtLocaAg{
	width: 650px;
	height:144px;
	float:left;
	padding:25px 20px 25px 20px;
	font-size:14px;
	line-height:20px;
}
#ImgLocaAg{
	width: 230px;
	height:180px;
	float:left;
	padding:7px;
}

#BandeauBtnCmd{
	height:30px;
	width: 940px;
	margin-left: auto;
    margin-right: auto;
	margin-top:10px;
}

#BtnRetour{
	width:160px;
	height:30px;
	float:left;
	background: url("../images/btn_retour.jpg") no-repeat;
	cursor:pointer;
}
#BtnSuiteCmd{
	width:360px;
	height:30px;
	float:right;
	background: url("../images/btn_poursuite_cmd.jpg") no-repeat;
	cursor:pointer;
}


/* Page edition commande --------------------------------------------------------------------------------------------------------------- */
#BandeauEditionCmd{
	height:480px;
	width:590px;
	padding:10px 15px 10px 15px;
	background-color:#FFFFFF;
	margin-top:10px;
	font-size:12px;
}
.LibLigneTxtEd{
	float: left;
    font-size: 14px;
    padding-top: 3px;
    width: 260px;
}
.champs265{
	width:265px;
}
#id_pays_pi_paypal{
	width:271px;
	max-width:271px;
	min-width:271px;
}
.ligneformMini{
	height: 16px;
    margin-bottom: 4px;
    width: auto;
}
.LargFixTd310{
	max-width: 310px;
    min-width: 310px;
	overflow: hidden;
}
.StyleButton{
	background-color:#B0B0B0;
	color:#FFFFFF;
	border:1px solid #dfe0e2;
}
.ExpleUpload{
	width:40px;
	height:28px;
	cursor:pointer;
}
.ExpleUpload img{
	width:100%;
	height:100%;
}
#BlocComEdit{
	font-size:14px;
}
#commentcmd{
	width:525px;
	height:85px;
	resize:none;
}

/* page validation commande --------------------------------------------------------------------------------------------------------- */
#BandeauValidAdresse{
	height:180px;
	width:620px;
	margin-top:20px;
}
#chk_fpc_cgv_paypal2 {
	transform: scale(0.7);
	-webkit-transform: scale(0.7);
	margin-left:-2px;
	padding-top:5px;
}

.BlocUneAdresse{
	width:300px;
	height:180px;
	float:left;
	background-color:#FFFFFF;
}
#LibelleAdresseLiv, #LibelleAdresseFact{
	height:28px;
	width:300px;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	padding-top:2px;
}
#LibelleAdresseLiv{
	background-color:#0d4282;
}
#LibelleAdresseFact{
	background-color:#0d4282;
}

#ContenuAdresseLiv, #ContenuAdresseFact{
	height:140px;
	width:280px;
	padding:5px 10px 5px 10px;
	font-size: 16px;
    font-weight: bold;
}

#BandeauValidMail{
	height:26px;
	width:610px;
	margin-top:10px;
	background-color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	padding-top:4px;
	padding-left:10px;
}
#LegendeValidMail, #LibValidMail{
	float:left;
}
#LegendeValidMail{
	margin-right:5px;
}

#BandeauTypeReg{
	height:140px;
	width:620px;
	margin-top:10px;
	background-color:#FFFFFF;
}
#TitreTypeReg{
	height:28px;
	width:620px;
	background-color:#b70407;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	padding-top:2px;
}
#ContenuTabPaiement{
	height:105px;
	width:620px;
	padding-top:5px;
}
#BandeauValidCgv{
	color: #A7363C;
    font-size: 14px;
    font-weight: bold;
    height: 100px;
    margin-top: 5px;
    width: 620px;
}
#BtnValiderCmd{
	width:240px;
	height:30px;
	float:left;
	background: url("../images/btn_valider.jpg") no-repeat;
	cursor:pointer;
	float:right;
}


/* page marque ------------------------------------------------------------------------------------------------------------------------------------- */
#BandeauInfoBureau{
	height:150px;
	width:620px;
	margin-top:20px;
	background-color:#FFFFFF;
}
#TitreInfoBureau{
	height:30px;
	width:620px;
	background-color:#0363af;
	font-size:18px;
	font-weight:bold;
}
.Lettrine, .TxtTitreInfo{
	float:left;
}
.TxtTitreInfo{
	height:27px;
	padding-top:3px;
	margin-left:10px;
}
#CorpsInfoBureau{
	height:100px;
	width:570px;
	padding:10px 25px 10px 25px;
	text-align: justify;
}
#BandeauInfosMarq{
	height:57px;
	width:620px;
	font-size:14px;
	margin-top:10px;
	background-color:#FFFFFF;
	text-align: center;
	padding-top:3px;
}
#BandeauTitreMarq{
	height:30px;
	width:620px;
	background-color:#b70407;
	font-size:18px;
	font-weight:bold;
	margin-top:10px;
}
#BlocConteneurMarq{
	width:640px;
	height:auto;
	/*margin-top:10px;*/
}
.BlocLogoMarq{
	width:140px;
	height:180px;
	float:left;
	margin-top:10px;
	margin-right:20px;
	background-color:#FFFFFF;
}
.BlocLogoMarq a{
	text-decoration:none;
	color:#333333;
}
.BlocLogoMarq a:hover{
	text-decoration:underline;
	color:#509cc7;
}
.ImgLogoMarq{
	width:140px;
	height:150px;
	text-align:center;
}
.LogoMarque{
	width:100px;
	height:100px;
	padding: 0px 20px 0px 20px;
}
.TxtMarque{
	width:140px;
	height:50px;
}
.TitreLogoMarq{
	width:140px;
	height:25px;
}

/* page professionnel ------------------------------------------------------------------------------------------------------------------------------------ */
#BandeauInfosPro{
	width:580px;
	height:160px;
	background-color:#FFFFFF;
	margin-top:20px;
	font-size:14px;
	padding:10px 20px 10px 20px;
}
#BandeauFormPro{
	width:580px;
	height:330px;
	background-color:#FFFFFF;
	margin-top:20px;
	font-size:14px;
	padding:10px 20px 10px 20px;
}
#BlocInfosForm{
	width: 580px;
	height:33px;
	margin-bottom:10px;
	font-weight:bold;
}
#BlocImgOu{
	width: 620px;
	height:40px;
	position:absolute;
	top:349px;
	text-align:center;
}
#BlocFormPro{
	width:568px;
	height:188px;
	border:1px solid #0d4282;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5px;
	padding:10px 0px 0px 10px;
}
#ContaineurBlocFormPro{
	width:558px;
	height:120px;
}
.BlocFormProG, .BlocFormProD{
	height:120px;
	float:left;
}
.BlocFormProG{
	width:240px;
}
.BlocFormProD{
	width:310px;
}
.Champs145{
	width:145px;
}
.Champs210{
	width:210px;
}
#LigBasFormPro{
	height:68px;
}
#Capcha{
	width:155px;
	height:46px;
	float:left;
}
#BlocRecopierPro{
	float:left;
	margin-left:10px;
	padding-top:10px;
	font-weight:bold;
}
#BlocBtnEnvoyer{
	width:130px;
	height:30px;
	float:right;
	padding-top:38px;
}
#BtnEnvoyer{
	width:130px;
	height:30px;
	background: url("../images/btn_envoyer.jpg") no-repeat;
	cursor:pointer;
}
#MsgErreurPros{
	color:red;
	width:580px;
	margin:auto;
	height:35px;
	text-align:center;
}
#BlocSignPro{
	width:580px;
	font-size:16px;
}





img{
	border:0px;
}





/*
#ContainerCentre{
	width:1000px;
	min-height:740px;
	position:relative;
	margin: auto;
}
#center{
	width:1000px;
	min-height:740px;
	height:auto;
	margin: auto;
	z-index:2;
	position:absolute;
}

*/
/* confirmation paiement ------------------------------------------------------------------------------------------------------------------------------------------------- */
#confirmationPaiement {
    background-color: #FFFFFF;
    margin-top: 20px;
    min-height: 520px;
}

/* page validation ------------------------------------------------------------------------------------------------------------------------------------------------- */
#msg_cli{
	color:#FF0000;
	font-weight:bold;
}


/* page cgv ------------------------------------------------------------------------------------------------------------------------------------------------- */
#BlocTexteCGV {
	margin-top:10px;
	width:600px;
	padding : 10px;
	height : auto;	
	background-color : #FFFFFF;
}
/* page mentions legales ------------------------------------------------------------------------------------------------------------------------------------------------- */
#BlocTexteMentionsLegales {
	margin-top:10px;
	width:600px;
	padding : 10px;
	height : auto;	
	background-color : #FFFFFF;
}
/* page attestation ------------------------------------------------------------------------------------------------------------------------------------------------- */
#BlocTexteAttestation {
	margin-top:10px;
	width:600px;
	padding : 10px;
	height : 540px;	
	background-color : #FFFFFF;
}
#messageContact {
	color:#FFFFFF;
}
/* page prefecture ------------------------------------------------------------------------------------------------------------------------------------------------- */
#BlocPrefecture {
	width:630px;
	height : auto;	
	background-color : #FFFFFF;
}
#BlocTextePrefecture {
	width:610px;
	margin-top:10px;
	padding :10px;
	height : auto;	
	background-color : #FFFFFF;
}
/* page homologation ------------------------------------------------------------------------------------------------------------------------------------------------- */
#BlocTexteHomologation {
	width:600px;
	margin-top:10px;
	font-weight:bold;
	padding :10px;
	height : auto;	
	background-color : #FFFFFF;
}
/* page informatique ------------------------------------------------------------------------------------------------------------------------------------------------- */
#BlocContenuInformation{
	width:620px;
	margin-top:10px;
	height : auto;	
}
#BlocInformation{
	width:620px;
	margin-top:10px;
	height : 910px;	
	background-color : #FFFFFF;
}

.TitreInformation{
	font-size:20px;
	margin-top:3px;
	font-weight:bold;
	float:left;
	color:#b70407;
}
#BlocTitreInformation{
	width:620px;
	margin-top:10px;
	height : 30px;	
	background-color : #FFFFFF;
}
#CarteGeoloc{
	width:570px;
	float:left;

}

#IconeInfo{
	float:left;
	margin-right:10px;
	width:30px;
	height:30px;
	background: url("../images/icone_information.jpg") no-repeat;	
}
/* page plan du site ------------------------------------------------------------------------------------------------------------------------------------------------- */
#BlocTextePlanDuSite{
	width:600px;
	margin-top:10px;
	padding:10px;
	height : 1020px;	
	background-color : #FFFFFF;
}


#PlanDuSiteMargeGris{
	background-color:#dfe0e2;
	width: 40px;
	margin-left:30px;
	margin-right:22px;
	height: 825px;
	float:left;
}

.contentPlanDuSite{
	width:600px;
	height : auto;
	float:left;

}

.titreHomologation {
    color: #0363af;
}

.contentInformation{
	color:#509cc7;
	font-weight:bold;
	font-size:14px;
}

.contentHomologation{
    margin-left: 20px;
}
.contentHomologation2{
	margin-left:40px;
}

.ContenuInfo{
	text-align: justify;
}




#BlocTextePlanDuSite a, #BlocTextePlanDuSite a:active, #BlocTextePlanDuSite a:link, #BlocTextePlanDuSite a:visited {
    color: #333333;
    cursor: pointer;
    text-decoration: none;
}

#homologation {
    color: #333333;
    font-size: 12px;
    font-weight: bold;
    line-height: 15px;
}
.titreHomologation a, .titreHomologation a:active, .titreHomologation a:link, .titreHomologation a:visited {
	color: #0363af;
    cursor: pointer;
    text-decoration: none;
}
.contentHomologation a, .contentHomologation a:active, .contentHomologation a:link, .contentHomologation a:visited {
    color: #333333;
    cursor: pointer;
    text-decoration: underline;
}

ul {
    list-style-type: square;
}


#fondListeCertif {
    height: 350px;
}

#titreListeCertif {
    background-color: rgba(0, 0, 0, 0);
    font-size: 18px;
    font-weight: normal;
    height: 20;
    margin-top: 20px;
	margin-left: 180px;
}

#contentListeCertif {
    height: 400px;
    margin-left: 90px;
}

#contentListeCertif a {
	color: #333333;
}

#listeCertifCol1 {
    float: left;
    font-size: 10px;
    font-weight: normal;
    margin-left: 5px;
    margin-top: 10px;
    width: 300px;
}


#listeCertifCol2 {
    float: left;
    font-size: 10px;
    font-weight: normal;
    margin-left: 10px;
    margin-top: 10px;
    width: 300px;
}


#listeCertifCol3 {
    float: left;
    font-size: 10px;
    font-weight: normal;
    margin-left: 10px;
    margin-top: 10px;
    width: 300px;
}

#dialogMsgErr {
    background-color: #FFFFFF;
    position: absolute;
    height: 120px;
    width: 620px;
}

#titleMsgErr {
	background-color: #b70407;
	color : #FFFFFF;
	height:15px;
}

#fermetureMsgErr {
	text-align: center;
    background-color: #ffffff;
    border: 1px solid #b70407;
    color: #b70407;
    float: right;
    font-size: 12px;
    font-weight: 800;
    height: 13px;
    margin-right: 2px;
    width: 13px;
}

#contentMsgErr {
    color: #b70407;
    font-weight: bold;
}

/* page suivi de commande ------------------------------------------------------------------------------------------------------------------------------------------------- */

#suiviCom {
	background-color: #ffffff;
    height: 540px;
    margin-top: 10px;
    padding: 10px;
    width: 600px;
}
.LibLigneTxtSuiviCom {
    float: left;
    font-size: 14px;
    padding-top: 3px;
    width: 150px;
	margin-left:25px;
}

.ligneformSuiviCom {
	height: 22px;
    margin-bottom: 5px;
    width: 390px;
}

.BlocFormSuiviCom{
	height:55px;
	float:left;
	margin-top: 15px;
}

#ContaineurBlocFormSuiviCom{
	width:558px;
	height:150px;
	border: 1px solid #0d4282;
}

#CapchaSuiviCom{
	width:155px;
	height:30px;
	margin-left: 197px;
	
}
#BlocRecopierSuiviCom{
	float:left;
	margin-left:10px;
	padding-top:10px;
	font-weight:bold;
}
#LigBasFormSuiviCom{
	height:68px;
	float: left;
}
#BlocBtnEnvoyerSuiviCom{
    float: left;
    height: 30px;
    width: 130px;
    position: absolute;
    margin-left: 400px;
    margin-top: -5px;
}

#BtnEnvoyerSuiviCom{
	width:130px;
	height:30px;
	background: url("../images/btn_envoyer.jpg") no-repeat;
	cursor:pointer;
}

#titleSuiviCom {
	font-size: 14px;
	font-weight:bold;
}

#form_suivi_com {
	margin-top:20px;
}

#BandeauRecapSuiviCmd{
	width:600px;
	height:120px;
	margin-top:20px;
	margin-bottom:80px;
}
#BlocContenuSuiviCmd{
	width:500px;
	height:120px;
	float:left;
	font-size: 14px;
}
#logoMarqueSuiviCom {
	float:right;
	width:87px;
	height:88px;
	margin-top:15px;
}
.ligneformSuiviCmd{
	height: 18px;
    margin-bottom: 5px;
    width: 500px;
}
.LibLigneTxtSuiviCmd{
	float: left;
    width: auto;
	margin-right:5px;
	font-weight:bold;
}
#TabRecapSuivicmd{
	width:500px; 
	border:1px solid #0d4282;
	border-spacing: 0;
}
#TabRecapSuivicmd thead{
	background-color:#0d4282;
	color:#FFFFFF;
	font-weight:bold;
}

#retourSuiviCom {
	margin-top :15px;
	cursor : pointer;
}


#msgErrSuiviCom {
    margin-top: 15px;
    margin-left: 25px;
    color: #FF0000;
    font-weight: bold;
}

/***** Parametrage questionnaire ******/


#intituleQuestionnaire {
	width:475px;
	height:50px;
	resize:none;
}
.blocQuestion {
	background-color: white;
    border: 1px solid #a6363b;
    margin-top: 10px;
    padding-bottom: 40px;
    width: 620px;
}

img.imgEtoile {
    height: 16px;
    width: 16px;
	padding-top:5px;
}

.colGaucheQuestionnaire {
	float:left;
	width:85px;
}

.libelleQuestion {
	margin-bottom:5px;
}

.pagination {
	color: black;
	text-decoration : underline;
	font-weight: bold;
	cursor:pointer;
}

.paginationGrise {
	color: #C0C0C0;
	text-decoration : underline;
	font-weight: bold;
	cursor:auto;
}

.intituleQuestion {
	width:475px;
	height:50px;
	font-weight:bold;
	vertical-align:100%;
	font-size:14px;
}

.mouseOverRepQuest {
	background-color : #76bce4;
	color : white;
}

.selectRepQuest {
	background-color : #a6363b;
	color : white;
}

.nonSelectRepQuest {
	background-color : lightgrey;
	color : black;
}

#blocCommentEnquete {
	width:620px;
	height:100px;
	background-color: #b70407;
	margin-top:15px;
}

#commentEnquete {
	width:614px;
	height:96px;
	margin-left:2px;
	margin-top:2px;
	resize:none;
	border:none;
}

#blocImgComment {
    left: 40%;
    position: relative;
}

#blocImgComment >img {
	width:30px;
	height:30px;
}

.txtCommentEnquete {
	font-style:italic;
	color:grey;
}

.txtCommentEnquete2 {
	font-style:normal;
	color:black;
}


.reponseEnquete {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.blocQuestionSaisie {
	background-color: white;
    border: 1px solid #a6363b;
    margin-top: 10px;
    padding-bottom: 30px;
    width: 620px;
}

.enteteAvis {
	border:1px solid #000000;
	text-align:center;
}

#lstAvis {
	border-collapse:collapse;
	width:620px;
}

#lstAvis tbody td{
	border:1px solid #000000;
	text-align:center;
}


#lstAvis tfoot tr{
	border:1px solid #000000;
	text-align:center;
}

.imgEtoileLstAvis {
	width:12px;
	height:12px;
}

.imgEtoileLstAvis2 {
	width:16px;
	height:16px;
}

.disableImg {
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}

.blocAffAvis {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-top:15px;
	padding-top:10px;
	width:620px;
	background-color:white;
	min-height:60px;
	max-height:120px;
	border: 1px solid #0d4282;
}

.nomUtilisateurAvis {
	font-size:13px;
	font-weight:bold;
}

.datePostAvis {
	font-style:italic;
}

#cptPage {
	float:right;
	padding-right:25px;
	padding-top:5px;
	color:#dfe0e2;
	font-weight:bold;
}

#lstNbAvisPage {
	float:right;
	padding-right:25px;
	padding-left:15px;
	color:#dfe0e2;
	font-weight:bold;
}

#validCond {
	font-size:11px;
}

#enteteQuestionnaire {
	background-color:#0363af;
	width:620px;
	height:80px;
}

textarea {
   font-family: inherit;
   font-size: inherit;
}

#contenuLstAvis {
	background-color:white;
	width:620px;
	margin-top:20px;
	margin-bottom:20px;
}

#titreDetAvis {
	padding-left:25px;	
	margin-top:-5px;
	color:white;
	font-weight:bold;
}

#barreProgression {
	#padding-left:25px;	
	color:white;
	font-weight:bold;
}

#nomClientAvis {
	padding-left:25px;	
	color:white;
	font-weight:bold;
}

#enteteEnquete {
	background-color:#76bce4;
	margin-top:15px;
	width:620px;
	height:80px;
}

#conteneurAvisClient {
	#background-color:white;
	width:620px;
}