@charset "UTF-8";
/* CSS Document */

*{
	margin:0;
	padding:0;
}
body{
	font-size:18px;
	/*background-image:url('images/route_ciel.jpg');*/
	background-attachment:fixed;
	background-position:top center;
	background-repeat:no-repeat;
	/*background-color:#4096d3;*/
	background-color:#fff;
	font-family:'Fira Sans Condensed', Arial;
	font-size:14px;
	color:#515152;
}

tr.hidden{
	display:none !important;
}

#calculette_sans_pref #calculcarte{
	position:inherit;
	margin: auto;
	width:100%;
}
.entete_faq {
	flex:4;
	background-color: #f3f1f1;
    padding: 3%;
}
.entete_faq.marge_bottom {
	margin-bottom:20px;
}
.entete_faq a{
	color:#185596;
	text-decoration:none !important;
}
.entete_faq h3{
	text-align:center !important;
	padding-bottom:20px;
}
.entete_faq li{
	color:#185596;
	padding:2%;
}
.entete_faq a:hover{
	font-weight:bold;	
}
.plusieurs_fois-encadre {
	border: solid 1px;
    border-radius: 5px;
    padding: 2%;
    text-align: center;
    margin-bottom: 3%;
    font-weight: bold;
    background-color: #efede8;
	display: flex;
}
.plusieurs_fois-encadre p{
	flex:9;
}
.plusieurs_fois-encadre img{
	flex:3;
}
.encadre_content .presentation_left{
	float:left;
	width: 70%;
	margin-top: 2%;
}

#calculette_sans_pref{
	text-align:center;
	width: 30%;
	float:left;
	margin-top: 1%;
}

#global_demarche_specifique h2{
	text-align:center;
	background-color: #185596;
    color: #fff;
    padding: 1%;
	margin-top:3%;
}

#global_demarche_specifique .litle_specifique{ 
	font-style: italic;
    font-size: 13px;
}

#global_demarche_specifique li{ 
	margin-bottom:1%;
}

#content.DEMARCHES .fa{
	margin-right:1%;
	border: solid 1px #185596;
    padding: 9px;
    border-radius: 78px;
}

#content.DEMARCHES .fa.fa-map-marker{
	padding: 6px 10px;
}

#content.DEMARCHES .fa.fa-map-marker::before{
	font-size: 22px;
}

.global_all_demarche .litle_specifique{ 
	font-style: italic;
    font-size: 13px;
}

.global_all_demarche li{ 
	margin-bottom:1%;
}

.global_all_demarche h2{
	text-align:center;
	background-color: #185596;
    color: #fff !important;
    padding: 1%;
	margin-top:3%;
}

img{
	border:none;
}

h1{
	margin-bottom:10px;
	font-size:15px;
}

h2.titre_intro{
	font-size: 14px;
    font-weight: 300;
}

tr.detail_relance_content.show{
	display: table-row !important;
}

.block.button_non_habilitation{ 
	background-image: url(images/croix.png);
    background-repeat: no-repeat;
    background-position: 50% 80%;
    background-size: 40px;
}

.block.button_oui_habilitation2{ 
	background-image: url(images/doc_habilitation_2.png);
    background-repeat: no-repeat;
    background-position: 50% 80%;
    background-size: 69px;
}

.text_descriptif{
	display:none;
	margin-bottom:2%;
}

.block.button_oui_habilitation{ 
	background-image: url(images/document_habilitation.png);
    background-repeat: no-repeat;
    background-position: 50% 80%;
    background-size: 40px;
}

span.display_web{ 
	display:none;
}

div.display_web{ 
	display:none;
}

h1.accueil {
	color: #203288;
	margin-bottom:0;
	font-size: 18px;
}

h2.accueil {
	color: #203288;
	padding:12px;
	padding-bottom:0;
	margin-bottom:0;
}

div.menu li.display_web{ 
	display:none;
}

img.display{ 
	display:none;
}

h2{
	font-size:17px;
}

h3{
	font-size:16px;
}

.h3_petit{
	font-size:12px;
	text-align:center;
	margin-top:20px;
}

.h3_petit a{
	color:#203288;
}

.h3_petit a:hover{
	font-weight:bold;
}
h4{
	margin-bottom:5px;
	font-size:16px;
}

p{
	margin-top:20px;
	font-size:14px;
}

.btn{
	background-color: #203288;
	width: 200px;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    padding: 10px;
    text-align: center;
    cursor: pointer;
    border: none;
    font-family: 'Fira Sans Condensed';
}

div#slogan img{
	margin: auto;
    display: block;
}

td.big_padding_bottom{
	padding-bottom:20px;
}

td.padding_bottom{
	padding-bottom:10px;
}

span.display_tablette{
	display:inline-block;
}

.surtaxe{
	color:#ffffff;
	font-size:12px;
	font-style:italic;
	
}

.bonjour{
	margin-top:5px;
	font-size:13px;
	text-align:center;
	color:#203288;
	font-weight:bold;
}

div#note{
	margin-top:180px;
	border-top:solid 2px #CCCCCC;
	padding-top:5px;
}

img.display_web{
	display:none;
}

div#calculcarte.display_web{ 
	display:none;
}

.note{
	font-size:11px;
	font-weight:bold;
	width:200px;
	display:inline-block;
	margin-left:10px;
}

.etoile{
	font-size:16px;
	font-weight:bold;
	color:red;
}

.petit_bleu{
	font-size:11px;
}

.little_gris{
	font-size:12px;
	color:#333;
}

.marge_accueil{
	padding:10px;
	padding-left:50px;
}

.petit{
	font-style:italic;
	font-size:12px;
}


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

a.current{
	color:#03C;
}

.little{
	font-style:italic;
	font-size:12px;
}

.bold{
	font-weight:bold;
}

.underline{
	text-decoration:underline;
}

.marge{
	margin-bottom:10px;
	margin-top:10px;
}

.height{
	height:80px;
}

.confirm{
	color:#060;
	padding: 5px;
}

.erreur{
	color:#900;
	padding: 5px;
}

input[type="text"], select, textarea{
	width:245px;
	
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

input[valide="true"], textarea[valide="true"],
select[valide="true"]{
	background-color:#c4ffca;
}

input[type="radio"][valide="true"]{
	background:inherit;
}

input[valide="false"], textarea[valide="false"]{
	border: solid 1px #F00;
	color:#F00;
}

select[valide="false"]{
	border: solid 1px #F00;
}

select[name="genre"]{
	/*width:300px;*/
}

div#form_saisie input,
div#form_saisie select,
div#form_saisie textarea,
div#form_inscription input,
div#form_connexion input{
	padding: 5px;
    margin-top: 1%;
}

div#form_saisie select{
	width:255px;
}

div#form_saisie #submit{
	text-align:center;
}

div#form_saisie h1{
	font-size:22px;
	font-weight:100;
}

.big{
	font-size:18px;
	font-weight:bold;
}

.size{
	font-size:14px;
	font-weight:bold;
}
.big_cgv{
	font-size:16px;
	font-weight:bold;
}
.obligatoire{
	color:#F00;
}

div#all{
	margin:auto;
	width:1280px;
}

td#leftShadow, td#rightShadow{
	width:10px;
}

div#global{
	background-color:#FFF;
	padding:20px;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	border-radius: 3px;
	
}

div#social{
	text-align: right;
}

div#logo{
	width:30%;
	float:left;
	margin-top: 20px;
}
div#logo img{
	margin-bottom:16px;
	width:300px;
}
div#suivi_carte{
	color:#F90;
	width:120px;
	padding:5px;
	font-size:12px;
	text-align:center;
	font-weight:bold;
}

#espace_client_menu{
	padding-left:1%;
	padding-right:1%;
	float:right;
}

#espace_client_menu a{
	background-color:#F90;
	color:#fff;
}

a#comment{
	font-weight:bold;
}

div#slogan{
	width:40%;
	float:left;
	padding-top:20px;
	padding-left:15px;
	padding-right:15px;
}

div#slogan .titre{
	font-size:15px;
	text-align:center;
	margin-bottom: 10px;
}

div#login{
	width:135px;
	float:left;
}

div#connexion {
	width:120px;
	padding:5px;
	background-color:#CCC;
	border: solid 2px #203288;
	text-align:center;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

li#inscription{
	width:138px;
	font-size:11px;
	text-align:center;
}

div#menu li#inscription a{
	color:#F90;
}

div#menu li#inscription:hover{
	border:none;
}

div#connexion{
	margin-top:5px;
}

div#top{
	margin: 2% 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-color: #f8f8f8;
	border-top: solid 1px #e8e8e8;
	border-bottom: solid 1px #e8e8e8;
	padding: 1%;
}

div#menu_top{
	background-color: #f8f8f8;
	padding: 0.5%;
	text-align: right;
	border-bottom: solid 1px #f1f1f1;
}

div#menu_top a{
	color: #0a0a0a;
	font-size
	padding: 8px;
	font-size: 15px;
}

div#habilitation{
	width:149px;
	float:right;
	font-size:10px;
	color:#666;
	text-align:center;
}

div#habilitation img{
	padding-bottom:5px;
}

#acces_panier{
	padding-left:1%;
	padding-right:1%;
	float:right;
}

#acces_panier a{
	background-color: #185596;
}

#acces_panier a{
	display: block;
	text-align: center;
	color: #fff;

}

#acces_panier img{
	margin-right: 5px;
	vertical-align: middle;
	height:16px;
}

img#fr{
	width:35px;
	float: left;
	margin-right: 5px;
	margin-top: 3px;
}

div.clear{
	clear: both;
	float: none;
}

div.menu li{
	list-style:none;
	float:left;
	display: block;
	border-left: solid 1px #e8e5e5;
}

div.menu li:hover{
	background-color: #f8f8f8;
}

div.menu li a{
	padding-top:10px;
	padding-bottom:10px;
	padding-left:15px;
	padding-right:15px;
	list-style:none;
	display: block;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}


div.menu li a:hover{
	background-color: #e8e5e5; 
}

ul#ul_commander {
	width:195px;
	display:none;
	position:absolute;
	z-index:100;
	background-color:#e5e4e4;
	margin-top:-3px;
}

ul#ul_commander li{
	list-style:none;
	clear:both;
	float:none;
	margin-left:10px;
	padding:10px;
	padding-left:0;
	z-index:1000;
	font-size:12px;
	font-weight:bold;
	color:#203288;
	border-bottom: solid 1px #c5c5c5;
	width:160px;
}

ul#ul_commander li a,
ul#ul_commander li form input[type="submit"]{
	color:#203288;
	border:none;
	font-size:12px;
	background:none;
	padding:0px;
	width:auto;
	float:none;
}

ul#ul_commander li a:hover{
	color:#3d54c0;
	border:none;
}
div#menu li.li_commander:hover{
	border-bottom:none;
}

div#menu li.li_commander:hover ul#ul_commander{
	display:block;
}

div#menu li:first-child div{
	border-left:none;
}

div#menu a{
	color:#203288;
}

div#menu a.rouge{
	color:red;
	font-weight:bold;
}

div.menu li.selected > a{
	background-color: #185596;
	color:#fff;
}

div.menu li input[type=submit]{
	background:none;
}

ul.sousmenu{
	display:none;
	clear:left;
	color:#fff;
	padding-left:0px;
	position: absolute;
	z-index: 500;
	background-color: #f4f3f3;
	min-width: 200px;
}

ul.sousmenu li{
	border:none;
	float: none;
}

ul.sousmenu li a{
	color:#474747;
}


ul.sousmenu li:hover{
	background-color: #474747;
}

div.menu ul.sousmenu input,
div.menu ul.sousmenu a{
	/*background: none;*/
	font-size: 14px;
	color:#474747;
	font-weight: 100;
	font-family:'Fira Sans Condensed', Arial;
	text-align: left;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
}

div#top li.documents:hover{
	border-bottom:none;
}

div#top li:hover ul.sousmenu{
	display:block;
}

div#banner{
    margin-left: -20px;
	width:1280px;
    margin-right: -20px;
}

div#banner img{
	border-radius: 3px;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.ft-title{
	padding:10px;
}

div#tel{
	background-image:url('images/contact.jpg');
	background-repeat:no-repeat;
	height:300px;
	font-size:20px;
	position:relative;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	border-radius: 3px;
	background-position: center;
}

div#aide{
	position:absolute;
	bottom:0px;
	text-align:center;
	width:100%;
	background-image:url('images/transp.png');
	padding-top:5px;
	padding-bottom:5px;
	color:#00eb00;
	font-weight:bold;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

div#contact div#horaires{
	text-align:center;
	padding:5px;
	padding-top:0;
	margin-top:10px;
	color:#fff;
	font-style:italic;
	font-size:14px;
}
.marge-ants {
	margin-bottom:20px;
}
div#btn_contact{
	padding:5px;
	padding-bottom:10px;
	padding-top:10px;
	background-color:#3e93fb;
	margin-top:5px;
	text-align:center;
	font-weight:bold;
	color:#fff;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	font-size:14px;
}

div#content{
	min-height:400px;
	position:relative;
}

div#plus{ 
	margin-top:2%;
}

div#plus a{
	/*margin-left:20px;
	display:block;*/
	text-align:center;
}

div#top_pref_home a{
	display:block;
}

div#plus a:first-child{
	margin-left:0;
}

div#texte_page{
	padding-bottom:20px;
	padding-top:20px;
	margin-right:20px;
	background-color:#fff;
}
div#texte_page h2{
    background-color: #e8e8e8;
    padding: 15px;
    color: #1964b3;
    margin-bottom: 2%;
	margin-top: 2%;
}

div#texte_page ul{
	margin-left:50px;
	margin-top:20px;
	margin-bottom:20px;
}

div#texte_page li{
	list-style:circle;
}
.accueil_questions .titre{
	text-align: center;
    font-size: 22px;
    margin-top: 3%;
    margin-bottom: 2%;
    font-weight: bold;
}
.accueil_questions h3{
	color:#1964b3;
}
.accueil_questions img{
	padding-right:10px;
}
.faq_reponses {
	margin-bottom:20px;
}
div#texte_ville {
	padding-bottom:20px;
}
div#presentation{
	text-align:justify;
}

div#presentation div{
	padding:20px;
	padding-top:0;
}

div.titre_entete{
	background-color:#efede8;
	text-align:left;
	border:solid 1px;
	text-align:center;
	font-weight:bold;
	color:#203288;
	padding:1%;
	border-radius: 3px;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	margin-bottom:2%;
}

div.titre_entete em{
	font-size:12px;
}

div#presentation h2{
	text-align:center;
	font-size:16px;
	margin-top:20px;
	margin-bottom:10px;
}
div#calculcarte{
	padding: 1%;
	width:28%;
	
	background-color:#ffc649;
	position:absolute;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
	font-size: 16px;
	top: 365px;
    left: 425px;
    z-index: 1000;
}

div#calculcarte select[name="demarche"]{
	margin-bottom: 4%;
}

div#calculcarte .calcul_immatriculation input{
	height: 21px;
    font-size: 16px;
    margin-bottom: 4%;
}

div#calculcarte input[type="text"]{
	padding:2%;
	width:67%;
	border-radius:2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border:none;
}

div#calculcarte select,
div#form_inscription select,
div#form_adresses select{
	padding:2%;
	width:70%;
	margin-top: 2%;
	border-radius:2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

div#form_inscription input[type="text"],
div#form_inscription input[type="password"],
div#form_connexion input[type="text"],
div#form_connexion input[type="password"],
div#form_adresses input[type="text"],
div#form_adresses textarea,
div#form_adresses input[type="password"]{
	padding:2%;
	width:67%;
	border-radius:2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border:none;
}

input[type="submit"].bleu{
	background-color: #203288;
	
	color: #ffffff !important;
}

div#calculcarte input[type="submit"],
div#form_saisie input[type="submit"],
div#choix_paiements input[type="submit"]{
    text-transform: uppercase;
	font-weight:100;
	clear:both;
	float:none;
	-webkit-transition: all linear 0.2s;
    -moz-transition: all linear 0.2s;
    -o-transition: all linear 0.2s;
    transition: all linear 0.2s;
	margin-top: 2%;
}

a.btn{
    text-transform: uppercase;
	font-weight:100;
	-webkit-transition: all linear 0.2s;
    -moz-transition: all linear 0.2s;
    -o-transition: all linear 0.2s;
    transition: all linear 0.2s;
}

a.btn.txt_bleu{
	background: none;
    color: #203288;
}

a.bleu{
	color: #fff !important;
}

div#calculcarte input[type="submit"]:hover,
div#form_saisie input[type="submit"]:hover,
div#choix_paiements input[type="submit"]:hover{
	transform:scale(1.1);
}

div#form_saisie input[type="submit"]{
	margin-top: 3%;
    margin-bottom: 2%;
    padding-left: 5%;
    padding-right: 5%;
    width: initial;
}

#prix_carte_grise_content div#calculcarte,
#changement_adresse_content div#calculcarte,
#duplicata_content  div#calculcarte,
#changement_proprietaire_content div#calculcarte,
#changement_locataire_content div#calculcarte{
	position:initial;
	float:right;
	margin:2%;
}

#calculcarte h2.h2_calculatrice{
	padding:2%;
	color:#fff;
	text-align:center;
	font-size: 17px;
	margin: 0 0 5% 0;
	background-color: rgba(255, 255, 255, 0.6);
	color:#203288;
	font-weight:700;
}

.h2_blog, .h3_blog, .h3_calculatrice {
	padding-bottom:5px;
	padding-top:5px;
	color:#fff;
	text-align:center;
	font-size: 17px;

	background-color: rgba(255, 255, 255, 0.6);
	color:#203288;
}

.img_fixe {
	position:absolute;
	top: -20px;
	left: -35px;
}

div#calculcarte table{
	width:100%;
}

div#calculcarte td#submit{
	text-align:center;
	padding: 5% 0;
}

div#presentation_suite{
	text-align:justify;
	padding-bottom:20px;
}

div#presentation_suite h3{
	margin-top:20px;
}

div#presentation_suite div{
	padding:20px;
	padding-top:0;
}

div#presentation_suite ul{
	list-style:none;
	margin-top:20px;
	margin-bottom:20px;
}

div#presentation_suite li{
	list-style:none;
	margin-top:20px;
	margin-bottom:20px;
	margin-left:30px;
}

.presentation_bleu{
	font-size:18px;
	font-weight:bold;
	color:#203288;
}

div#presentation_suite h2{
	text-align:left;
	font-size:16px;
	margin-top:20px;
	margin-bottom:10px;
}
/**********FORMULES*************/

div#formules{
	margin-bottom:10px;
	margin-top:10px;
}

div#formules h3{
	font-size: 17px;
}

.formule{
	width:295px;
	float:left;
	margin-left:37px;
	position:relative;
	text-align:justify;
	background-image:url('images/bg_formule.png');
	height:294px;
}

.formule:first-child{
	margin-left:0;
}

.top{
	height:15px;
	width:290px;
}

.int{
	padding:10px;
	padding-top:20px;
	padding-bottom:20px;
	color:#fff;
	width:270px;
}

.formule img{
	padding-left:10px;
	padding-bottom:20px;
}

.offre{
	position:absolute;
	top:30px;
	right:0px;
	padding:0;
	margin:0;
}

/***FOMRULE 1******/

div#formule1 div.top{
	background-color:#0080df;
	-moz-border-radius-topleft:3px; 
	-moz-border-radius-topright:3px;
    -webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
}

div#formule1 div.int{
	background-color:#006fc2;
	-moz-border-radius-bottomleft:3px; 
	-moz-border-radius-bottomright:3px;
    -webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
}

div#formule1 div.commander{
	background-color:#006fc2;
}

div#formule1 div.prix{
	color:#3e93fb;
}

/***FOMRULE 2******/

div#formule2 div.top{
	background-color:#cfcbcb;
	-moz-border-radius-topleft:3px; 
	-moz-border-radius-topright:3px;
    -webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
}

div#formule2 div.int{
	background-color:#c1bebe;
	-moz-border-radius-bottomleft:3px; 
	-moz-border-radius-bottomright:3px;
    -webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
}

div#formule2 div.commander{
	background-color:#c1bebe;
}

div#formule2 div.prix{
	color:#666;
}

div#formule2 .offre{
	right:0;
	top:35px;
}

/***FOMRULE 3******/

div#formule3 div.top{
	background-color:#ff4d4d;
	-moz-border-radius-topleft:3px; 
	-moz-border-radius-topright:3px;
    -webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
}

div#formule3 div.int{
	background-color:#ff2d2d;
	-moz-border-radius-bottomleft:3px; 
	-moz-border-radius-bottomright:3px;
    -webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
}

div#formule3 div.commander{
	background-color:#ff2d2d;
}

div#formule3 div.prix{
	color:#fa3a3a;
}

div.prix{
	font-size:24px;
	font-weight:bold;
	text-align:center;
	padding-top:70px;
}

div.shadow{
	height:30px;
	width:290px;
	background-image:url('images/shadow.png');
}

div.commander{
	position:absolute;
	bottom:25px;
	right:15px;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

div.commander a{
	font-weight:bold;
	color:#fff;
}

div.btn{
	background-image:url('images/btn_commander.png');
	height:40px;
	width:125px;
	line-height:40px;
	padding-left:40px;
}

.not_button{
	border:none;
	background:none;
	cursor:pointer;
	color:#fff;
	font-size:16px;
	margin-top:8px;
}

/*******FIN FORMULES*************/
/*******PAGE MENTIONS LEGALES* ET CONDITIONS GENERALES DE VENTE QUI SOMMES NOUS************/
div#conditions_generales_ventes p,div#mentions_legales p,div#qui_sommes_nous p,div#reglementation p{
	text-align:justify;
	margin-top:10px;
	margin-bottom:10px;
	font-size:15px;
}
div#conditions_generales_ventes h2,div#mentions_legales h2,div#qui_sommes_nous h2,div#reglementation h2{
	color:#203288;
	font-weight:bold;
}
div#conditions_generales_ventes h3,div#mentions_legales h3,div#qui_sommes_nous h3,div#reglementation h3{
	color:#203288;
	font-weight:bold;
}
div#conditions_generales_ventes ul,div#mentions_legales ul,div#qui_sommes_nous  ul,div#reglementation  ul{
	margin-left:50px;
	margin-bottom:10px;
	font-size:15px;
}
div#fond_gris{
	background-color:#e8e8e8;
	color:#203288;
	padding:10px;
}
div#conditions_generales_ventes a{
	color:#203288;
	font-weight:bold;
	margin-left:50px;
	text-decoration:underline;
}
.rouge{
	color:red;
	font-weight:bold;
}

div#conditions_generales_ventes .rouge{
	font-weight:100;
}

.bleu{
	color: #203288 !important;
	font-weight:bold;
}

.violet{
	color:#969;
	font-weight:bold;
}

.jaune{
	color:#fbc44c;
}

.rose{
	background-color:#fdd9ff;
}

.prest_vert{
	background-color:#c5f6d2;
}

.vert{
	color:#00bb33;
	text-align:center;
	font-weight:bold;
}

.message.vert{
	color:#00bb33;
	min-width:100%;
}

.little{
	font-size:13px;
	color:#000000;
}
.gris{
	color:#777777;
}

.petit.gris{
	color: #5f5f5f;
}

.right{
	text-align:right;
}

.center{
	text-align:right;
}

.txt_center{
	text-align:center;
}

h3.hauteur{
	line-height:34px;
}
/*******FIN PAGE MENTIONS LEGALES**************/
/*******PARTICULIERS************/
td.etape{
	width:80px;
	height:120px;
	text-align:center;
	margin-bottom:10px;
}
div.number{
	float:left;
	text-align:center;
	background-image:url('images/numero.png');
	background-repeat:no-repeat;
	width:35px;
	height:40px;
	font-weight:bold;
	padding-top:7px;
}

div#particuliers h1{
	font-size:18px;
	margin-bottom:10px;
}

div#particuliers table{
	border-top:solid 1px #d6d6d6;
	border-left:solid 1px #d6d6d6;
	width: 100%;
}

div#particuliers table td{
	border-bottom:solid 1px #d6d6d6;
	border-right:solid 1px #d6d6d6;
	padding:10px;
}

div#texte_documents {
	font-size:14px;
	padding:5px;
	margin:0;
}

div#texte_documents  p{
	margin-top:5px;
}

div#texte_documents1 p{
	margin-top:5px;
	margin-left:30px;
}


div#texte_documents h1 {
	font-size:17px;
}

div#texte_documents1 h1 {
	font-size:17px;
	margin-top:40px;
	margin-bottom:15px;
}


div#texte_documents h3 {
	font-size:12px;
	display: inline-block;
    margin-right: 1%;
}

div#texte_documents1 h3 {
	font-size:12px;
	margin-top:10px;
	margin-bottom:10px;
}



div#texte_documents  a{
	color:#203288;
	font-weight:bold;
	text-decoration:underline;
}

div#texte_documents a.button_doc{
	color: #203288;
    font-weight: 100; 
    text-decoration: none;
    background-color: #e8e8e8;
    display: inline-block;
    padding: 0.5% 1%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 12px;
	margin:0;
	vertical-align:bottom;
}

div#texte_documents a.button_doc:hover{
	background-color:#d8d8d8;
}

div#texte_documents a.button_doc img{
	vertical-align:middle;
}

span.little_title{
	font-size:10px;
}


div#texte_documents span.little_title a{
	color:red;
}

div#texte_documents img{
	padding-left:0;
	padding-right:7px;
}
.telecharger{
	float:left;
	width:204px;
	color:#203288;
	font-weight:bold;
}

div.cas_particulier{
	margin-top:3%;
	background-color: #d8d8d8;
    padding: 2%;
	display:none;
}

div.cas_particulier h3.center{
	text-align:center;
}

div.cas_particulier .left_cas{
	float:left;
	width:70%;
}

div.cas_particulier .right_cas{
	float:right;
	width:24%;
	text-align:center;
	border-left: solid 1px;
}

div.cas_particulier .tel{
	font-size: 18px;
    color: #20328b;
}

div.cas_particulier .little{
	font-size: 12px;
    color: #515152;
}

div.cas_particulier .horaires{
	font-size: 12px;
}


/*******FIN PAGE PARTICULIER**************/
/******PAGE CONTACT***********/

div#coordonnees{
	width:300px;
	float:left;
	padding:10px;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	background-color:#e8e8e8;
	border: solid 1px #999;
	margin-top:20px;
	margin-left:100px;
}

div#form_contact{
	margin-top:20px;
	float:left;
	width:300px;
	margin-left:20px;
	padding:10px;
	padding-left:50px;
	padding-right:50px;
	background-color:#e8e8e8;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	border: solid 1px #999;
}

div#form_contact input[type="text"]{
	width:300px;
	background-color: #d4d8ef;
}

div#form_contact textarea{
	width:300px;
	background-color: #d4d8ef;
}

div#form_contact input[type="submit"]{
	width:150px;
}

.message{
	color:#F00;
	padding-top:10px;
	padding-bottom:10px;
	font-weight:bold;
}

/******FIN PAGE CONTACT***********/

/******PAGE AGENCE***********/

div#left{
	float:left;
	width:280px;
}

div#coordonnees_agence{
	margin-top:30px;
	font-size:13px;
	background-color:#e8e8e8;
	padding:10px;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

div#left {
	padding:10px;
	margin-top:20px;
	text-align:center;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

div#horaires{
	padding:10px;
	margin-top:20px;
	color:#000000;
	text-align:center;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

div#localisation{
	width:600px;
	float:left;
	margin-top:30px;
	margin-left:20px;
}

/******FIN PAGE AGENCE***********/



/*********COMMENT CA MARCHE*****/

div#commentmarche div.etape{
	padding:16px;
	padding-bottom:30px;
	padding-right:20px;
	background-image:url('images/bg_etape.png');
	background-repeat:no-repeat;
}

/*********FIN COMMENT CA MARCHE*****/

div#footer{
	padding-top:10px;
	background-color:#b2b1ad;
	font-size:12px;
	color:#fff;
	padding:30px;
	margin-top:25px;
}

div#footer ul{
	list-style:none;
	width:35%;
	float:left;
	margin-bottom:30px;
}

div#footer li{
	list-style:none;
}

div#footer a{
	color:#fff;
}

/*************COMMANDER*****************/

div#avancement{
	margin-bottom:2%;
}

div#avancement .etape{
    width: 21%;
    /*min-height: 115px;*/
    float: left;
    background-repeat: no-repeat;
    position: relative;
    padding: 0.5% 2%;
	font-size: 16px;
	text-align: center;
}

div#avancement .numero::after{
	width:250px;
	height:1px;
	content:" ";
	display:block;
	position:absolute;
	top:50%;
	right:-250px;
	background-color: #e8e8e8;
}

div#avancement .etape:nth-child(4) .numero::after{
	content:"";
	display:none;
}

div#avancement .etape.active .numero::after{
	background:#f90;
}


div#avancement .etape.active .numero{
	background-color:#f90;
	color:#fff;
}

div#avancement .etape .numero{
    border-radius: 50px;
    width: 60px;
    text-align: center;
    font-weight: 100;
    line-height: 60px;
	background-color: #e8e8e8;
}

div#avancement .etape .numero{
	font-size:32px;
	font-weight:100;
	display:inline-block;
	position:relative;
}

div#avancement .etape .numero.first{
	/*left:32px;*/
}

div#avancement .etape .titre_etape{
	margin-top: 0.5rem;
}

/*div#avancement div#etape1{
	background-image:url('images/avancement_etape1.png');
}

div#avancement div#etape1.active{
	background-image:url('images/avancement_etape1_active.png');
}

div#avancement div#etape2{
	background-image:url('images/avancement_etape2.png');
}

div#avancement div#etape2.active{
	background-image:url('images/avancement_etape2_active.png');
}

div#avancement div#etape3{
	background-image:url('images/avancement_etape3.png');
}

div#avancement div#etape3.active{
	background-image:url('images/avancement_etape3_active.png');
}

div#avancement div#etape4.etape{
	background-image:url('images/avancement_etape4.png');
	min-width:204px;
	width:204px;
}

div#avancement div#etape4.active{
	background-image:url('images/avancement_etape4_active.png');
}
*/

div#vehicules{
	/*width:860px;*/
	margin:auto;
	padding-top:10px;
	padding-bottom:10px;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	background-color:#eeeeee;
	margin-top:10px;
	margin-bottom:10px;
	/*border:solid 1px #999;*/
}

/*div#vehicules span.vehicule:hover, div#vehicules span.vehicule.selected{
	background-color:#203288;
	color:#fff;
}*/

@media screen and (min-width: 769px){
	div#vehicules span.vehicule:first-child{
		margin-left:0;
	}
}

span.vehicule{
	display:inline-block;
	float:left;
	width:150px;
	margin-left:20px;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	margin-top:10px;
	margin-bottom:10px;
	padding:20px;
	background-color:#ccc;
	position:relative;
	border:solid 1px #fff;
	/*cursor:pointer;*/
}

span.vehicule span.vehicule{
	border: none;
    width: 100%;
    font-size: 12px;
    margin: 0;
    background: none;
    padding: 0;
}

span#moto{
   padding: 12px 20px;
}

span#auto img{
	position:absolute;
	top:12px;
	right:10px;
}

span#moto img{
	position:absolute;
	top:8px;
	right:30px;
}

span#cyclo img{
	position:absolute;
	top:5px;
	right:20px;
}


span#autres img{
	position:absolute;
	top:5px;
	right:10px;
}

tr#ptac{
	/*display:none; modif retiré ptac form*/
}

div#form{
	padding:2%;
	background-color:#eeeeee;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	border:solid 1px #999;
	/*width:840px;*/
	width:70%;
	float:left;
	margin-top:10px;
	margin-bottom:10px;
	position:relative;
}

div#form_right_commande{
	float: left;
    width: 21%;
    margin-left: 2%;
    padding: 1%;
    background-color: #185596;
	color:#fff;
	font-size:16px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	text-align:center;
	margin-top:10px;
}

div#form_right_commande img{
	width:30%;
}

div#form_right_commande .little{
	font-style:italic;
	font-size:12px;
	color:#fff;
}

div#form_right_commande .tel{
	font-size:24px;
	margin:1% 0;
	display:block;
}

div#form table{
	/*width:840px;*/
	width:100%;
}

div#form td{
	padding:8px;
}

div.form.moto, div.form.cyclo, div.form.autres{
	display:none;
}

div#demarche{
	/*width:840px;*/
	margin:auto;
	margin-top:10px;
	margin-bottom:10px;
	padding:2%;
	background-color:#eeeeee;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	border:solid 1px #999;
	font-weight:bold;
}

div#demarche table{
	width:100%;
}

div#demarche td{
	padding:8px;
}

div#titre_total_res_form{
	margin-top:20px;
	background-color:#FFF;
	padding:10px;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	border:solid 1px #999;
	font-weight:bold;
	color:#203288;
	/*float:left;*/
	width:250px;
	margin-left: auto;
    margin-right: auto;
    text-align: center;
}

div.tarif_contour{
	display: inline-block;
    border: solid 1px #185596;
    padding: 1% 2%;
    border-radius: 3px;
	font-size:30px;
}

div#total_res_form{
	margin-top:20px;
	margin-left:10px;
	background-color:#fff;
	font-size:16px;
	padding:10px;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	border:solid 1px #999;
	font-weight:bold;
	color:#006;
	float:left;
}

div#actualiser{
	float:left;
	line-height:40px;
	margin-top:20px;
	margin-left:10px;
}

div#actualiser img{
	cursor:pointer;
}

div#choix_formules{
	margin-top:20px;
	margin-right:-100px;
}
span#res_tarif{
	font-size:16px;
}
td#submit{
	text-align:right;
}

.zone_help{
	background-color:#CCC;
	border: solid 1px #003;
	padding:5px;
	width:135px;
	display:none;
}

div#help_immatriculationold{
	position:absolute;
	font-style:italic;
	font-size:12px;
	right:0px;
	top:50px;
}

div#help_garantie{
	width:300px;
	font-style:italic;
	font-weight:100;
}

div#help_co2old{
	position:absolute;
	right:0px;
	top:210px;
	font-style:italic;
	font-size:12px;
}

div#infos_immat{
	margin-top:20px;
}

div#plaques{
	margin-top:10px;
	margin-bottom:10px;
	padding:10px;
	background-color:#eeeeee;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	border:solid 1px #999;
	text-align:center;
	padding-bottom:20px;
}

div#plaques h4{
	margin-top:10px;
	margin-bottom:5px;
	font-size:14px;
}

div#plaques img{
	margin-top:10px;
	margin-bottom:10px;
}

div#plaques p{
	margin-top:0px;
	font-size:13px;
}


div.plaque{
	float:left;
	width:308px;
	margin-left:2px;
	position:relative;
	height:220px;
}

div#plaques div#big, div.plaque img.big{
	display:none;
	position:absolute;
	z-index:2;
	top: -130px;
	left: -80px;
}

div.plaque img.big5, div.plaque img.big27 {
	top: -370px;
}

div.plaque img.big28 {
	top: -420px;
}

div.text{
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
	background-color: #eeeeee;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: solid 1px #999;
}

div#message_immatriculation{
	margin-bottom:10px;
	color:#000;
}

div#message_immatriculation div{
	
}

div#message_immatriculation h4{
	font-weight:bold;
	margin-bottom:0px;
	line-height:30px;
}

img#img_plaque_cgpi{
	width:140px;
	position:absolute;
}

div.infos_plaques{
	position:absolute;
	width:500px;
	color:#333;
	font-weight:100;
	background-color:#e8e8e8;
	z-index:100;
}

img#pastille_plaques{
	float:right;
	width: 150px;
	margin-top: -130px;
}

img#pastille_plaques.cyclo{
	margin-top: 0px;
	margin-right: 80px;
}

div#message_nouvelle_immat{
	position:relative;
	color:#203288;
}

div#message_nouvelle_immat h4,
div#message_ancienne_immat h4{
	text-align:center;
	width: 700px;
	margin-left:110px;
	float: left;
}

div#message_nouvelle_immat div.infos_plaques{
	right:0px;
}

div#message_ancienne_immat{
	color:red;
}

div#message_ancienne_immat img.btn_infos_plaques{
	margin-top: 30px;
	margin-left: -190px;
}

img.btn_infos_plaques{
	margin-right:10px;
	position: absolute;
	margin-top: 60px;
	margin-left: -160px;
}

h3.etape_plaques{
	background-color: #e8e8e8;
	width: 430px;
	padding: 5px;
	border: solid 1px #999;
	cursor:pointer;
	margin:auto;
	-moz-box-shadow: 1px 1px 8px #999;
	-webkit-box-shadow: 1px 1px 8px #999;
	box-shadow: 1px 1px 8px #999;
	margin-bottom:20px;
}

p#infos_sim{
	width: 420px;
	margin: auto;
	font-style:italic;
	margin-top:20px;
}

div#plaque_sim{
	background-image:url('images/bg_plaque.png');
	background-repeat:no-repeat;
	height:120px;
	width:700px;
	margin:auto;
	margin-bottom:20px;
	margin-top:20px;
	padding-top: 10px;
}

div#immatriculation_sim{
	margin-left: 110px;
	font-size: 85px;
	float:left;
	width:490px;
	margin-top: 6px;
}

div#plaque_sim.cyclo{
	background-image:url('images/bg_plaque_cyclo.png');
	background-repeat:no-repeat;
	background-size: cover;
	height:232px;
	width:316px;
	margin:auto;
	margin-bottom:20px;
	margin-top:20px;
	padding-top: 10px;
}

div#plaque_sim.cyclo div#immatriculation_sim{
	width:316px;
	text-align:center;
	margin-left:0px;
	font-size:88px;
}


div#plaque_sim.moto{
	background-image:url('images/bg_plaque_moto.png');
	background-repeat:no-repeat;
	height:210px;
	width:340px;
	margin:auto;
	margin-bottom:20px;
	margin-top:20px;
	position:relative;
	padding-top: 10px;
}

div#plaque_sim.moto div#identifiant_sim{
	position: absolute;
	right: 28px;
	margin-top: 7px;
	width:40px;
}

div#plaque_sim.moto div#departement_sim{
	font-size:24px;
}

div#plaque_sim.moto div#identifiant_sim img{
	width:40px;
	height:45px;
}

div#plaque_sim.moto div#immatriculation_sim{
	width:310px;
	text-align:center;
	margin-left:10px;
	position: absolute;
	font-size:88px;
}

div#identifiant_sim{
	float:left;
	width:65px;
	margin-left:12px;
}

div#departement_sim{
	color:#fff;
	font-size:30px;
	text-align:center;
	letter-spacing: 0.3px;
	margin-top:3px;
}

div#nouvelle_immat{
	text-align:center;
	margin:auto;
	width:670px;
	margin-bottom:20px;
}

div#sans_plaques{
	width:550px;
	float: right;
}

div#sans_plaques img{
	float:left;
}

div#regions{
	margin-top:10px;
	margin-bottom:10px;
	padding:10px;
	background-color:#eeeeee;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	border:solid 1px #999;
	position:relative;
	z-index:1;
	width: 550px;
	float:left;
	text-align:center;
}

div#regions h4{
	margin-top:10px;
}

div#regions img{
	margin:5px;
	border:solid 2px #F90;
	cursor:pointer;
}

div#departements, div#sans_plaques_top{
	width:345px;
	float:left;
	margin-left:20px;
	
}

form.plaques {
	position: relative;
}

div#sans_plaques_top {
	text-align: center;
	width: 345px;
	float: left;
	margin-left: 20px;
	position: absolute;
	right: 30px;
	bottom: 0px;
}

div#departements_liste{
	margin-top:10px;
	text-align:center;
}

div#regions img:hover{
	border:solid 2px #fff;
}

div#departements_liste span{
	padding:5px;
	margin:5px;
	background-color:#36C;
	color:#fff;
	cursor:pointer;
	line-height:30px;
	display:inline-block;
}

div#departements_liste span.selected, div#departements_liste span:hover{
	background-color:#FFF;
	color:#333;
}

div#departements select{
	margin-top:20px;
}

div#image_departement{
	height:60px;
	position:absolute;
	left:270px;
	top:8px;
}

div#image_departement img{
	height:60px;
	border:solid 2px #fbc44c;
}

div#dep_choisi{
	background-color:#006;
	color:#fff;
	min-width:50px;
	min-height:30px;
}

input[disabled]{
	background-color:#e8e8e8;
}

div#infos_immatriculation{
	float:right;
	width:400px;
	padding-top:10px;
}

div#saisie_immatriculation{
	margin-top:10px;
	margin-bottom:10px;
	padding:10px;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.encadre{
	background-color:#eeeeee;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	border:solid 1px #999;
	margin-top:10px;
	margin-bottom:10px;
	padding:10px;
}

.encadre_frais{
	background-color:#eeeeee;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	border:solid 1px #999;
	margin-top:10px;
	margin-bottom:10px;
	padding:10px;
	padding-top:17px;
}

.encadre_livraison{
	background-color:#eeeeee;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	border:solid 1px #999;
	padding-top:15px;
	padding-bottom:10px;
	padding-left:5px;
	padding-right:5px;
}

.left{
	text-align:left;
}

.taille_td{
	width:250px;
}

.taille_td_info{
	width:580px;
}
.kit{
	margin-top:15px;
}

div#frais_livraison{
	font-weight:bold;
	clear:left;
	height:32px;
	margin-bottom:15px;
}

div#frais_garantie{
	width:245px;
	font-weight:bold;
	float:left;
}

div#offert{
	width:270px;
	font-weight:bold;
	float:left;
	margin-left:10px;
}

div#kit{
	float:left;
	width:380px;
	margin-left:10px;
	text-align:center;
	font-weight:bold;
}

div#kit img{
	margin-right:10px;
}

div#buttons{
	margin-top:10px;
}

.valid-cmd {
	float:right;
	margin-top:0;
	text-align:right;
}

.retour{
	margin-top:25px;
}

#espace_professionnel .encadre_content .block{ 
	padding:2%;
	margin:1%;
	background-color: #185596;
    display: flex;
	border-radius: 4px;
	cursor:pointer;
	min-height: 120px;
	flex:1;
}

#espace_professionnel{
	margin-top:4%;
}

#espace_professionnel div.text_descriptif h3{
	margin-top:0%;
}

#espace_professionnel div.block_content{
	margin-top:4%;
	margin-bottom:2%;
}

#espace_professionnel div.block_content h3{
	text-align: center;
    font-size: 24px;
    margin-top: 0%;
}

#espace_professionnel p{
	font-size:14px;
}

#espace_professionnel .encadre_content .block:hover,
#espace_professionnel .encadre_content .block.selected{ 
	background-color: #ff9900;
}

.espace_pro_block{
	display: flex;
}

.encadre_content .block h2{ 
	background-color: transparent !important;
	text-align:center;	
}

div#espace_professionnel.texte_content h3:before{ 
	display:none;
}

div#espace_professionnel.texte_content h4{
	background-color: #185596;
    color: #fff;
    font-weight: 100;
    font-size: 16px;
    padding: 1%;
	margin-bottom: 2%;
}

div#espace_professionnel.texte_content h4.second{
	margin-top:2%;
}


div#espace_professionnel ul {
	margin-left:3%;
}

div#plaque_non{
	text-align:right;
	margin-bottom:10px;
	line-height: 80px
}

p#garantie{
	margin-top:-20px;
	width:450px;
	float:right;
	text-align:right;
}

input#commander{
	float:right;
}

img.delete{
	cursor:pointer;
}

div#recapitulatif{
	margin-top:10px;
	margin-bottom:10px;
	padding:10px;
	background-color:#eeeeee;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	border:solid 1px #999;
}

a.modifier_panier{
	padding:5px 0;
	background-color:#ffffff;
	color:#203288;
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
}


div#recapitulatif h2{
	width:500px;
	margin:auto;
	margin-top:50px;
	padding-bottom:10px;
	margin-bottom:20px;
	border-bottom:solid 2px #333;
}

div#recapitulatif h3{
	width:500px;
	margin:auto;
	line-height:30px;
}

div#recapitulatif table{
	width:650px;
	margin:auto;
	margin-top:10px;
	margin-bottom:10px;
	border: solid 1px #999;
}

div#recapitulatif div.plaques{
	width:650px;
	margin:auto;
}

div#conditions{
	/*width:500px;
	float:right;
	text-align:right;*/
	text-align:center;
	margin-top:2rem;
	margin-bottom:1rem;
}

div#buttons{
	clear:both;
}

div#button_right{
	float:right;
	width:470px;
	text-align:right;
}

div#button_left{
	float:left;
}

div.plaques tr:nth-child(2n){
	background-color:#CCC;
}

div.recapitulatif_demande{
	width:625px;
	margin:auto;
	margin-top:10px;
	margin-bottom:10px;
	background-color:#FFF;
	border: solid 2px #666;
	padding:10px;
}

div#messages{
	color:#F00;
	width:500px;
	text-align:center;
	margin:auto;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:10px;
}

div#actions{
	display:inline-block;
	float:right;
}

.text_right{
	text-align:right;
}

.text_center{
	text-align:center;
}

.sous_total{
	font-weight:bold;
	font-size:18px;
}

.actions img{
	margin-left:2px;
	margin-right:2px;
}

div#montant_total{
	margin:auto;
	margin-top:20px;
	margin-bottom:10px;
	padding:10px;
	background-color:#FFF;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	border:solid 1px #999;
	width:260px;
	font-weight:bold;
	font-size:18px;
	text-align:center;
}

div#frais{
	margin:auto;
	margin-top:20px;
	margin-bottom:10px;
	padding:10px;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	border:solid 1px #999;
	width:620px;
	font-weight:bold;
	font-size:14px;
}

div#form_inscription td#submit,
div#form_connexion td#submit{
	text-align:left;
}

div#form_inscription, div#form_connexion{
	float:left;
	width:46%;
	margin-bottom:10px;
}

div#form_connexion table{
	width:100%;
}

div#form_connexion input[type="image"]{
	width:110px;
	padding-top:5px;
}

div#form_inscription{
	min-height:345px;
	margin-right:2%;
}

div#form_connexion.connexion_collaborateur{
	margin-top:0;
	background-color:#999;
	color:#fff;
}

.ESPACECLIENT div#form_connexion.connexion_collaborateur{
	margin-left: 2%;
}

div#form_connexion.connexion_collaborateur h3, div#form_connexion.connexion_collaborateur a{
	color:#fff;
}

div#form_inscription td#type{
	padding-bottom:20px;
	text-align:center;
}

div#form label{
	padding-bottom:20px;
	text-align:center;
}

.contour_bleu{
	padding:1%;
	background-color:#eeeeee;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	border:solid 1px #999;
}

.taille{
	width:920px;
}
.td_padd{
	padding-left:30px;
}

div#form_inscription h3, div#form_connexion h3{
	text-align:center;
}

div#form_inscription input[type="text"],
div#form_connexion input[type="text"],
div#action_client input[type="text"]{
	width:200px;
}

div#form_inscription input[type="password"], div#form_connexion input[type="password"], div#action_client input[type="password"]{
	width:200px;
}

div#form_inscription table, div#form_connexion table{
	margin-top:20px;
}

div#form_inscription input[type="submit"],
div#form_connexion input[type="submit"]{
	float: none;
    display: block;
    margin-top: 5%;
    padding: 2% 0;
    font-weight: 100;
    color: #ffffff;
    border: solid 1px #999;
    background-color: #203288;
}

div#form_inscription input[type="submit"]{
	margin-left:auto;
	margin-right:auto;
}

div#recapitulatif_global{
	width:500px;
	/*float:left;*/
	margin:auto;
	margin-bottom:2rem;
}

div#recapitulatif_global td{
	padding:10px;
}

form#paiement{
	text-align:center;
	width:400px;
	float:left;
	margin-left: 20px;
}

input#acces_paiement{
	width:400px;
	max-width:100%;
	margin-top:40px;
	background-image: url('images/carte_paiement.jpg');
	background-repeat:no-repeat;
	background-color:#fff;
	background-size:contain;
	padding: 5px;
	text-align:right;
	margin-left:10px;
	color: #333;
	border: solid 2px #3e5372;
	font-weight: bold;
	font-size: 12px;
	cursor: pointer;
	display:block;
	height:100px;
	margin-left: auto;
    margin-right: auto;
    float: none;
    clear: both;
}


form#paiement_2{
	/*width:400px;*/
	clear:left;
	/*margin-left:280px;*/
}

form#paiement_3 input#acces_paiement{
	background-image: url('images/carte_paiement_little.png');
	width:190px;
	height:54px;
	border:none;
	margin:5px;
}

div#infos_docs{
	margin-top: 60px;
	text-align: center;
	font-weight: bold;
	/*background-color: #f8f8f8;*/
	padding: 10px;
}

/*************FIN COMMANDER*****************/

/*************ESPACE CLIENT******************/

div#content.ESPACECLIENT{
	display: flex;
	flex-wrap:wrap;
}

div#menu_client{
	flex:2;
	padding:10px;
	background-color:#d7d7d7;
}

div#action_client{
	flex:10;
}

div#contenu_client{
	margin-left:10px;
	font-size:12px;
}

table.client{
	width:100%;
}

.vert_fonce {
	color:#307208;
	text-align:center;
}

div#contenu_client .documents img{
	text-align:center;
}

div#action_client td{
	padding:4px;
}

div#action_client textarea{
	height:80px;
	width:450px;
}

div#action_client div#texte{
	text-align:justify;
	margin-bottom:10px;
}

div#titre{
	color:#FFF;
	padding:10px;
	background-color:#d7d7d7;
	font-size:20px;
	text-align:center;
	margin-bottom:20px;
	/*width:760px;*/
}

div#titre h2{
	line-height:40px;
	display:inherit;
	text-align:center;
}

div#titre img{
	margin-right:10px;
}

.center{
	text-align:center;
	font-weight:bold;
}

.gauche{
	text-align:left;
}


table.client tr:nth-child(2n){
	background-color:#FCF;
}

div#menu_client ul{
	margin-left:10px;
}

div#menu_client li{
	list-style:none;
	line-height:50px;
}

div#menu_client a:hover{
	text-decoration:underline;
}

div#menu_client img{
	margin-right:10px;
}

div#adresses_compte{
	margin-top:20px;
}

div#adresses_compte h2{
	margin-bottom:20px;
}

div#adresses_compte table tr:nth-child(2n){
	background-color:#FCF;
}

div#affiche_commande {
	float:left;
	/*width:720px;*/
}

div#affiche_commande_client{
	float:left;
	width:640px;
	padding:10px;
	background-color:#E8E8E8;
	border: solid 2px #333;
	margin-bottom:10px;
	margin-left:10px;
}


div#affiche_commande h2{
	font-size: 16px;
    margin-bottom: 10px;
    margin-top: 15px;
    font-weight: 100;
    margin-left: 15px;
}
div#affiche_commande h3{
	margin-bottom:5px;
	margin-top:10px;
}

div#affiche_commande h3.border_bottom{
	border-bottom:solid 1px #e8e8e8;
}

div#affiche_commande h3 .tarif_taxe{
	float: right;
    font-weight: 100;
    color: #474747;
    font-size: 14px;
}

div#affiche_commande h1{
	margin-left:15px;
	font-size:20px;
	margin-bottom:15px;
	color:#996699;
	font-weight:bold;
	
}

div#coordonnees_commande {
	width:300px;
	padding:10px;
	float:left;
	margin-left:15px;
	background-color:#FFCCFF;
}

div#recapitulatif_commande{
	width:640px;
	margin-top:10px;
	margin-left:15px;
	margin-bottom:10px;
	background-color:#FFF;
	border: solid 2px #996699;
	padding:10px;
}
.total_commande{
	color:#969;
	text-align:right;
	font-size:22px;
	font-weight:bold;
	width:640px;
}

div#coordonnees_client{
	padding:10px;
	border:solid 1px #333;
	background-color:#e8e8e8;
	float:left;
	width:530px;
}

div#button_action{
	float:left;
	width:100px;
	margin-top:40px;
	margin-left:10px;
}

.montant{
	text-align:center;
	font-size:22px;
	font-weight:bold;
	color:#006;
	border-color:solid 1px #999;
}

.connecter{
	color:#203288;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	margin-bottom: 30px;
	float: left;
	width: 680px;
}

div#rappel_coordonnees{
	float:left;
	padding-left:200px;
	width:640px;
}

th.statut{
	width:140px;
}

a.clignoter{
	display:block;
	width:120px;
}

td.documents a{
	color:#203288;
	font-size:12px;
}

td.documents{
	text-align:center;
}

td.documents img{
	width:40px;
}

div#documents_particuliers h1{
	font-size:16px;
	text-align:center;
	margin: 4%;
}

div#choix_top_doc{
	margin-top:1%;
}

div#action_client div#documents{
	padding:10px;
}

div#action_client div#questions_documents{
	padding:10px;
	margin-bottom:10px;
}

div#action_client div#questions_documents td.left{
	width:300px;
}

div#action_client div#documents div#acces_docs{
	width:330px;
	margin-bottom:30px;
	text-align:center;
	background-color: #12319F;
}

span.vert.questions_confirm{
	display:block;
	text-align:center;
	color:#00bb33;
}

a.lien_acces_doc{
	display:inline-block;
	margin:auto;
	padding:2px;
	background-color:#00bb33;
	color:#fff;
}

input[type=submit] {
	width:300px;
	background-color: #203288;
	font-size:16px;
	font-weight:bold;
	padding:10px;
	text-align:center;
	border: solid 1px #999;
    font-weight: 100;
    color: #fff;
	
	cursor:pointer;
	border:none;
	float:right;
	font-family: 'Fira Sans Condensed';
}

div#code_promo_details{
	background-color:#e8e8e8;
	margin-top:20px;
	margin-bottom:20px;
	padding:10px;
	width: 370px;
	max-width: 90%;
}

div#affiche_commande div#coordonnees_client{
	margin-left:15px;
	width:635px;
	margin-bottom:15px;
}

div#relances_espace_client{
	padding:15px;
}

div#relances_espace_client table{
	width:100%;
}


div#action_client td.red{
	background-color:red;
	color:#fff;
}

div#action_client td.green{
	background-color:green;
	color:#fff;
}

div#action_client td.jaune{
	background-color:#FFF4B0;
	color:#474747;
}

div#action_client td.vert_clair{
	background-color:#99DC99;
	color:#474747;
}

span.details_relance{
	cursor:pointer;
}

tr.detail_relance_content{
	display:none;
}


div#pieces_jointes {
	text-align:center;
}

div#pieces_jointes img{
	width:30px;
	vertical-align:middle;
}

div#action_client  tr.detail_relance_content td{
	padding:5px;
	background-color:#f8f8f8;
}

div#relances_espace_client h3{
	margin-bottom:10px;
}

tr.detail_relance_content span.fermer{
	float:right;
	cursor:pointer;
}

div.red{
	background-color:red;
}

div.red,
div.orange_message{
	background-color:red;
	color:#fff;
	padding:10px;
	text-align:center;
	font-size:14px;
}

div.red a,
div.orange_message span{
	color:#fff;
	font-weight:bold;
	cursor:pointer;
}

div.orange_message{
	background-color:#FF9900;
}

div.frais{
	margin-top:10px;
	margin-bottom:10px;
	font-weight:bold;
	font-size:14px;

}

/*************FIN ESPACE CLIENT******************/
/*************ville******************/

div#texte_ville{
	clear:both;
}

div#texte_ville ul {
	margin-left:60px;
	margin-bottom:20px;
	margin-top:20px;
}

div#demarches_ville, div#vehicules_ville{
	width:410px;
	float:left;
	margin-top: 20px;
}

div#demarches_dpt {
	/*width:320px;*/
	width:40%;
	float:left;
	margin-left:15px;
}

div#demarches_dpt li,
div#villes_dep li {
	font-size:11px;
	padding:5px;
}

div#autres_villes{
	
}
div#demarches_ville a, div#vehicules_ville a, div#autres_villes a{
	margin-left:5px;
}

div#demarches_dpt{
	/*margin-top:100px;*/
	margin-bottom:2%;
}

div#demarches_ville ul, div#vehicules_ville ul, div#autres_villes ul, div#demarches_dpt ul{
	list-style:none;
	margin-left:20px;
	margin-top:0px;
	margin-bottom:0px;
}
div#autres_villes ul{
	/*float:left;
	width:49%;*/
	margin-left:0;
}

div#villes_dep{
	width:46%;
	float:left;
	padding: 0 4%;
}

div#demarches_ville li, div#vehicules_ville li, div#autres_villes li{
	list-style:none;
	padding:5px;
}

div#infos_villes{
	float:left;
	width:320px;
	margin-right:40px;
}

div#infos_villes h2{
	font-size:14px;
	text-align:center;
}

div#docs{
	background-color:#CCC;
	padding:10px;
	width:300px;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	border-radius: 3px;
}

div#docs h2{
	font-size:13px;
}

div#prix_cv{
	color:#203288;
	margin-top:30px;
	padding:10px;
	background-color: #efede8;
	border:solid 1px #203288;
	font-weight:bold;
	font-size:15px;
	text-align:center;
}

div#prix_cv h2,
div#prix_cv h3{
	font-size:12px;
}

div#ville_texte h2.sous_titre_ville{
	color: #474747;
    font-size: 18px;
    font-weight: 100;
    text-align: center;
    margin-bottom: 4%;
	
}

div#prix_cv span#prix{
	display:block;
	text-align:center;
	margin-top:10px;
	font-weight:bold;
	font-size:18px;
}

div#presentation_ville{
	margin-bottom:10px;
	margin-right:2%;
	width:18%;
	float:left;
}

div#presentation_ville p{
	font-size:11px;
}
div#commande_en_ligne{
	margin-top:25px;
}

div#commande_en_ligne img{
	margin-top:10px;
}

div#ville_texte{
	margin-top:65px;
	margin-bottom:10px;
	width:76%;
	float:left;
	padding:2%;
	font-size:16px;
}

div#ville_texte p{
	font-size:16px !important;
}
div#ville_texte a{
	font-size:16px !important;
}
div#ville_texte h2{
	color:#fbc44c;
	font-size:15px;
}
	margin-top:30px;
div#presentation_ville img.dep{
	padding-right:25px;
	width:88px;
	margin:auto;
}

div#presentation_ville img.reg{
	margin-top:40px;
	text-align:center;
	
}

div#calcul_ville{
	margin-top:20px;
	width:650px;
	float:left;
}

div#acces_ville{
	margin-top:20px;
	font-size:11px;
}
div#acces_ville a{
	width:440px;
	padding-bottom:10px;
	padding-left:10px;
	float:left;
	font-size:11px;
}
div#demarche_ville{
	float:left;
	font-size:14px;
}

div#demarche_ville h4,
#demarches_dpt h4,
#villes_dep h4{
	font-size:15px;
	margin-bottom:15px;
}

#demarches_dpt h4,
#villes_dep h4{
	text-align:center;
}

h4.title_ville{
	margin-top:2%;
}

.ville_marge{
	margin-top:10px;
}

.titre_documents{
	margin: 3%;
	margin-bottom:1%;
	text-align: center;
}

.position{
	padding:12px;
	float:left;
	width:150px;
	margin-top:10px;
	margin-bottom:20px;
	margin-right:15px;
	background-color:#dfe5e2;
	border:solid 1px #999;
	text-align:center;
	font-weight:bold;
	height:40px;
	vertical-align:center;
	-webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
	cursor:pointer;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #00307a;
}

.position:hover{
	background-color:#145599;
	color:#fff;
}

.position:hover a{
	color:#fff;
}

.details_docs_liste{
	display:none;
	background-color: #f3f3f3;
    padding: 2%;
}

.position_retour{
	float:right;
	margin-top:10px;
	margin-bottom:20px;
	height:50px;
	vertical-align:center;
}

.btn_retour_margin_top{
	margin-top:100px;
}


/*******AVIS ETOILES************/

div#content_fb h4{
	color: #060;
	margin-bottom:10px;
}

div#liste_avis{
	margin-top:2%;
}

span#moyenne{
	background-image:url(images/etoile_5.png);
	width:200px;
}

div#page_avis h1{
	font-size:20px;
}

div#page_avis div#liste_avis{
	margin-top:10px;
}

div#page_avis h1{
	font-size:16px;
	text-align:center;
}

div#avis_accueil{
	width:150px;
	background-color:#fff;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	padding:10px;
	-moz-box-shadow: 1px 1px 8px #333;
	-webkit-box-shadow: 1px 1px 8px #333;
	box-shadow: 1px 1px 8px #333;
	text-align:center;
	font-size:11px;
}

div#avis_accueil h4{
	font-size:11px;
	text-align:center;
}

div#avis_accueil h5{
	font-size:11px;
	font-weight:100;
	text-align:center;
}

div#avis_accueil img{
	margin-bottom:10px;
	margin-top:10px;
}

div#avis_accueil a{
	text-decoration:underline;
}

div#avis_accueil a:hover{
	text-decoration:none;
}

div#avis{
	background-color:#e8e8e8;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:10px;
	margin-bottom:15px;
}

div#avis td#pseudo{
	font-weight:bold;
	color:#203288;
}

div#avis td#note{
	width:110px;
	padding-right:10px;
}

div#avis span.date{
	font-style:italic;
	font-weight:100;
	color:#666;
	font-size:12px;
}

div#depot_avis{
	background-color:#e8e8e8;
	-webkit-borde-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border-radius: 5px;
	padding:10px;
	-moz-box-shadow: 1px 1px 5px #333;
	-webkit-box-shadow: 1px 1px 5px #333;
	box-shadow: 1px 1px 5px #333;
	margin-bottom:30px;
}

div#depot_avis input[type="submit"]{
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	background-color:#333;
	color:#e8e8e8;
	border:solid 1px #fff;
	cursor:pointer;
	font-weight:bold;
}

div#depot_avis.depot_valid{
	background-color:#060;
	color:#fff;
}

div#depot_avis.depot_invalid{
	background-color:#F30;
	color:#fff;
}

div#depot_avis.depot_valid h3, div#depot_avis.depot_invalid h3{
	font-weight:100;
}

div#depot_avis h1{
	font-size:14px;
	margin-bottom:20px;
	text-align:center;
}

div#depot_avis input[type="text"]{
	width:200px;
}

div#depot_avis textarea{
	width:300px;
	height:80px;
}

div#depot_avis td#submit{
	padding-top:10px;
}

div#label_note_moyenne{
	float:left;
	width:550px;
	margin-bottom:20px;
	line-height:22px;
}

div#note_moyenne_droite{
	width:110px;
	margin:auto;
}

div#note_moyenne{
	float:left;
	width:200px;
}

ul.notes-echelle {
	margin:0;
	padding:0;
	font:.75em/1.2 Arial, Helvetica, sans-serif;
}
ul.notes-echelle li {
	float:left;
	margin:0;
	padding:0;
	list-style:none;
	min-width:20px;
	min-height:20px;
}
/* Correctif IE6 sur min-width & min-height */
* html ul.notes-echelle.js li {
	width:20px;
	height:20px;
}
ul.notes-echelle li label {
	display:block;
	text-align:center;
	line-height:20px;
	background:url(images/etoiles.gif) center top no-repeat;
	cursor:pointer;
}

ul.notes-echelle li.note-off label {
	background-position:center -60px;
}

ul.notes-echelle.js input {
	position:absolute;
	left:-999%;
}

div#snip{
	position:absolute;
	left:-999px;
}


/*******FIN AVIS ETOILES************/


/*****SAISIE ADRESSES COMMANDE*****/

div#adresse_infos{
	background-color:#060;
	color:white;
	-webkit-borde-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border-radius: 5px;
	padding:1%;
	/*-moz-box-shadow: 1px 1px 5px #333;
	-webkit-box-shadow: 1px 1px 5px #333;
	box-shadow: 1px 1px 5px #333;*/
	margin-bottom:30px;
}

div#adresse_infos h1{
	font-size:14px;
	margin-bottom:0;
}

div#adresse_livraison_saisie, div#adresse_facturation_saisie{
	width:50%;
	float:left;
	padding:30px;
	padding-top:10px;
	padding-right:10px;
	margin-top:20px;
}

div#adresse_livraison_saisie table,
div#adresse_facturation_saisie table{
	width:100%;
}

div#adresse_livraison_saisie{
	
	padding-right:0;
	width: 43%;
}

div#adresse_facturation_saisie{
	border-right:solid 2px #333;
}

div#adresse_facturation_saisie.border_none{
	border:none;
}

div#adresse_livraison_saisie.invisible{
	display:none;
}

div#adresse_livraison_saisie td#submit{
	padding-top:30px;
}

div#adresse_livraison_saisie select, div#adresse_facturation_saisie select{
	/*width:260px;*/
}

div#valider_adresse{
	/*position:absolute;
	bottom:10px;
	right:10px;*/
}

div#valider_adresse.livraison_off{
	/*position:absolute;
	bottom:130px;
	right:10px;*/
}

a.precedente{
	float:left;
	display: block;
    color: #203288;
    background: none;
    text-align: left;
    text-decoration: underline;
}

a.precedente:hover{
	float:left;
	display: block;
    color: #009ee1;
    background: none;
    text-align: left;
}

.buttons{
	margin-top:2%;
}

div#form_adresses{
	position:relative;
}

#valider_adresse input[type="submit"]{
	transition:all linear 0.2s;
}

#valider_adresse input[type="submit"]:hover{
	transform:scale(1.1);
}

/****FIN SAISIE ADRESSES COMMANDE*****/

div#reduction_club{
	margin-top:10px;
	margin-bottom:10px;
	background-color:#cb071e;
	font-weight:bold;
	color:#fff;
	padding:5px;
}

div#reduction_club .little{
	color:#fff;
}

div.retour_paiement{
	margin-top:20px;
}

div.retour_paiement a{
	display:block;
}

input#datepicker{
	margin-right: 3px;
}

/******* REPONSE QUESTIONS DOCUMENT*****/
div#questions_documents table{
	margin-top:10px;
	margin-bottom:10px;
}

div#questions_documents td{
	padding:5px;
}

div#questions_documents td.left{
	width:530px;
	/*background-image:url('images/arrow.png');
	background-repeat:no-repeat;*/
	padding-left:30px;
	background-position:left center;
}

div#questions_documents tr:nth-child(2n){
	background-color:#f8f8f8;
}

div#questions_documents_retour{
	padding:10px;
	padding-top:0px;
	background-color:#e8e8e8;
	margin-top:10px;
	margin-bottom:40px;
}

tr.submit input{
	float:right;
	padding:5px;
	padding-left:10px;
	padding-right:10px;
	border:none;
	background-color:#00a32c;
	color:#fff;
	font-size:14px;
}

div#finaliser_liste_doc{
	margin-top:50px;
}


div#finaliser_liste_doc #enveloppe_lettre_suivie{
	margin-top:50px;
}

div#acces_docs{
	text-align:center;
	width: 210px;
	padding: 10px;
	margin:auto;
	color:#fff;
}

div#acces_docs img{
	margin-bottom:10px;
}

div#acces_docs a{
	display:block;
	line-height:30px;
	color:#fff;
}

h3#message_confirm_p_complementaire{
	margin-top:100px;
}

div#encadre_contact_blue{
	padding:10px;
	text-align:center;
}

div#enveloppe{
	text-align:center;
	font-weight:bold;
	font-size:14px;
	background-color:#eee;
	border:solid 1px #999;
	margin-left:20px;
	width:450px;
	float:left;
	margin-bottom:50px;
}

div#enveloppe_lettre_suivie{
	margin-left:20px;
	width:450px;
	float:left;
	text-align:center;
	margin-bottom:50px;
}

div#left_liste_doc{
	width:440px;
	float:left;
	margin-top:20px;
}
.immat_item {
	width:300px;
	float:left;
	padding:10px;
	margin-bottom:15px;
	border:solid 1px #000000;
	background-color:#ffffff;
}

span#derniere_etape{
	display:inline-block;
	padding-left:105px;
}
.dernier_avis{
    padding: 4%;
    position: relative;
    background-color: #e8e8e8;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.dernier_avis p{
	text-align:center;
	margin:0;
	padding:0;
}

.dernier_avis h3{
	text-align:center;
	margin-top:0px;
	margin-bottom:0px;
}
	
.date_avis_accueil{
	color:#203288;
	font-size:11px;
	text-align
}

.suite_avis {
	color:#203288;
	font-size:12px;
	font-weight:bold;
	display: block;
}

.plus_avis {
	color:#203288;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	bottom:17px;
}

.all_avis {
	color:#203288;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	margin-top: 30px;
    display: block;
}

.dernier_avis p.align-left {
	padding:3%;
}

.img_avis {
	vertical-align:middle;
	margin-top:5px;
}

.extra_little {
	font-size:11px;
}
.cvo {
	margin: 2% 10%;
    border: solid 1px #203288;
    padding: 15px;
	font-size: 18px; 
	
    font-weight: bold;
    color: #203288;
}

.cvo_ville {
	border:solid 1px #203288;
	padding:15px;
	font-weight:bold;
	color:#203288;
}
div#agence{
	width:270px;
	float:left;
	margin-top:10px;
	margin-bottom:20px;
	background-image: url('images/agence.png');
	background-repeat:no-repeat;
	padding: 10px;
	height:200px;
}

.agence {
	margin-top:80px;
	text-align:center;
	font-weight:bold;
}

div#avantages{
    padding: 4%;
    background-color: #ffa758;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
	text-align:left;
}

div#avantages ul{
	list-style:none;
}

div#avantages img{
	float:left;
	margin-right:6px;
}

div#avantages li{
	list-style:none;
	padding:5px 0;
	margin-left:10px;
	color:#fff;
	font-weight: 100;
    font-size: 14px;
}

div#avantages h3 span.little{
	display:block;
}

div#footer_right{
	width: 22%;
    float: right;
}

div#blog{
    padding: 5%;
    background-color: #e8e8e8;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	margin-bottom:2%;
}

div#blog img{
	float:left;
	padding-left:5px;
	padding-right:5px;
}

.h2_blog ,
.h3_blog {
	font-size: 22px;
	margin-bottom:10px;
}


div#blog a{
	width:290px;
	font-size:12px;
	font-weight:bold;
	color:#203288;
}
div#blog p{
	margin-top:5px;
	margin-left:0px;
}

div#liste_avis h3{
	font-weight:100;
	text-align: center;
    margin-bottom: 2%;
}

span.titre{
	font-size: 17px;
	font-weight:bold;
	margin-bottom:2%;
	display:block;
}

div.div_dpt img,
div#demarches_dpt img,
div#autres_villes img,
div#demarches_ville img,
div#vehicules_ville img{
	vertical-align:middle;
	margin-right:3%;
}

div#plus div.div_dpt a,
div#demarches_dpt a,
div#autres_villes a,
div#demarches_ville a,
div#vehicules_ville a{
	display:inline-block;
}

.date_blog {
	font-size:11px;
	font-style:italic;
	color:#ef6a0d;
}

div#tel_right {
	color:#203288;
	font-weight:bold;
	font-size:13px;
	width:270px;
	margin-top:20px;
	margin-bottom:20px;
	margin-left:20px;
	float:left;
}

div#tel_right img {
	float:left;
}

div#tel_right p{
	margin:0;
}
.tel_accueil {
	color:#ef6a0d;
	font-weight:bold;
	font-size:28px;
	width:210px;
	float:left;
	text-align:center;
}
.orange {
	font-style:italic;
	font-size:10px;
}

p.horaires {
	text-align:center;
	margin:0;
}

div#code_promo{
	width:250px;
	margin:auto;
	padding:10px;
	text-align:center;
}

div#code_promo input{
	width:80px;
	height:20px;
	margin-top:5px;
	margin-left:10px;
}

div#code_promo input[type="submit"]{
	background-color:#fff;
	color:#474747;
	font-size:14px;
	width:30px;
	height:24px;
	margin-left:5px;
	padding:2px 0px;
}

span#res_total_code_promo{
	color: #203288;
}

div#message_code_promo{
	color:red;
	margin-top:5px;
}

div#montant_code_promo{
	font-size:18px;
	font-weight:bold;
	width:500px;
	margin:auto;
	background-color:#fff;
	margin-bottom:10px;
	padding:10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: solid 1px #999;
}
.dep {
	display: block;
    margin: auto;
    margin-top: 45px;
}

span.nb_avis_dep{
	font-size: 18px;
    text-align: center;
    display: block;
    color: #FF7900;
    padding-top: 5px;
}

.dernier_avis .note{
	padding:0;
	margin:0;
	font-size:16px;
    padding-top: 5px;
    width:100%;
    display:block;
}

span.nb_avis_ville{
	font-size: 18px;
    text-align: center;
    display: block;
    color: #FF7900;
    padding-top: 0px;
}

.div_iframe {
	float:left;
	margin-top:90px;
	border: solid 1px #203288;
	width:160px;
}

div.help_infos{
	position:absolute;
	margin-top:-200px;
	margin-left:300px;
}

div#help_co2{
	margin-top:-650px;
}

div#help_mdp{
	position:absolute;
	margin:0;
	padding:10px;
	background-color:#fff;
}

div.div_dpt {
	float-left;
	width:280px;
	border: solid 2px #fbc44c;
	text-align:left;
	padding:10px;
	margin-top:100px;
	margin-bottom:30px;
	float:left;
}

div.div_dpt a {
	margin-left:0;
}

div.div_dpt h3 {
	font-size:12px;
	text-align:center;
	margin-bottom:10px;
}
div.div_dpt h4 {
	font-size:11px;
}

span#infos_little_co2{
	display:inline-block;
	/*font-weight:bold;*/
	padding-left:15px;
}

div.partenaire{
	width:150px;
	text-align:center;
	margin-top:60px;
}

div#finaliser_paiement_content{
	width:500px;
	margin:auto;
	padding:20px;
	background-color:#e8e8e8;
	text-align:center;
}

div#finaliser_paiement_content form{
	margin-top:10px;
}

div#finaliser_paiement_content input#acces_paiement{
	float: none;
    margin: auto;
    margin-top: 20px;
}

div#finaliser_paiement_content .logo_paiement_securise{
	width:150px;
	margin-top:50px;
}

div#sans_plaques_bottom{
	display:none;
}

div#paiement_complement{
	padding: 3%;
    background-color: #fff;
}

div#paiement_complement span.titre{
	font-size:16px;
}

form#paiement.complement input#acces_paiement {
    margin-top: 10px;
	float:none;
	display:inline-block;
}

form#paiement.complement {
    float: none;
    width: 500px;
    margin: auto;
    margin-bottom: 20px;
}

div.logo_paiement_securise {
    text-align: center;
}

div#message_return_paiement{
	text-align:center;
	line-height: 24px;
}

img.echoue{
	vertical-align:middle;
}

div#box_msg{
	padding:20px;
	background:#fff;
	width:400px;
	left:280px;
	top:0px;
	position:absolute;
	text-align:center;
	z-index:150;
}

div#box_msg span.fermer{
	display:block;
	text-align:right;
	margin-bottom:10px;
	cursor:pointer;
}

div#overlay{
	background-image:url('images/transp_gris.png');
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:100;
	display:none;
}

div#ville_texte h1{
	text-align: center;
    font-weight: 100;
    font-size: 18px;
    text-decoration: underline;
}

div.texte_bottom_paiement_ville{
	padding:4%;
	background-color:#f8f8f8;
	text-align:justify;
	margin-top:2%;
}

div.texte_bottom_paiement_ville img.paiement{
	float:right;
	margin-left:2%;
}

div.texte_bottom_paiement_ville p{
	margin-top:0;
}

a.button{
	margin: auto;
    display: block;
    width: 370px;
    text-align: center;
    padding: 2%;
    background-color: #4096d3;
    color: #fff;
    font-size: 16px;
    margin-top: 3%;
    margin-bottom:5%;
}

a.button:hover{	
    background-color: #2485ca;
}

div#commentmarche h3{
	margin:2% 0;
}

img.padding{
	    padding: 0 2%;
}

div#left_qui{
	float:left;
	width:45%;
}

div#right_qui{
	float:right;
	width:45%;
}

div#left_qui,
div#right_qui {
	padding:3% 2%;
	background-color:#f8f8f8;
	margin-top:2%;
}

div#left_qui h2,
div#right_qui h2{
	text-align:center;
	margin-top:2%;
}

.clear{
	clear:both;
	float:none;
}

div#qui_details{
	margin: auto;
    width: 50%;
    background-color: #e8e8e8;
    padding: 4%;
    margin-top: 2%;
    margin-bottom: 2%;
}

div#qui_details h2{
	text-align:center;
	margin-top:0;
	margin-bottom:4%;
}

div#plus a.commander_btn{
	font-size: 12px;
    margin-top: 15px;
    text-decoration: underline;
    text-align: left;
}

.etoilesavis {
	margin-top:10px;
}

.etoilesavis .all_avis{
	text-align:center;
	margin-top:8px;
}

div.content_avis{
	margin-top:10px;
}

div.content_avis span.etoiles{
	display: block;
    text-align: center;
}

div.content_avis .infos_avis{
	text-align:center;
	margin-top: 3%;
}

span.bleu.ville{
	display: block;
    text-align: center
}

.loadmore {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin 2s linear infinite;
	display:none;
	margin:auto;
}

.erreur_connexion{
	width: 80%;
    margin: auto;
    text-align: center;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

div.message_connexion{
	text-align:center;
}

div.message_connexion p{
	font-weight:100;
}

div.message_connexion .msg_contact{
	margin-top:0;
}

div#txt_mdp{
	margin-top:2%;
	font-weight:100;
}

form#demande_mdp{
	width:50%;
	margin:auto;
    text-align: center;
}

form#demande_mdp input[type="text"]{
	height:20px;
}

form#demande_mdp input[type="submit"]{
	display: block;
    margin: auto;
    margin-top: 4%;
	float:none;
	clear:both;
}

.email_bleu{
	color:#5172e2;
	font-weight:bold;
}


.note_moyenne_top{
	text-align:center;
}

.etoiles_note_moyenne{

    display: inline-block;
    vertical-align: middle;
}

.note_note_moyenne{

    display: inline-block;
    line-height: 20px;
    vertical-align: middle;
    font-size: 22px;
	margin-left: 4%;
    font-weight: bold;
}

#top_avis_left{
	width:30%;
	float:left;
	margin-left:26%;
	margin-top: 2%;
}

#top_avis_right{
	width:15%;
	float:left;
}

span.little_avis_top{
	font-style:italic;
	font-size:12px;
	display:block;
	margin-top: 2%;
}

.nb_tot_avis {
    text-align: center;
    font-size: 20px;
    color: #12319f;
    margin-bottom: 20px;
}

div.texte_content h1{
	font-size:20px;
	font-weight:100;
	margin-bottom:4%;
	margin-top:2%;
	text-align:center;
}

div.texte_content h2{
	font-size:16px;
	margin-bottom:2%;
}

div.texte_content h3{
	font-size:14px;
	margin:2% 0;
	color: #023a85;
	font-weight: 100;
}

div.texte_content h3:before{
	content: "> ";
}

div.texte_content a{
	color:#e0380e;
}

div.texte_content a:hover{
	text-decoration:underline;
}

div.texte_content div.encadre_content{
	padding:2%;
	font-size:14px;
	line-height: 18px;
}

div.texte_content div.encadre_content p{
	font-size:14px;
}

div.texte_content div.encadre_content .bg_orange{
	background-color:#ff9900;
	padding:2%;
	color:#fff;
	font-size:16px;
}

div.texte_content div.encadre_content.gris{
	background-color:#f1f0f0;
}

div.texte_content div.encadre_content h2{
	background-color:#185596;
	color:#fff;
	font-weight:100;
	font-size:16px;
	padding:1%;
	margin-top:0%;
}

div.texte_content a.button{
	margin-top:1%;
	margin-bottom:1%;
	padding:1%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color:#fff;
	background-color: #e0380e;
}

div.texte_content div.encadre_content.bg_bleu{
	border: solid 4px #195a9e;
}

div#presentation div#top_pref_home{
	padding:3%;
	border-top: solid 1px #e0380e;
	border-bottom: solid 1px #e0380e;
	margin-top: 4%;
}

div#presentation div#top_pref_home p{
	padding: 0;
	margin: 0;
}

div#presentation div#top_pref_home a{
	padding: 1%;
	color:#e0380e;
	-webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}

div#presentation div#top_pref_home a:hover{
	font-weight:bold;
}

div#menu_tab{
	display: none;
}

.titre_top_big{
	font-size: 16px;
    font-weight: 100;
    text-align: center;
}

#titre_commande{
	text-align: center;
    font-size: 16px;
    color: #11319f;
    font-weight: bold;
    margin: 2% 0;
}

div#btn_commande{
	padding: 1%;
    background-color: #e8e8e8;
    margin: 15px;
    max-width: 645px;
}

div#btn_commande a{
	display: inline-block;
	margin: 0 2%;
}

.subtitle_doc{
	text-align:center;
	margin-top:0;
	margin-bottom:3%;
	font-style:italic;
}

div#texte_documents p{
	font-size:12px;
	font-style:italic;
	color:#797979;
}

div#choix_demarches{
	text-align: center;
    margin-top: 3%;
    color: #666;
    font-size: 16px;
    text-decoration: underline;
}

#plus .left{
	width:72%;
	margin-right:2%;
	float:left;
}

#plus .right{
	width:26%;
	float:left;
}

#plus .right > div{
	margin-bottom:7%;
}

.content_page h1{
	font-size:18px;
	text-align:center;
	font-weight: 100;
}
.PAIEMENTS h1{
	background-color: #efede8;
    text-align: left;
    border: solid 1px;
    text-align: center;
    font-weight: bold;
    color: #203288;
    padding: 1%;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin-bottom: 2%;
	font-size:22px;
	padding-top:2%;
	padding-bottom:2%;
}
.PAIEMENTS h2{
	font-size:18px;
	color: #185596;
	padding-top:1%;
}
.PAIEMENTS h3{
	color: #203288 !important;
    font-size: 14px !important;
    font-weight: bold !important;
}

.paiement_bottom {
	background-color: #f1f0f0;
    padding: 2%;
    font-size: 14px;
    line-height: 18px;
	margin-top:4%;
}
.paiement_bottom h2{
	background-color: #185596;
    color: #fff !important;
    font-weight: 100;
    font-size: 16px;
    padding: 1%;
    margin-top: 0% !important;
}
.red {
	color: red;
	font-size:18px;
}
.rouge-paiement {	
    text-align: center;
    padding: 3%;
    border: solid 1px #000;
    margin-top: 5%;
	font-weight:bold;
}
.paiement_3fois {
	display:flex;
}
.paiement_left {
	flex:8;
}
.paiement_3fois #calculcarte{
	position: initial;
	margin:0;
    margin-left: 2%;
}
#doc_import #calculcarte{
	position: initial;
	width:100%;
}
.PAIEMENTS .titre_paiements {
	font-size: 16px;
    padding-left: 4%;
    display: inline-block;
    margin-top: 0;
	padding-top: 4%;
}
.entete_bloc {
	flex:8;
	padding: 3%;
}
#entete_paiement_fois img{
	max-width:24%;
	display: block;
    margin: auto;
    padding-top: 5%;
}
#entete_paiement_fois span{
	text-align:center;
	display: block;
    margin-top: 20px;
}
#entete_paiement_fois {
	flex:8;
}
.titre_paiements span {
	font-size: 15px;
    color: #185596;
    font-weight: bold;
}
.content_page h2{
	font-size:16px;
    color: #185596;
    font-weight: 100;
	margin: 2% 0 1% 0;
}

.content_page h3{
	font-size:16px;
    color: #474747;
    font-weight: 100;
	margin: 2% 0 1% 0;
}

.content_page h4{
	font-size:14px;
    color: #474747;
    font-weight: bold;
	margin: 2% 0 0% 0;
}

span.texte_couleur{
	color: #ff9900;
}

.content_page p a,
.content_page ul a{
	text-decoration:underline;
}

.content_page a.button.margin{
	margin-top:2%;
	margin-bottom:2%;
}

.content_page ul{
	margin-left:3%;
	margin-top:1%;
}

.content_page table.table{
	margin:auto;
	width:30%;
}

.content_page table.table td{
	padding:5%;
}
.content_page table.table tr:nth-child(2n){
	background-color:#f8f8f8;
}

label.hide,
tr.hide{
	display:none;
}

#commentmarche ul{
	margin: 2% 0 2% 4%;
}

.infos_ct {
    display: inline-block;
    margin-left: 2%;
    background-color: #474747;
    color: #fff;
    padding: 2px;
    border-radius: 3px;
    cursor: pointer;
    font-size: 12px;
}

.solution {
    display: inline-block;
    margin-left: 5px;
    padding: 2px;
    border-radius: 3px;
    cursor: pointer;
    border: solid 1px;
    font-size: 12px;
}

.content_infos_ct {
    width: 20%;
    display: block;
    position: absolute;
    right: 50%;
    padding: 3% 2% 2% 2%;
    background-color: #e8e8e8;
    font-size: 12px;
    opacity: 0;
}

.fermer_ct {
    cursor: pointer;
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 11px;
}

#informations_client{
	text-align:center;
}

.content_informations_client{
	padding:2% 0;
	margin-bottom: 2%;
    background-color: #f8f8f8;
}

.content_informations_client label{
	min-width: 150px;
    display: inline-block;
	margin-right:2%;
}

.content_informations_client span{
	display: inline-block;
    margin-right: 2%;
}

.content_informations_client .line{
	margin:1% 0;
}

div#prestations_collaborateur{
	padding:2%;
	background-color:#f0f0f0;
	margin:2%;
}

div#prestations_collaborateur form{
	display:inline-block;
	border:solid 1px #474747;
}

div#prestations_collaborateur input[type="text"]{
	height:20px;
	border:none;
	width:100px;
}

#form_adresses .espace_pro .civilite td{
	padding:1% 0;
}

div.commande_ligne{
	padding:1%;
	border-bottom:solid 1px #474747;
}

div.commande_ligne.total{
	font-weight:bold;
}

div#prestations_collaborateur .titre{
	display:block;
	margin-top:2%;
}

div.commande_ligne span{
	display:inline-block;
	padding:1%;
}

.connexion_only #form_connexion,
.ESPACECLIENT .connexion_only div#form_connexion.connexion_collaborateur{
	margin:auto;
	float:none;
}

.connexion_only .rouge{
	background-color: #ff5858;
    color: #fff;
    padding: 1%;
    font-weight: 100;
    margin-bottom: 1%;
	text-align:center;
}

#convertisseur{
	display:none;
	background-color: #185596;
    padding: 4%;
	position: absolute;
    right: -9%;
    color: #fff;
	text-align:center;
}

#convertisseur .title{
	font-size:18px;
	text-transform: uppercase;
}

#convertisseur span{
	display:block;
}

#convertisseur input[type="text"]{
	max-width: 80px;
    display: inline-block;
    border: none;
    line-height: 25px;
    font-size: 20px;
	margin:auto;
	margin-bottom:1%;
	text-align:center;
}

#convertisseur input[type="text"]::placeholder{
	color:#c0c0c0;
	font-style:italic;
	font-size:14px;
	text-align:center;
    vertical-align: middle;
}

#convertisseur input[type="submit"]{
	display: block;
    margin: auto;
    padding: 2% 6%;
    background-color: red;
}

#convertisseur .ligne_convertisseur{
	margin-top: 3%;
    margin-bottom: 3%;
}

#convertisseur .ligne_convertisseur span{
	display:inline-block;
	min-width:36px;
}

div.res_cv{
	display:none;
    border: solid 1px;
    padding: 2%;
    margin-top: 4%;
}

span.cv_res{
	font-size:20px;
}

span.interrogation{
	background-color: red;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    margin-left: 2%;
	cursor:pointer;
	opacity:0;
}

span.interrogation.mobile{
	opacity:0;
}

div#convertisseur span.fermer{
	display: block;
    text-align: right;
    margin-bottom: 10px;
    cursor: pointer;
    position: absolute;
    margin-top: -24px;
    font-style: italic;
    right: 20px;
}

.menu li.pro a{
	background-color:#e8e5e5;
}

.menu li.pro a:hover{
	background-color:#c9c6c6;
}

#connexion_espace_pro{
	flex:1;
}

#connexion_espace_pro form{
	margin-left: 3%;
}

#connexion_espace_pro h3{
	font-size:16px;
	margin-top:0;
	text-transform: uppercase;
    font-size: 18px;
    margin-bottom: 5%;
}

#connexion_espace_pro #form_connexion{
	float: none;
	padding:2% 5%;
	width:auto;
	margin-right:3%;
	padding: 4% 6%;
	height: 82%;
}


.ESPACECLIENT div#form_connexion{
	float: none;
    clear: both;
    margin: auto;
}

#espace_pro_top{
	display:flex;
}

div#contact_espace_pro{
	flex:1;
}

div#contact_espace_pro input[type="text"],
div#contact_espace_pro textarea{
	border:solid 1px #e8e8e8;line-height:16px;
	padding:2px 5px;
	font-family:'Fira Sans Condensed',Arial;
	border-radius: 3px;
}

div#contact_espace_pro .form_valid_pro{
	padding-left: 4%;
    text-align: center;
	font-style: italic;
	font-size: 12px;
    line-height: 20px;
}

div#contact_espace_pro .form_valid_pro a{
	color:#474747;
}

div#contact_espace_pro input[type="submit"]{
	float:none;
	font-weight:100;
}

div#contact_espace_pro form{
	display:flex;
}

div#contact_espace_pro .form_valid_pro input[type="text"]{
	width: 150px;
	display:block;
	margin:auto;
}

div#contact_espace_pro .form_valid_pro img{
	width: 150px;
}

div#contact_espace_pro p.titre{
	margin-top: 0;
    margin-bottom: 3%;
    text-align: center;
    font-size: 16px;
}

div#form_contact_pro{
	padding: 4% 6%;
    background-color: #e8e8e8;
    border-radius: 3px;
}

#espace_professionnel .message.valid{
	font-weight: 100;
    text-align: center;
    background-color: green;
    color: #fff;
    margin-bottom: 1%;
}

#espace_professionnel .message{
	font-weight: 100;
    text-align: center;
    background-color: red;
    color: #fff;
    margin-bottom: 1%;
}

.message.bg_green{
	padding:1%;
	text-align:center;
	background-color:green;
	color:#fff;
}

.message.bg_red{
	padding:1%;
	text-align:center;
	background-color:red;
	color:#fff;
}

#blocs_prestations_home {
	display:flex;
    margin-bottom: 2%;
}
#blocs_flex {
	display:flex;
    margin-bottom: 2%;
}
#blocs_prestations_home .col{
	flex:1;
	margin:0 1%;
}
#blocs_flex .col{
	flex:1;
	margin:0 1%;
}
.bloc_prestation_home {
	float:none;
	clear:both;
	background-color: #1964b3;
	text-align: center;
    color: #fff;
	margin-bottom:1%;
	position:relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.bloc_prestation_home.cadre{
	padding-top: 2%;
    padding-bottom: 5%;
    margin-top: 8%;
}

.bloc_prestation_home a{
    color: #fff;
	padding:2% 2%;
	display:block;
    font-size: 18px;
    text-transform: uppercase;
}
.bloc_prestation_home h4{
    color: #fff;
	padding:2% 2%;
	display:block;
    font-size: 18px;
    text-transform: uppercase;
}

.bloc_prestation_home i{
    font-size: 28px;
	display:block;   
	margin-top: 2%;
}

#blocs_prestations_home .col:first-child {
	margin-left:0;
}

#blocs_prestations_home .col:last-child {
	margin-right:0;
}

.bloc_prestation_home input[type="submit"]{
    font-weight: 100;
    width: 100%;
	background:none;
	text-transform:uppercase;
}

.bloc_prestation_home:hover{
	background-color:#185596;
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.bloc_prestation_home .infos_prestation{
	display:none;
	position:absolute;
}

.bloc_prestation_home:hover .infos_prestation{
	display: block;
    z-index: 5000;
    background-color: #185596;
    padding: 4%;
    color: #ffffff;
	border-bottom: solid 4px;
}
.block_pays {
	text-align: center;
    font-weight: bold;
}
.pays_importés h4{
	text-align: center;
    padding-bottom: 5%;
}
.pays_importés {
	display:flex;
}
.fond_block_pays {
	padding: 1% 0;
    background-color: #f8f8f8;
    border: solid;
    -webkit-border-radius: 3px;
    border: solid 1px #999;
    margin-top: 2%;
    margin-bottom: 10px;
}
.fond_block_quitus {
	padding: 2%;
    background-color: #f8f8f8;
    border: solid;
    -webkit-border-radius: 3px;
    border: solid 1px #999;
    margin-bottom: 10px;
}
.fond_block_ants {
	padding: 2%;
    background-color: #f8f8f8;
    border: solid;
    -webkit-border-radius: 3px;
    border: solid 1px #999;
    margin-bottom: 10px;
}
.fond_block_ants h2{
	margin-top: 0px !important;
}
.fond_block_ants h3{
	margin-top: 10px !important;
}
.paiment_vehicule_import {
	padding: 1%;
    background-color: #f58033;
    border: solid;
    -webkit-border-radius: 3px;
    border: solid 1px #999;
    margin-top: 2%;
    margin-bottom: 10px;
	display:flex;
}
.paiment_vehicule_import p {
	color: #fff;
    padding: 2%;
    font-size: 16px;
	text-align: center;
    flex: 9;
	margin: 0;
}
.paiment_vehicule_import a {
	color: #fff !important;
}
.pays_importés div{
	padding:2%;
}

p.titre_home,
h3.titre_home{
	color: #e0380e;
    font-weight: bold;
	text-decoration: none;
	font-size:16px;
}
p.paiement_titre_home a{
    font-size: 16px;
    color: #e0380e !important;
	text-decoration: underline !important;
	
	
}
h3.titre_home{
	font-size:14px;
}

div.text_home a{
	color: #e0380e;
}

div.text_home a:hover{
	color: #ff6c47;
}

.text_home ul{
	margin-left:5%;
	margin-top:3%;
	margin-bottom:3%;
}

div#presentation .text_home .encadre{
	text-align: center;
    font-weight: bold;
    padding: 2% 0;
	font-size: 18px !important;
	background-color: #f8f8f8;
}

div#presentation .text_home .encadre a{
	color: #203288;
}

span.presentation_bleu.center{
	display:block;
}

div#calculette_left{
	float:left;
	width:67%;
}

div#calculette_right{
	float:left;
	width:30%;
	padding-left: 3%;
}

div#calculette_right #calculcarte{
	position:initial;
	width:100%;
}

#blocs_prestations_demarches_specifiques{
	display:flex;
	flex-wrap: wrap;
    margin-top: 4%;
}

#blocs_prestations_demarches_specifiques .bloc{
    text-align: center;
    margin-bottom: 1%;
	text-transform:uppercase; 
	flex:4;
	margin-right:1%;
}

#blocs_prestations_demarches_specifiques .bloc:last-child{
	margin-right:0;
}

#blocs_prestations_demarches_specifiques .bloc a{
    color: #fff;
	background-color: #1964b3;
	padding: 2% 2%;
    display: block;
    font-size: 18px;   
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.big_text {
	display: block;
    text-align: center;
    font-weight: bold;
    padding: 3%;
    font-size: 18px;
    color: #ff9900;
    text-transform: uppercase;
}

#blocs_prestations_demarches_specifiques .bloc a:hover{
	background-color: #185596;
}

a.button_jaune,
.content_page a.button_jaune{
	background-color: #ffc649;
    margin: auto;
    color: #fff;
    padding: 1% 2%;
    border-radius: 5px;
    text-decoration: none;
    display: block;
    text-align: center;
    width: 290px;
    margin-top: 2%;
    margin-bottom: 5%;
	transition: all 0.2s linear;
}

a.button_jaune:hover{
	transform:scale(1.1);
}
#commander_fonction {
    text-align: center;  
    margin-bottom: 25%;
}
.aide_caracteristiques{
     background-color: #4c4c4c;
}
#commander_fonction a{	
	margin-top:0px !important;
	font-size:24px;
	color:#fff;
	padding: 5%;
    background-color: #ff9900;
	display: block;
	border-radius: 5px;
	border:solid 1px #fff;
}
#commander_fonction a:hover{	
	color:#ff9900;
    background-color: #fff;
	border:solid 1px #ff9900;
}

#bloc_cyclo{
	animation: colorchange 1s infinite;
    -webkit-animation: colorchange 1s infinite; 
}

@keyframes colorchange{
	0%   {background: #1964b3;}
	100% {background: #ffc649;}
}

@-webkit-keyframes colorchange{
	0%   {background: #1964b3;}
	100% {background: #ffc649;}
}

div.bloc_flex{
	display:flex;
}

div.bloc_flex div.flex_3_4{
	flex:9;
}

div.bloc_flex div.flex_1_4{
	flex:3;
	margin-left:2%;
}

div.bloc_flex div.bg_gris{
	padding:2%;
	background-color:#f8f8f8;
	margin-top:2%;
}

div.bloc_flex div.bg_gris #doc_import span{
	background-color:#3674b7;
	display:block;
	padding:2%;
	text-align:center;
	margin-top:5%;
	color:#fff;
}
.extra_big {
	font-size:28px !important;
}
.fond_bleu {
	background-color: #185596 !important;
    color: #fff;
    text-align: center;
	padding-top: 2%;
}
.fond_bleu_ants {
	background-color: #185596 !important;
    color: #fff;
	padding: 2%;
	margin-bottom: 20px;
}
.fond_bleu_ants h2{
	font-size: 22px;
	
}
.fond_bleu_ants h3{
	font-size: 16px;	
	color:#fff !important;
	font-weight:bold;
}
#doc_import{
    padding-bottom: 10%;
}
#doc_import .h2_calculatrice{
    color:#185596 !important;
}
#enligne_import{
    padding: 10% 0;
	border-top:solid 1px #e8e8e8;
}
#enligne_import h3{
    font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	color:#3674b7;
}
#delai_import h3{
    font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	color:#fff;
}
#doc_import h3{
    font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	color:#3674b7;
}
#articles_lies h3{
    font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	color:#fff !important;
	padding-bottom:10px;
}
#import_commande{
}
.no_padd {
	margin:0 !important;
}
.faq h2 {
	background-color:#c6d3e2 !important;
	color: #625d5d !important;
	font-weight: normal;
    text-transform: uppercase;
	padding: 1%;
    text-align: center;
	margin: 12px 12px;
}
.faq h3 {
	padding-top: 1%;
    padding-bottom: 1%;
    color: #185596;
	margin-bottom:0 !important;
}
.faq p {	
	margin-bottom: 20px;
	margin-top:0px !important;
}

.faq ul{
	margin-left:1rem;
}

#delai_import{
    padding: 10% 3%;
	border-top:solid 1px #e8e8e8;
	background-color: #f58033;
	color:#fff;
}
#articles_lies{
    padding: 10%;
	border-top:solid 1px #e8e8e8;
	background-color: #f58033;
	color:#fff;
	margin-top: 20px;
	
}
#articles_lies li{
	padding-bottom:10px;
}
#articles_lies a{
	color:#fff;
	text-decoration:none !important;
}
#articles_lies a:hover{
	font-weight:bold;
}
#delai_import span{
   text-align: center;
    display: block;
    font-weight: bold;
}
#enligne_import form{
	background-color: #e8e8e8;
    padding: 6% 2%;
	margin-top:6%;
}
#import_commande form{
    padding: 2%;
	padding-bottom: 4%;
}

#enligne_import input[type="submit"]{
	background-color: #ffc649;
	font-weight: 500;
    text-transform: uppercase;
	transition: all linear 0.5s;
	animation: sizechange 1s infinite;
    -webkit-animation: sizechange 1s infinite; 
	margin:auto;
	display:block;
	float:none;
	margin-top:5%;
}
#import_commande input[type="submit"]{
	background-color: #ffc649;
	font-weight: 500;
    text-transform: uppercase;
	transition: all linear 0.5s;
	animation: sizechange 1s infinite;
    -webkit-animation: sizechange 1s infinite; 
	margin:auto;
	display:block;
	float:none;
	margin-top:2%;
}
#enligne_import select{
	padding: 3%;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border: none;
	margin:auto;
	display:block;
	margin-top:3%;
}
#import_commande select{
	padding: 1%;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border: none;
	margin:auto;
	display:block;
}
@keyframes sizechange{
	0%   {transform: scale(1);}
	50% {transform: scale(1.2);}
	100% {transform: scale(1);}
}

@-webkit-keyframes sizechange{
	0%   {transform: scale(1);}
	50% {transform: scale(1.2);}
	100% {transform: scale(1);}
}

div#home_import{
	text-align: center;
    background-color: #f8f8f8;
    padding: 10% 5%;
}

div#home_import h3{
	font-weight:500;  
	font-size: 18px;
	color:#e0380e;
}

div#home_import a{
	color: #132475;
}

div#home_import img{
	margin-top:5%;
}

div#conditions_generales_ventes p,
div#conditions_generales_ventes span{
	font-size: 15px !important;
}

div#conditions_generales_ventes h2{
	font-size: 17px !important;
}

#paiement_top{
	text-align:center;
	padding:0.5% 0;
	background-color:#f58033; /*#784087;*/
	color:#fff;
	display:flex;
	align-items:center;
    justify-content: center;
	width:100%;
}

#paiement_top > div{
	padding:0 0.5%;
}

#paiement_top div.text_choozeo{
	min-width: 300px;
}

.big_paiement{
	font-size: 20px;
    border: solid 1px;
    padding: 0.2% 1%;
    display: inline-block;
    border-radius: 3px;
	font-weight: bold;
	animation: clignoter_text 1.2s infinite;
	-webkit-animation: clignoter_text 1.2s infinite;
}

@keyframes clignoter_text{
	0%   {opacity:1;}
	50% {opacity:0.5;}
	100% {opacity: 0;}
}

@-webkit-keyframes clignoter_text{
	0%   {opacity:1;}
	50% {opacity:0.5;}
	100% {opacity: 0;}
}

.clignoter_text{
	animation: clignoter_text 1.2s infinite;
	-webkit-animation: clignoter_text 1.2s infinite;
}

.infos_import{
	margin-top: 1%;
    font-style: italic;
}

.infos_import.hidden{
	display:none;
}

#choix_paiements_container{
	text-align:center;
	clear: both;
}

#choix_paiements{
	display:flex;
	align-items:stretch;
	justify-content:center;
}

#choix_paiements > div{
	padding:3%;
	background-color:#ff9900;
	margin-right:3%;
	color: #fff;
    font-size: 24px;
	border-radius: 5px;
	flex:1;
}

#choix_paiements > div i{
	font-size: 30px;
    display: block;
	margin-top: 2%;
}

#choix_paiements > div img{
	width:80px;
	display:block;
	margin:auto;
	margin-top: 2%;
	height: 30px;
}

#choix_paiements div .little{
	color:#fff;
}

#choix_paiements > div:last-child{
	margin-right:0;
}

#choix_paiements > div input[type="submit"]{
	display:block;
	margin-left: auto;
    margin-right: auto;
	margin-bottom:0;
	width:50%;
	border-radius: 3px;
	clear:both;
	float:none;
	margin-top:5%;
}

#choix_paiements_container #titre_choix{
	color: #ff9900;
    font-size: 18px;
    margin: 2% 0;
}

#choix_paiements.form_etape{
	max-width: 70%;
    margin: auto;
}

#choix_paiements.form_etape .ou{
	display:block;
	margin:2% 0;
}

#choix_paiements.form_etape img{
	display:inline-block;
	vertical-align:middle;
	margin-top: 0%;
}

#recapitulatif_global .montant img{
	vertical-align:middle;
}

.aff_details{
	text-align:right;
	width: 650px;
    margin: auto;
	font-size: 13px;
	cursor:pointer;
}

tr.details_sous_total{
	display:none;
}

tr.details_sous_total.show{
	display:table-row;
}

#recapitulatif .detail_prix{
	margin-bottom:5px;
}

#buttons.panier{
	margin-top:5%;
}

#buttons.panier a.btn{
	display:block; 
	color: #203288;
    background: none;
	padding: 0;
    text-align: left;
}

#test_cgv #buttons.panier a.btn{
	text-decoration:underline;
}

#test_cgv #buttons.panier a.btn:hover{
	text-decoration:none;
}

#n_fois_content{
	margin-bottom:1%;
}

.res_tarif_n_fois{
	min-width:50px;
	display:inline-block;
}

#n_fois_tarif_all{
	display:flex;
	justify-content: center;
}

#n_fois_tarif_all > div:first-child{
	margin-right:12%;
}

#soit_total{
	margin-top: 5%;
}

#infos_plusieurs_fois{
	display:none;
	padding:3%;
	border-radius:5px;
	background-color: #ff9900;
	color:#fff;
	text-align:center;
	position: absolute;
    width: 50%;
    bottom: 25%;
	z-index:5000;
	left: 20%;
	font-size:14px;
}

form div#overlay{
	display:none;
}

#infos_plusieurs_fois .big_text{
	font-size:20px;
}

#infos_plusieurs_fois a{
	color:#fff;
	font-size:20px;
}

#infos_plusieurs_fois .fermer{
	position: absolute;
    top: 12px;
    right: 14px;
    font-size: 12px;
	font-style: italic;
	cursor:pointer;
}

#infos_plusieurs_fois .underline{
	text-decoration:underline;
	font-size:18px;
	
}

#infos_plusieurs_fois .flex{
	display:flex;
	align-items: center;
	max-width: 80%;
    margin: auto;
	margin-top:4%;
}

#infos_plusieurs_fois div.img{
	width:20%;
	margin-left:4%;
}

#infos_plusieurs_fois div.texte{
	width:80%;
	line-height:24px;
}

#infos_plusieurs_fois div.img img{
	max-width:100%;
}
#entete_ville  {
	display:flex;
}
.right_col {
	flex:4;
}
.left_col {
	flex:8;
	font-size:16px;
}
.left_col p {
	font-size:16px;
	line-height: 22px;
}
.left_col h1 {
	font-size: 20px;
    margin-bottom: 1%;
    color: #5694e0;
}
.right_col #calculcarte {
	top:0;
	left:0;
	top: 0;
    left: 0;
    width: auto;
    position: relative;
    margin-bottom: 5%;
    margin-left: 10%
}
.bloc_entete_ville {
	border-left: solid 15px #ff9900;
    padding-left: 3%;
}
.bloc_entete_ville p{
	padding-top: 1%;
    padding-bottom: 1%;
}
.fond_gris {
	background-color: #f8f8f8;
    padding: 3%;
    margin-left: 10%;
    margin-bottom: 5%;
}
.prix_cv {
	text-align:center;
	font-weight:bold;
	margin-top:5%;
	margin-bottom:5%;
	font-size: 20px;
}
.tarif_cv {
	text-align: center; 
	font-size: 17px;
}
.tarif_cv_little{
	text-align: center; 
	font-size:13px;
}
.bloc_choix_ville {
	width:55%;
	margin:auto;
	border:solid 2px #ffc649;
	 padding: 3%;
	 margin-bottom: 5%;
	 margin-top:5%;
	 background-color: #f8f8f8;
	 display:flex;
}
.bloc_choix_ville_left {
	flex:8;
}
.bloc_choix_ville_right {
	flex:4;
}
.bloc_choix_ville_right img {
	max-width: 80%;
    display: block;
    margin: auto;
}
.payer_ville {
	 color: #ff9900;
	text-align:center;
	font-size:18px !important;
	font-weight:bold;
	margin-top: 0;
    margin-bottom: 8%;
}
#top_total_avis {
	margin-left: 10%;
    margin-bottom: 5%;
    border: solid 1px #5694e0;
    padding: 2%;
}
#tot_avis_left {
	float: left;
    margin-top: 5%;
    width: 57%;
}
.color_bleue {
	color:#5694e0;
}
.dernier_avis_top {
	margin-left: 10%;
    margin-bottom: 10%;
	text-align:center;
}
.dernier_avis_top p{
	font-size:16px;
}
.avis_chevron {
	font-size: 32px !important;
    color: #ffc649;
    margin: 1%;
}
.dernier_avis_top span{
	font-size:16px;
}
.dernier_avis_top div{
	font-size:16px;
}
.top_avis {
	display:block;
}
.suite_avis_top {
	display: block;
    text-align: right;
	font-size: 14px;
    font-style: italic;
}
.text-center{
	text-align:center;
}
.little_paiement {
	font-size: 12px !important;
    line-height: 15px !important;
}
.form_profite {
	display: block;
    text-align: center;
    background-color: #866aa5;
	border:solid 1px #866aa5;
    width: 45%;
    margin: auto;
    color: #fff;
    padding-top: 2%;
    padding-bottom: 2%;
    border-radius: 5px;
    margin-top: 9%;
	font-size: 15px;
    font-weight: bold;
}
.form_profite:hover {
    background-color: #fff;
    color: #866aa5;
	border:solid 1px #866aa5;
}
.form_profite i{
	font-size: 30px;
    vertical-align: middle;
    margin-right: 5px;
	font-weight: bold;
}
.contact_direct {
	background-color:#efefef;
	padding:4%;
	position:relative;
}
.exemple_paiement {
	background-color: #f8f8f8;
    padding: 4%;
    margin-top: 5%;
	margin-bottom: 5%;
}
.exemple_paiement_col {
	display:flex;
}
.exemple_left {
	flex:6;
}
.exemple_right {
	flex:6;
	text-align:center;
}
.direct_tel {
	position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    background-color: #1964b3;
    font-size: 22px !important;
    padding-top: 2%;
    padding-left: 5%;
    padding-right: 5%;
	margin-top:0;
}
.exemple_titre {
	font-size: 18px;
    display: block;
    margin-top: 5%;
}
.exemple_prix_carte{
	font-size: 28px;
    display: block;
   margin-top: 3%;
    color: #5694e0;
}
.exemple_prix_orange img{
	max-width: 40%;
    vertical-align: middle;
}
.exemple_prix_orange {
	background-color: #ff9900;
    color: #fff;
    padding: 3%;
    margin: 0;
    width: 55%;
    margin: auto;
	font-size:12px !important;
}
.exemple_prix_ou {
	font-style: italic;
    padding: 5%;
    display: block;
}
.big_prix_exemple {
	font-size:20px;
}
h2.accueil_ville {
	color: #203288;
    padding-bottom: 0;
    margin-bottom: 0;
}
.direct_tel i{
	font-size: 30px;
    margin-right: 10px;
    vertical-align: middle;
}
.little_direct {
	font-size: 10px;
    text-align: center;
    display: block;
}
.exemple_prix {
	border-left: solid 5px #949090;
	padding-left:10%;
}
.file_ariane {
	border: solid 1px #bdb6b6;
    padding: 0.6%;
    margin-bottom: 2%;
    font-size: 12px;
}
.majuscule {
	text-transform:uppercase;
}
.dernier_avis_top hr{
	width: 30%;
    margin: auto;
    margin-top: 10%;
    margin-bottom: 10%;
}

h2.jaune{
	color: #fbc44c;
    font-weight: 300;
}
.fond_95 {
	background-color: #807e7d;
    padding: 3%;
    margin-left: 10%;
    margin-bottom: 5%;
}
.p_orange {
	text-align: center;
    color: #ffc649;
    font-size: 20px;
}
.p_blanc{
	text-align: center;
    color: #fff;
    font-size: 16px;
}
.p_blanc_left{
    color: #fff;
    font-size: 16px;
	padding-top: 10px;
}
.p_blanc span{
	display: block;
    font-size: 20px;
	padding-bottom: 2%;
}
.p_blanc a{
	color:#fff;
}
.marqueur {
	display:flex;
	width: 85%;
    margin: auto;
}
.marqueur i{
	font-size: 60px;
    padding-right: 10px;
    color: #ff9900;
}
.tel_95 {
	background-color: #fff;
    font-size: 22px;
    width: 50%;
    padding-top: 1%;
    padding-bottom: 1%;
    text-align: center;
    border-radius: 15px;
    margin: auto;
    margin-top: 5%;
    color: #ff9900;
}
@media screen and (min-width: 1024px) and (max-width: 1350px) {
	
	div#all {
		margin: auto;
		width: 100%;
	}
	
}

div#overlay_popup{
	background-image:url('images/transp_gris.png');
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:1100;
}

#popup_message{
	position:absolute;
	width:50%;
	top:20%;
	left:25%;
	padding:2% 3% 3% 3%;
	background-color:#fff;
	z-index:1200;
}

#popup_message div.titre{
	font-size:20px;
	text-align:center;
	background-color:red;
	color:#fff;
}

#popup_message p{
	font-size:16px;
}

#popup_message .fermer{
	text-align:right;
	font-size:16px;
	cursor:pointer;
	margin-bottom:2%;
}

#btn_modifier_espace_client{
	text-align:right;
}

#btn_modifier_espace_client .modifier_carte{
	padding: 5px 10px;
    background-color: #474747;
    color: #fff;
    margin-bottom: 2%;
    display: inline-block;
	cursor:pointer;
}

#btn_modifier_espace_client .modifier_carte:hover{
    background-color: #313131;
}

.fond_95 p.p_orange a{
	color: #ffc649;
}

.fond_95 p.p_blanc_left a{
	color: #fff;
}

.drapeau_pays{
	margin-left:5px;
}

.espace_client input.acces_paiement_payline{
	max-width: 380px;
    background-size: contain;
    padding: 20px 20px 20px 120px;
    font-size: 14px;
}

.cofidis_3 input.acces_paiement_payline{
	background-image: url('images/logo_paiement_payline_cofidis_3.jpg');
}

.cofidis_4 input.acces_paiement_payline{
	background-image: url('images/logo_paiement_payline_cofidis_4.jpg');
}

.paypal_3 input.acces_paiement_payline{
	background-image: url('images/logo_paiement_payline_paypal_3.jpg');
}

.paypal_4 input.acces_paiement_payline{
	background-image: url('images/logo_paiement_payline_paypal_4.jpg');
}

.paypal input.acces_paiement_payline{
	background-image: url('images/logo_paiement_payline_paypal.jpg');
}

input.acces_paiement_payline{
	background-image: url('images/logo_paiement_payline.jpg');
    padding: 40px 210px;
    background-size: contain;
    padding-right: 20px;
    background-repeat: no-repeat;
    background-color: #727679;
    width: auto;
    font-weight: 500;
    border: solid 1px #727679;
	float:none;
	transition:all 0.2s linear;
}

.n_3_fois input.acces_paiement_payline{
	background-image: url('images/logo_paiement_payline_3_fois.jpg');
}

.n_4_fois input.acces_paiement_payline{
	background-image: url('images/logo_paiement_payline_4_fois.jpg');
}


input.acces_paiement_payline:hover{
	transform:scale(1.1);
}

div#validation_paiement{
    /*width: 70%;
    margin-top: 40px;*/
    text-align: center;
	padding:0 0 30px 0;
	background-color: #f8f8f8;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
}

form#validation_paiement input.acces_paiement_payline{
	padding: 30px 170px;
	max-width: 35%;
	margin-top:10px;
	margin-left: auto;
    margin-right: auto;
    display: block;
}

div#validation_paiement h2,
div#affiche_commande h2.moyen_cb_selected{
	margin-left:0;
	margin-right:0;
	margin-bottom: 30px;
    background-color: #f58033;
    color: #fff;
    padding: 10px;
    font-weight: 500;
	font-size: 20px;
	display: flex;
    align-items: center;
    justify-content: center;
}

div#validation_paiement h2 img,
h2.moyen_cb_selected img{
	margin-left:10px;
}

div#validation_paiement h2.cagnotte{
	background-color:#e2616f;
}

div#affiche_commande div#validation_paiement h2.cagnotte{
	margin-top:0;
}

div#affiche_commande #echeancier_container{
	max-width:90%;
}

div#affiche_commande h2.moyen_cb_selected{
    background-color: #727679;
	margin-bottom:0;
}

.text_orange{	
	color: #f58033;
}

.text_right{
	text-align:right;
}

.text_left{
	text-align:left;
}

#echeancier{
	width:250px;
	margin:auto;
	max-width:100%;
	margin-bottom:20px;
	font-size:18px;
	border: solid 1px #e8e8e8;
}

#echeancier td{
	padding:5px;
}

#echeancier tr:nth-child(2n) td{
	background-color:#fff;
}

.montant_echeancier{
	color: #203288;
}

#infos_echeancier{
	/*padding:10px;*/
}

#infos_echeancier .big{
	font-size:18px;
	font-style:initial;
	font-weight:500;
}

#msg_paiement_cofidis{
	/*display: flex;*/
    text-align: center;
    width: 100%;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}

#msg_paiement_cofidis div#titre_infos{
    color: #203288;
    font-weight: bold;
}

#msg_paiement_cofidis img{
	
}

#paiements_modes_plusieurs_fois{
	display:flex;
	align-items:center;
	justify-content:center;
	margin-top: 20px;
}

#paiements_modes_plusieurs_fois div{
	margin-left:5px;
	margin-right:5px;
}

i.show-pass{
	cursor:pointer;
	margin-left:10px;
	font-size:16px;
}

.delete_carte{
	background-color: red;
    color: #fff;
    padding: 5px;
    margin-right: 10px;
}

.delete_carte:hover{
	background-color: #d70505;
}

.delete_order{
	background-color: red;
    color: #fff;
    padding: 5px;
    margin-right: 10px;
	text-transform: uppercase;
}

.delete_order:hover{
	background-color: #d70505;
}

div#details_paiement{
	display:flex;
	justify-content: space-around;
    align-items: center;
}

div.espace_client_paiement_container{
	background-color: #f8f8f8;
    padding-bottom: 50px;
}

div.espace_client_paiement_container.cb{
	padding-top:30px;
}

div#choix_mode_paiement{
	text-align:center;
    font-size: 14px;
}

div#choix_mode_paiement img,
#moyens_paiements_choix_espace_client img{
	margin-top:5px;
}

div#choix_mode_paiement #validation_paiement{
	margin-top:0px;
	margin-bottom:0;
	width:100%;
}

div#autres_modes_paiement{
	margin-top: 20px;
    background-color: #f8f8f8;
    padding: 20px;
}

div#moyens_paiements_choix_espace_client{
	justify-content: center;
    align-items: center;
	margin-top: 10px;
}

div#moyens_paiements_choix_espace_client > div{
	margin: 0 5px 1rem 5px;
	padding: 5px 10px;
    background-color: #ff9900;
    border-radius: 5px;
}

div#moyens_paiements_choix_espace_client > div:hover{
	transform:scale(1.1);
	transition:all linear 0.2s;
}

div#moyens_paiements_choix_espace_client div.ou{
	background:none;
	display:none;
}

div#moyens_paiements_choix_espace_client div.hidden{
	display:none;
}

#moyens_paiements_choix_espace_client .little_montant{
	display: inline-block;
    width: 100%;
    color: #fff;
    font-style: italic;
}

img.logo_moyen_paiement{
	margin:5px;
}

div#choix_cagnotte .ou{
	margin: 5px 0px;
}

div#choix_cagnotte .ou.hidden{
	display:none;
}

div.cagnotte_container{
	background-color: #e2616f;
	padding: 10px;
	color:#fff;
}

div.cagnotte_container.hidden{
	display:none;
}

div.cagnotte_container .title{
	font-size:18px;
	margin:5px 0;
}

.moyen_cagnotte a{
	margin: 10px auto;
    padding: 5px 10px;
    background-color: #ffffff;
    border-radius: 5px;
    width: 150px;
	display:block;
}

.moyen_cagnotte a:hover{
	transform:scale(1.1);
	transition:all linear 0.2s;
}

.comment_cagnotte{
	font-style:italic;
	cursor:pointer;
	
}

.comment_cagnotte:hover{
	font-weight:bold;
}

div.flex{
	display:flex;
}

div#comment_cagnotte{
	top:-3000px;
	position: fixed;
	transition:all linear 0.2s;
}

div#comment_cagnotte.active{
    background-color: #fff;
    padding: 3%;
    width: 44%;
    left: 25%;
    top: 15%;
	z-index:1500;
}

div#comment_cagnotte .title,
div#details_reglements .title{
	font-size: 22px;
    color: #e2616f;
	margin-bottom:20px;
}

div#comment_cagnotte .subtitle{
	font-size: 16px;
    margin-bottom: 10px;
}

div#comment_cagnotte .etape{
	padding:10px;
	background-color:#f8f8f8;
	margin:20px 10px 0 10px;
	flex:1;
    font-size: 14px;
}

div#comment_cagnotte .top_etape{
	align-items: center;
}

div#comment_cagnotte .etape .numero_etape{
	color:#e2616f;
	font-size:20px;
	flex:3;
}

div#comment_cagnotte .etape .title_etape{
	margin:10px 0;
	flex:9;
	text-align:left;
	font-size: 18px;
    border-bottom: solid 2px #e2616f;
}

div#comment_cagnotte .etape .contenu_etape{
	text-align:center;
	padding: 0 10px 10px;
}

div#comment_cagnotte .etape i{
	font-size:30px;
	margin:10px 0;
	color:#e2616f;
}

.ESPACECLIENT .fermer{
	position: absolute;
    right: 30px;
    top: 30px;
    border-radius: 100%;
    border: solid 1px #cdcdcd;
    padding: 5px 10px;
    color: #919191;
	cursor:pointer;
}

div#comment_cagnotte .moyen_cagnotte a{
	width: 200px;
    background-color: #e2616f;
    color: #fff;
    margin-top: 30px;
}

.cagnotte_3 input.acces_paiement_payline{
	background-color: #e2616f;
	border-color: #e2616f;
}

.cagnotte_3 .montant_echeancier,
.cagnotte_3 .text_orange{
	color:#e2616f;
}

div#presentation_cagnotte_header{
	font-size:16px;
	align-items:center;
}

div#presentation_cagnotte_header img{
	margin-right:1rem;
}

div#presentation_cagnotte_header .comment_cagnotte{
	margin-right:10px;
}

div#overlay{
	display:none;
	background-image:url('images/transp_gris.png');
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:1100;
}

div#overlay.active{
	display:block;
}

span.text_rose{
	color:#e2616f;
}

.flex-1{
	flex:1;
}

.flex-3{
	flex:3;
}

.flex-9{
	flex:9;
}

.flex-11{
	flex:11;
}

.flex.aligncenter{
	align-items:center;
}

div#confirmation_cagnotte{
	background-color:#e2616f;
	color:#fff;
	padding:20px;
	margin-bottom:20px;
}

div#details_reglements{
	transition:all linear 0.2s;
	font-size:16px;
    padding: 3%;
	border: solid 2px #e2616f;
	margin-bottom:1rem;
}

div.details_reglements{
	font-style:italic;
	cursor:pointer;
	font-size:14px;
}

div.details_reglements:hover{
	font-weight:bold;
}

div#liste_reglements{
	
}

div#liste_reglements .detail_reglement{
	margin-bottom:0.5rem;
}

div#liste_reglements .total_reglements{
	background-color:#e2616f;
	color:#fff;
	padding:10px;
	margin-bottom:10px;
}

div.infos_reglements_cagnotte{
	margin-top:4rem;
	font-style:italic;
	font-size:14px;
}

div.infos_dossier_cagnotte{
	margin-top:10px;
	font-style:italic;
	font-size:14px;
}

div#reglement_cagnotte input.acces_paiement_payline{
	max-width: 370px;
}

div.suggestion_cart_content{
	color: #ff9900;
}

div.choix_suggestion_cart{
	margin-top:10px;
	display:flex;
	align-items: center;
	justify-content: flex-end;
}

div.choix_suggestion_cart > div {
	margin-right:20px;
	display:flex;
	justify-content: center;
    align-items: center;
}

div.choix_suggestion_cart input[type="radio"]{
	margin-right:5px;
}

div.choix_suggestion_cart .tarif_choix{
	margin-left: 5px;
    font-style: italic;
}

div.choix_suggestion_cart input[type="submit"]{
	border: none;
    padding: 5px 20px;
    background: none;
    font-family: initial;
    float: none;
    clear: both;
    width: auto;
    background-color: #ff9900;
    color: #fff;
    font-size: 14px;
	transition:all linear 0.2s;
}

div.choix_suggestion_cart input[type="submit"]:hover{
	transform:scale(1.1);
}

div.choix_suggestion_cart div.hidden{
	display:none;
}

#autres_modes_paiement.cart{
    background-color: #f8f8f8;
    padding: 20px;
    clear: both;
    text-align: center;
    margin-top: 2rem;
    float: none;
}

button.add_demarche_import{
	border: none;
    padding: 3px 7px;
    border-radius: 50%;
    cursor: pointer;
    font-weight: bold;
    background-color: #ff9900;
    color: #fff;
    font-size: 14px;
	animation: clignoter_text 1s infinite;
	-webkit-animation: clignoter_text 1s infinite;
}

button.add_demarche_import:hover{
	background-color:#d07d00;
}

.btn_rounded{
    padding: 1rem 1rem;
    display: block;
    background-color: #203288;
    border-radius: 30px;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    margin: 2rem auto;
    width: 294px;
    max-width: 80%;
}

.btn_rounded:hover{
	background-color:#293fa9;
	transition:all linear 0.2sec;
}

a.button_cpi{
	display: inline-block;
    margin: 4% 0;
    text-align: center;
    font-size: 16px;
    background-color: #0cbd00;
    padding: 5px 20px;
    color: #fff;
    border-radius: 3px;
}

a.button_cpi:hover{
	background-color:#108f07;
}

#paiement_container{
	margin-top:3rem;
	justify-content:space-between;
}

#paiement_container .left_paiement{
	flex:1;
}

#paiement_container .right_paiement{
	flex:1;
}

#paiement_container .moyens_paiement{
    border: solid 4px #e8e8e8;
    padding: 2rem;
}

#echeancier_container{
	max-width:80%;
}

#titre_moyens_paiement{
	color:#f58033;
	font-size:20px;
	text-align:center;
	margin: 1rem 0 2rem 0;
}

#liste_moyens_paiement{
	display: flex;
    justify-content: flex-start;
	flex-wrap:wrap;
}

#liste_moyens_paiement a{
	display: inline-block;
    border: solid 1px #e8e8e8;
    border-radius: 5px;
	max-width:30%;
	text-align:center;
	margin:1%;
}

#liste_moyens_paiement a img{
	max-width:100%;
}

#liste_moyens_paiement a.selected,
#liste_moyens_paiement a.selected:hover{
	border: solid 2px #f58033;
}

#liste_moyens_paiement a:hover{
	border: solid 1px #a19f9f;
}

.moyens_paiement #validation_paiement{
	margin-top:3rem;
	margin-bottom:2rem;
}

#validation_paiement div.form-container{
	display:block;
	text-align:center;
	border:none;
}

#validation_paiement input[type=submit]{
	float:none;
}

#validation_paiement .form-container img{
	max-width:100%;
}

#validation_paiement button{
	background:#fff;
	padding:0;
	opacity:0.5;
}

#validation_paiement.active button{
	opacity:0.8;
	-webkit-transition: all linear 0.2s;
    -moz-transition: all linear 0.2s;
    -o-transition: all linear 0.2s;
    transition: all linear 0.2s;
}

#validation_paiement button:hover{
	opacity:1;
	transform:scale(1.1);
}

.details_versements{
	font-size: 18px;
	margin-bottom:2rem;
}

.title_toggle{
	font-size:16px;
	display:flex;
	justify-content:space-between;
	padding: 1rem 0;
	cursor:pointer;
	align-items: center;
}

.title_toggle img{
	vertical-align:middle;
}

.content_toggle{
	display:none;
	padding: 10px;
	margin-bottom: 2rem;
}

.toggle_container.active .content_toggle{
	display:block;
}

.toggle_container.active .fa-chevron-down{
	transform: rotate(180deg);
}

.img_toggle{
	font-size: 20px;
    font-weight: bold;
    margin: 0 1.5rem;
	border: solid 1px #474747;
    border-radius: 50px;
    padding: 5px 14px;
}

      .custom-form-container {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 10px;
            border: 1px solid #ccc;
            border-radius: 5px;
            max-width: 500px;
            margin: auto;
        }
       .custom-form-container img {
            max-width: 150px; /* Adjust the size as needed */
        }
        .custom-form .custom-form-container button {
            padding: 10px 20px;
            background-color: #007bff;
            color: white;
            border: none;
            border-radius: 5px;
            cursor: pointer;
        }
       .custom-form-container button:hover {
            background-color: #0056b3;
        }

		.custom-form-container .acces_paiement_payline_new{
		margin-top: 20px !important;
		width: 250px;
			margin:auto;
		}


	@media only screen and (max-width: 600px) {
	div#finaliser_paiement_content{
		width: 90%;
	  }
		.custom-form-container .acces_paiement_payline_new{
		margin: 20px;
			width: 280px !important;
		}
	}


.form-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px;
	
	border: 1px solid #ccc;
	border-radius: 5px;
	max-width: 500px;
	margin: auto;
}
.form-container img {
	max-width: 150px; /* Adjust the size as needed */
}
.form-container button {
	padding: 10px 20px;
	background-color: #007bff;
	color: white;
	border: none;
	border-radius: 5px;
	cursor: pointer;
}
.form-container button:hover {
	background-color: #0056b3;
}

@media only screen and (max-width: 600px) {
   .form-container img {
		max-width: 80px; /* Adjust the size as needed */
	}
}


img.bg_white{
	background:#fff;
}

.text_vert{
	color: #26c323;
}

.text_rouge{
	color: #ff2020;
}

form.cagnotte{
	display:inline-block;
}

input.acces_cagnotte_lite{
	display: inline;
    background: none;
    color: #ff2020;
	width: auto;
    padding: 0;
    margin: 0;
    font-size: initial;
    float: none;
	text-decoration: underline;
	transition:all linear 0.2sec;
}

input.acces_cagnotte_lite:hover{
	transform:scale(1.1);
}

.total_restant_du{
	margin-top:2rem;
}

.h3_light{
	font-weight: 500;
	font-size:16px;
}

#bloc_tp .h3_light{
	margin-top:0;
	margin-bottom:1rem;
}

.justify_content_center{
	justify-content: center;
}

.justify_content_space_evenly{
	justify-content: space-evenly;
}

#bloc_tp{
	margin-top:3rem;
	margin-bottom:6rem;
}

#bloc_tp a{
	display:block;
	transition: all linear 0.2s;
}

#bloc_tp a:hover{
	transform:scale(1.2);
}

.copy-container {

	font-family: Arial, sans-serif;
	margin: 20px;
}

.copy-container > div{
	margin-bottom: 0.5rem;
}

.number_avis {
	font-size: 26px;
}

.step_avis{
	opacity:0.1;
}

.step_avis.actif{
	opacity:1;
}

.number_avis.actif,
#lien_trustpilot.actif{
	animation: clignoter 1s infinite;
}

@keyframes clignoter {
  0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}

.copy-text {
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 5px;
	min-width: 200px;
	background-color: #f9f9f9;
	min-height: 80px;
	font-family: arial;
	margin:auto;
	display:block;
}

.copy-button {
	padding: 8px 12px;
	background-color: #4CAF50;
	color: white;
	border: none;
	border-radius: 5px;
	cursor: pointer;
}

.copy-button:hover {
	background-color: #45a049;
}

.copy-confirmation {
	margin-left: 10px;
	color: #4CAF50;
	display: none;
}

.franceconnect-group {
    display: flex;
    flex-direction: column;
    align-items: center;
}