body {
	background-color:#FFF;
	margin:0px 0px 0px 0px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
	background:url(images/white_carbon.png) repeat top;
	color:#35363C; 
	}
	
	.max{max-width:1000px; margin:1em auto; padding:0px;}
	
	.bg-white{ background-color:white;}
	
	.img{max-width:100%;}
	.filet{
		border: none;
		background-color: transparent;
		border-top: 1px solid #F1F1F1;
		padding-bottom: 0em;
		/* max-width: 300px; */
		margin: 0 auto;
	}
	
	.center{text-align:center;}
	
	.padding {padding: 20px 30px 10px; box-sizing:border-box; position::relative;}
	.aside .padding {padding: 20px 30px 10px; }
	
/*FONTS*/
	h1{ font-family: Verdana, 'Open Sans', sans-serif; font-size:28px; line-height:34px; color:#35363C;  }
	h1 strong{ color: #ea7259; }
	h2{ font-family: Verdana, 'Courgette', cursive; font-size:20px; line-height:26px; color:#cc6c58;}
	h3{
		color: #ffffff;
    font-size: 19px;
    text-align: left;
    margin: 0 0 18px;
	font-family: Verdana,  'Open Sans', sans-serif;
	}
	
	h3 span {font-size:12px; display:block; margin-top:5px;}
	.content p {font-family: Verdana, 'Open Sans', sans-serif; color:#364052; font-size:13px; line-height:18px;}
	
	.bloc-a{box-sizing: border-box; border-left: solid 20px #F2D3CD ;}
	
/*HEADER*/
.logo, .annee{display:block; width:auto;}
.logo{ padding-right:1em; border-right:1px solid #BCBCBC; margin-right:1em;}
.carnet img{margin-bottom:-30px; position:relative; z-index:10;}
.title{padding-bottom:20px;}
.fond{
	    min-height: 157px;
    width: 100%;
    background: url(images/fond_03.jpg) top right no-repeat;
    background-size: 101% auto;
}

/*CONTENT-A*/
.content-a img{    max-width: 100px;    margin-left: -75px; }
.content-a  .m16{    max-width: 30px; }
.content-a p{ 
	    background: url(images/check.png) left 4px no-repeat;
    background-size: 14px auto;
    line-height: 18px;
    padding-left: 25px;
    margin: 10px 0;
    min-height: 20px;
}

/*ASIDE*/
.top-form{background-color: /*#ea7259*/ #11204c; text-align:center; margin-top:0px;     padding: 20px 20px;}
/*.aside .top-form{background-color: #ea7259; }*/
.content-b img{
	    width: 131px;
    height: auto;
    margin: 0 auto;
    margin-bottom: -10px;
    position: relative;
    z-index: 10;
}
	
.top-form h3 img{width:15px; height:auto; margin:0px;}
.aside h2{color:#985445;}

.aside .filet {  
    border-top: 1px solid rgba(0,0,0,0.1);
    padding-bottom: 0px;
    margin: 1em auto 0px;  
    border-bottom: 1px solid rgba(255,255,255,0.2);
}



	
		div {margin:0px}
		
	
		.enbas {
	width: 900px;
	margin: 0 auto;
	padding-top: 0px;
	padding-bottom: 20px;
	text-align: right;
}
		.mentions_bas {text-align:justify; padding:0px; margin:0px 0 0 0;}
		
		#page ul { font-size:12px; list-style-type:none; padding:10px; }	
		#page li { padding-left:12px; background-image:url(images/index_puce.png); background-repeat:no-repeat; background-position:0px 4px; line-height:14px; color:#767676; margin-bottom:9px; }
		
	
    
		#page { background-color:#f3f3f3; width:100%; position:relative; background-image:url(images/index_bg_page.jpg); background-position:right; background-repeat:repeat-y; padding-bottom:39px;}
		
	
		
		#page_remerciement { width:500px; margin:0px auto; position:relative; background-color:#FFFFFF; margin-top:20px; margin-bottom:20px; padding-bottom:40px;  }	
		#page_remerciement h4 { font-size:12px; color:#707173; margin:10px 0px 10px 0px; }
		#page_remerciement h3 { font-size:14px; color:#659fd7; margin:10px 0px 0px 0px; font-weight:bold; margin-bottom:10px; }
		#page_remerciement a.lien { font-size:16px; display:inline-block; margin:5px; font-weight:bold; background-color:#e70015; color:#000000; padding:5px; text-decoration:none; background-image:url(images/index_bg_btn.png); background-position:top; background-repeat:repeat-x; border:1px solid #e70015; }
		#page_remerciement p { font-size:12px; color:#707173; }
		
		
/*ESPACE DIRECT*/
		
		

		.mentions_client {
	font-size: 10px;
	color: #000000;
	padding: 20px;
	background-position: right;
	background-repeat: repeat-y;
	position: relative;
}
		.mentions_client p { font-size:10px; margin-bottom:4px; }
		
		.zeMentions p , .zeMentions_merci p , .zeMentions a , .zeMentions_merci a { font-size:9px; text-align:justify; color:#666666; }
		.zeMentions , .zeMentions_merci {
		font-family: Verdana,  Arial, Helvetica, sans-serif;
		font-size: 9px;
		margin-top:30px;
		}
		.zeMentions { max-width:1400px; margin:0 auto; }
		.zeMentions_merci { width: 600px;  margin:0 auto; }
		
	 /*Bouton valider*/
			 div.valid { margin:20px 30px; text-align:center; a}
			 input#valid {
    border: 0;
    cursor: pointer;
    outline: none;
    background-color: #e30613;
    border-radius: 5px;
    color: #ffffff;
    display: block;
    font-family: Verdana,  Arial,sans-serif;
    font-size: 20px;
    font-weight: bold;
    padding: 5px;
    width: 100%
			}
			input#valid:hover {
    background-color: #FF2330;
}
			 
		

		footer img { border:0px;}
		
		.contenu { background-image:url(images/fond.png); background-position:top left; background-repeat:no-repeat; position:relative;}
		.col_gauche {float:left; width:625px; padding:0px 0px 30px; margin: 280px 0px 0px;}
		.col_gauche h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 20px; color: #666; text-align:center; text-transform:uppercase;
}
.col_gauche h2 {
	border-bottom: 4px solid #e10f21;
	padding-bottom: 7px;
	font-size: 17px;
	color: #111f4b;
	font-weight: bold;
	margin-top: 25px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 20px;
	width: 395px;
	position: relative
}
			
			.col_gauche ul {padding:0; list-style-type:none; margin:0 135px 0;  }
			.col_gauche li {padding:5px 0 35px 60px; margin:0; background-image:url(images/coche.png); background-position:left 0px; background-repeat:no-repeat; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:18px; color:#87888a;line-height:22px;}
			.col_gauche li span { color:#e10f21;}
			.col_gauche li sup{ font-size:11px; vertical-align:top;}
		.col_gauche img {
	display: block; 
	margin-bottom: 40px; border:0; margin:0 auto;
}
		
		.col_droite {
					/* float: right; */
			/* right: 0px; */
			/* top: 0px; */
			/* width: 300px; */
			background-color: #f3c8c0;
			min-height: 797px;	
			    margin-left: 5px;
		}
		hr {clear:both; height:0; margin:0; border:0; background:none; display:block;}
		
		
	
		
		
		#formulaireint_content .form_row label.txt {width:95px; padding-right: 10px;}
		#formulaireint_content .form_row .form_input_select { width: 145px; }
		#formulaireint_content .form_row .form_input { calc(100% - 140px) !important; height:20px; padding-left:3px;}
		#formulaireint_content h4 {  margin-bottom: 5px; margin-top:3px; }
		#formulaireint_content .form_row { padding: 4px 0; }
		#formulaireint_content .main { padding: 0px 0; }
		#formulaireint_content h5 {  padding: 0px 0px 0px 10px; }
		#formulaireint_content .main { margin-top: -7px; padding: 0 0 3px 0; 
		    background-color: rgba(251,251,251,0.4);
			width: 100% !important;
			box-sizing: border-box;
			margin-left: 0px !important;
		
		}
		#formulaireint_content .add ul {  padding-left: 10px; }
		formulaireint_content .form_row .form_input_tel {width: 130px;}
		
		#formulaireint_content .help_msg {
		   font-size: 11px;
			font-weight: bold;
			line-height: 13px;
			margin: 3px 5px;
			color: white;
			background-color: #e10f21;
			padding: 5px 8px;
			border-radius: 15px;
			border-bottom-right-radius: 0px;
			 margin-top: -11px;


		
		}
		#formulaireint_content .help_msg::after{
			       content: '';
					background: url(images/arrow-b.png) left bottom no-repeat;
					background-size: 17px auto;
					float: right;
					width: 18px;
					height: 18px;
					margin-right: -23px;
		}

#formulaireint_content .help_msg_container {
        -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: transparent;
    color: black;
    border-color: #ffffff -moz-use-text-color #ffffff #ffffff;
    border-image: none;
    /* border-style: solid none solid solid; */
    border-width: 0px;
    /* left: -200px; */
    /* min-height: 100%; */
    position: absolute;
    top: 0px;
    width: 196px;
    z-index: 200;
    margin-bottom: 0px;
}
		
		
		.col_droite h4 {padding-top:0px; font-size:14px; margin-bottom:5px; color:#111f4b;}
		.col_droite h5 { color:#e10f21; font-size:14px; font-weight:bold; margin:-3px 0 5px 0; padding:0px; }
		#q_12, #q_14 { width:100%;}
		#formulaireint_content .form_row .radio_list {
    float: left;
    width: 150px;
}
	#formulaireint_content .form_validate {
    height: 40px;
    padding-top: 10px;
}
#formulaireint_content .form_row label.txt {
    font-weight: normal; line-height:18px;
}
 #formulaireint_content .form_row label.txt{display:block;float:left;width:125px;padding-right:15px;font-size:11px;font-weight:normal;text-align:right; color:#ffffff;}

#formulaireint_content .form_row .radio_list li {color:#000000 !important;}
 
 @media screen and (max-device-width: 800px), screen and (max-width: 800px) {
	 .carnet{display:none;}
	 .content-a img{margin:10px auto 0px;}
	 #formulaireint_content .help_msg_container{ position: relative; left: 0px;}
	 .fond{
		 min-height: 219px;
		width: 100%;
		background: url(images/fond_04.jpg) top left no-repeat;
		background-size: 101%;
	}
	 
	 
 }
	#formulaireint_content .form_row .radio_list li label {color:white !important; font-size:12px !important;}
}