body {
	overflow-x: hidden;
	/* Empêche le scroll lateral losrque side-nav ouverte */
}

/*
***********************
DÉBUT * Media queries

Responsive base layout : particularités
***********************
*/

/*
@media (max-width: 991px) {

	.container {
		width: 100%;
	}

}
*/

/* Global - pensé pour agir sur "super-coll-layout-d.container" de la page d'accueil également */
@media ( max-width : 1023px) { /*
	#sidebar-vdm-id {
		display: none;
	}
	

	div.hdr-links {
		margin-right: 80px;
	}
	*/
	div#page-content-wrapper {
		margin-left: 0;
	}
	.container {
		width: 100%;
	}
}

@media ( min-width : 1025px) { /*
	div#page-content-wrapper {
		margin-left: 80px;
	}
	*/
	div#play-zone.pz-fluid {
		padding-left: 80px;
		/* padding-right: 80px; */
	}

	/*
	div#play-zone .container {
		padding-right: 80px;
	}
	*/
}


/* LAYOUT DU TEXTE IMPRIMABLE */
@media print { 
  .zone_nonimprimable {
    display: none;
    float: none;
  }
}

/*
***********************
FIN *** Media queries

Responsive base layout : particularités
***********************
*/
h2 {
	font-size: 21px;
}

h3 {
	font-size: 18px;
}

/*
***********************
Début * Side nav push
*
Base du système à navigation primaire et secondaire 
***********************
*/
div#sidebar-wrapper {
	background: none repeat scroll 0 0 #ecebe9;
	height: 100%;
	/* left: 250px; */ /* Décommenté pour ouvrir !!! */
	margin-left: -300px;
	overflow-y: auto;
	position: fixed;
	/* transition: all 0.4s ease 0s; */
	width: 300px;
	padding: 15px;
	z-index: 2000;
}

/*
***********************
Fin *** Side nav push
***********************
*/
#hdr-ssl {
	background: #252525;
	color: #fff;
	height: 80px;
}

a.hdr-rosace {
	float: left;
	display: block;
	background-color: #EF2B2D;
	background-image: url("../images/rosace-vdm-40-x-40.png");
	background-position: 18px 18px;
	background-repeat: no-repeat;
	width: 80px;
	height: 80px;
	border-bottom: none;
}

#hdr-service-title {
	margin-left: 15px;
	font-family: "Frutiger-65Bold";
	font-size: 30px;
	line-height: 70px;
}

div#play-zone .container-fluid {
	max-width: 1700px;
}

/*DÉBUT footer*/
#footer-ssl{
    background-color: #231f20;
	padding:45px 0 0 0;
	color:#666666;
}
.bouton_langue a,
#footer-ssl .container .row a, 
#footer-ssl .container .row h4 a{
	text-decoration:none;
	border-bottom:none;
}
.bouton_langue a:hover,
#footer-ssl .container .row a:hover, 
#footer-ssl .container .row h4 a:hover{
	text-decoration:underline;
	border-bottom:none;
}
.copyright a{
	border-top:#4D4D4D 1px solid;
	padding:30px 0px 10px 0px;
	color:#ffffff;
	font-size:14px;
	display:block;
	outline:none;
}
.copyright{
	margin:40px 0 0px 0;
}	
#footer-ssl .container .row p{
	color:#A0A3A5;
	font-size:12px;
	line-height:16px;
    margin-left:10px;
}
#footer-ssl .container .row h3{
	color:#EF4135;
	font-size:18px;
	margin:30px 0 15px;
}
#footer-ssl .container .row h4{
	margin:15px 0;
}
#footer-ssl .container .row h4, 
#footer-ssl .container .row h4 a{
	color:#666666;
	
}
.bouton_langue{
	margin:35px 0px 0px 0px;
	border:1px solid #ffffff;
	background:url(../images/fleche_langue.gif) no-repeat top right;
	width:120px;
	height:40px;	
	 -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.bouton_langue a{
	color:#ffffff;
	padding:7px 10px;
	font-size:18px;
	width:100%;
	width:120px;
	height:40px;
	display:block;
}
.bouton_langue a:hover{
	text-decoration:none;
}

/*FIN footer*/


#col-gauche{
	padding-left:0px;
	padding-right:0px;
}
/*DÉBUT étapes*/
#etapes{
	background:url(../images/bg_4etapes.gif) no-repeat 0px 0px ;
	min-height: 300px;
	margin:40px 0 0 0;
}

#etapes div{
	min-height:45px;
	position:relative;
}

#etapes div:first-child{
	margin-bottom:23px;
}

#etapes div a,
#etapes div{
	font-size:18px;
	
}
#etapes div a{
	padding:9px 0 0 17px;
	z-index:1;
	position:absolute;
	display:inline-block;
	min-height:45px;
	top:0px;
	left:0px;
	color:#000000;
	border-bottom:none;
}

#etapes div a:hover{
	color:#000000;
}
#etapes div.inactif a:hover{
	text-decoration:underline;
}
#etapes div.inactif a,
#etapes div.inactif{
	color:#979DA4;
	background:url(../images/bg_etapes_hover.png) no-repeat 0px 0px ;
}
#etapes div span{
	width:40px;
	display:inline-block;
}
/*FIN étapes*/
/*1*/
#rechercher{
	padding:0 0 0 15px;
}
/*2*/
#resultat span   {
	padding-top:7px;
}
#resultat{
	margin-bottom: 25px;
	padding:2px 0 0 18px;
}
/*3*/
#approuver{
	margin-bottom:30px;
	padding:8px 0 0 18px;
}
/*4*/
 #payer span   {
	/*padding-top:52px;*/
}
#payer{
	padding:8px 0 0 18px;
}

.boites_sep{
	border-bottom:1px solid #EAEFF1;
	border-top:none;
	padding:25px 35px;
	margin:0 ;
}
.boites_sep.first{
	border-top:1px solid #EAEFF1;
	border-bottom:1px solid #EAEFF1;
	padding:35px;
	margin:0 0 0 0;
}

#col-gauche {
	min-height: 300px;
	border-left:1px solid #EAEFF1;
	border-right:1px solid #EAEFF1;	
}

input[type="text"] {
    margin: 3px 0;
}

input {
    border: 1px solid #979DA4;
    border-radius: 5px;
}

input {
    font-size: 16px;
    height: 40px;
    padding: 5px 5px 5px 10px;
}

input[type="submit"] {
    background: none repeat scroll 0 0 #EF4135;
    border: medium none;
    color: #FFFFFF;
    padding: 10px 30px;
}
#play-zone .container .row .col-sm-3 h1{
 margin-top:45px;
}

/*Début Classe pour liens bleus*/
a.lien_bleu,
#footer-ssl .container .row h4 a.lien_bleu,
#footer-ssl .container .row a.lien_bleu{
  text-decoration: none;
  color:#428BCA;
}
a:hover.lien_bleu,
a:focus.lien_bleu,
#footer-ssl .container .row h4 a:hover.lien_bleu,
#footer-ssl .container .row a:hover.lien_bleu,
#footer-ssl .container .row h4 a:focus.lien_bleu,
#footer-ssl .container .row a:focus.lien_bleu{
  color: #41b7d8;
  text-decoration:none;
  border-bottom: 1px solid #41b7d8;
}
/*Fin Classe pour liens bleus*/

/*Début bouton inactif*/
input.bt_inactif{
	background: none repeat scroll 0 0	#979EA6;
}
/*Fin bouton inactif*/

/*Début tableau*/
div.table-responsive .table{
	border-bottom: 1px solid #DDDDDD;
	font-size:14px;
}
span.input_colle input[type="checkbox"],
span.input_colle label,
span.input_colle{
	float:left;
	display:block;
}
span.input_colle label{
	margin: 0px 0px 0px 0px;
	padding:3px 0px 0px 5px;
}
span.input_colle input[type="checkbox"]{
	margin: 5px 0px 0px 0px;
	height:auto;
}
span.input_colle{
	width:110px;
	padding:0;
}
/*Fin tableau*/

span.rouge{
	color:#ef2b2d;
}

#sommaire_paiement{
	border:1px solid #EAEFF1;	
}

.obligatoire{
    color: #EF4135;
}