/*Styles CSS3*/

/*
border-radius : 10px; -moz-border-radius: 10px; -webkit-border-radius : 10px; 
box-shadow: 0 0 6px black; -moz-box-shadow: 0 0 6px black; -webkit-box-shadow: 0px 0px 6px 0px #999999;
text-shadow: -1px -1px #000000; -moz-text-shadow: -1px -1px #000000; -webkit-text-shadow: -1px -1px #000000;

Correctif ie7
display:inline-block; zoom: 1; *display: inline; 

behavior: url(http://www.espacebusiness.com/common/75/pie/PIE.htc)

background-color: rgba(0, 0, 0, 0.3);
background-color: rgba(255, 255, 255, 0.3);

  box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
  
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;

	-moz-transform: scale(1) rotate(0deg) translateX(-30px) translateY(0px);
	-webkit-transform: scale(1) rotate(0deg) translateX(-30px) translateY(0px);
	-o-transform: scale(1) rotate(0deg) translateX(-30px) translateY(0px);
	-ms-transform: scale(1) rotate(0deg) translateX(-30px) translateY(0px);
	transform: scale(1) rotate(0deg) translateX(-30px) translateY(0px);
  
  

*/


/** stylesheet **/

		/*GÊnÊral*/	
	
		* { font-family: Arial, sans-serif; margin:0px; padding:0px; list-style-type:none; }
html{
	
	margin:0;
  padding:0;
  background-color:#dadada;
  box-sizing:border-box;
  
}
  
body{
	width: auto;
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
	background-color: #dadada;
	-webkit-font-smoothing: antialiased;	
}	
		a{text-decoration:none; color:inherit;}
		a img { border:0px none; }

		
		h1 {
			font-family:'Open Sans', Arial, sans-serif;
			font-size: 1.7rem;
			line-height: 2.3rem;
			font-weight: normal;
			margin:0;
			color: #000000;
		}
		h1 span {
			font-family:'Open Sans', Arial, sans-serif;
			color: #0a4f9d;
			letter-spacing: 1px;
			font-size: 1.1em;
			line-height: 1.1;
		}
		h1 strong {
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 1.7rem;
	color: #0cb5c5;
}
		

			h2{font-family: 'Open Sans', Arial, sans-serif;
			font-weight: bold;
			color:black;
			font-size: 1.2em;
			line-height: 1.1em;
			 margin-bottom: 0.5em;
}
		h2 strong{font-family:'Open Sans', Arial, sans-serif; color: #0cb5c5;}


	
		h3{ font-family:'Open Sans', Arial, sans-serif;  font-weight: normal; color:#c8006e;
			    font-size: 1.1em;
				line-height: 1.3em;
				margin-top: 9px;
			margin-bottom:0.1em; 
		}
	
		
		
		h4{font-family:'Roboto', Arial, sans-serif;
			font-weight: normal;
			color:#FFFFFF;
			font-size: 1.2em;
			text-align: left;
			line-height: 1.2em;
			
}
		h4 span{font-family:'Roboto', Arial, sans-serif;
			font-weight: normal;
			color:#00DC00;
		font-size: 1.2em;
}
		p {
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 16px;
	color: black;
	line-height: 130%;
	margin-bottom: 0px;
		}

		
		
		:focus {
  	outline-color: transparent;
 		 outline-style: none;
		}
		textarea, input { outline: none; }
		
		.center{text-align: center;}
		.left{text-align:left;}
		.right{text-align:right;}
		.bg-white{background-color:white;}
		.bg-grey {background: #C7C9C7;}
		.padding{ padding:2em; box-sizing:border-box;}
		.no-marge{ margin:0px; padding:0px;}
		.mob{ display:none;}

.backgrd {background-color: #ffffff!important;}
/*---------------------------------------------------------*/
	
		

/*----------------------------Structure-----------------------------*/		
.fond{
	
 background: #dadada url(../images/index-bg.jpg) center top no-repeat fixed;
	
 	background-size: auto ;

	min-height: 100vh;
	padding: 0rem ;
	box-sizing: border-box;
	
}




.main { box-sizing:border-box; max-width: 1200px; margin:-1rem auto 1rem; padding:0 2rem 2rem; width:100%; } 
.max{ 
	margin: 0px auto;;
	padding: 0px ;
	max-width:1200px;
	box-sizing:border-box; 
	
}
.mini-max{ max-width: 800px; float: right; padding: 2em; box-sizing: border-box;}

.cache{position:fixed; background-color:black; width:100%; height:100%; top:0; left:0; z-index:10;  display:none; opacity:0.5; }
/*----------------------------HEADER-----------------------------*/	
.header {
		
		
	}


.logo{ text-align:left; padding:1rem ; position: relative;z-index: 3000;}
.logo img{
   
	margin: 0 auto;
}

.title{
	padding: 1rem 2em;
	
	display: block;
	padding-top: 1em;
	
	box-sizing:border-box;
	position: relative;
	z-index: 0;
	width: 70%;
}


/*----------------------------content-----------------------------*/	

.content-a{padding-top: 0px;}
.bloc-a{padding-left:2em;
	border-left: 1px dashed #BEBEBE; box-sizing:border-box;}
.main-bloc{
	
	/*-moz-box-shadow: 0px 0px 5px 0px #C7C9C7;
-webkit-box-shadow: 0px 0px 5px 0px #C7C9C7;
-o-box-shadow: 0px 0px 5px 0px #C7C9C7;
box-shadow: 0px 0px 5px 0px #C7C9C7;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#C7C9C7, Direction=NaN, Strength=5);*/}

.content-a strong{ }

.content p {font-family:'Open Sans', Arial, sans-serif;  font-weight: normal; color:#54585A; font-size: 15px; line-height: 19px;}


.content-a{padding-top: 0px;}

.content-a .col:not(.exclu){ padding: 0; box-sizing: border-box; 
		position: relative;
	     
	    background-color: white; 
	padding-bottom: 0rem;
	
    border-radius: 0px;
	 -webkit-box-shadow:  1px 1px 2px 2px rgba(26,26,26,0.08);
    -moz-box-shadow:  1px 1px 2px 2px rgba(26,26,26,0.08);
    box-shadow: 1px 1px 2px 2px rgba(26,26,26,0.08);
	    margin: 0 auto 1.5rem;
    max-width: 600px;
    float: none;
	    min-height: 12rem;
	
}
.content-a label{
        /* padding-right: 20px; */
    font-size: 15px;
    margin-top: 10px;
    padding-left: 43px;
}

.content-a label:hover {
    color: #006e49 !important;
}

.content-a input{margin-left: -18px;}
.content-a h2 span{  color: white; font-size: 1rem; 
font-weight: bold;
	      position: absolute;
    left:0;
    top: 0;

    padding: 1rem 1rem 1rem 1rem;
	min-height: 3rem;;
	width: 4rem;
	box-sizing: border-box;
		text-align: center;
background-color: #4d4e56;
    

}
.logomerci{display: block;}
.content-a h2{text-align: left;  padding: 1rem 1rem 1rem 5rem ;  box-sizing: border-box;margin-bottom: 1rem;}


/*
		CHECKBOXES
	*/

.content-a .none{ display: none;}
	
.questions {padding-left: 10rem;     padding-bottom: 2rem;     z-index: 0;
    position: relative;}

.questions img{float: left; width: 4rem; height: auto;position: absolute;
    left: 2rem;
margin-top: -1rem;}

.quizz input[type=radio]{
  position: absolute;
  visibility: hidden;
}

.quizz label{
 box-sizing: border-box;
    position: relative;
    font-weight: 300;
    font-size: 0.9em;
	line-height: 1.1em;
      padding: 0px 10px 2px 35px;
    /* margin: -2px auto; */
    min-height: 18px;

    z-index: 9;
    cursor: pointer;
    -webkit-transition: all 0.25s linear;
    color: black;
	margin-left: -10px;
}

.quizz label:hover{
	color: #0cb5c5 !important;
}

.quizz label .check{
  display: block;
  position: absolute;
  border: 2px solid black;
  border-radius: 100%;
  height: 15px;
  width: 15px;
 top: -3px;
  left: 10px;
	z-index: 5;
	transition: border .25s linear;
	-webkit-transition: border .25s linear;
}

.quizz label:hover .check {
  border: 2px solid #0cb5c5;
a7}

.quizz label .check::before {
  display: block;
  position: absolute;
	content: '';
  border-radius: 100%;
 height: 9px;
    width: 9px;
    top: 3px;
    left: 3px;
  	margin: auto;
	transition: background 0.25s linear;
	-webkit-transition: background 0.25s linear;
}

input[type=radio]:checked ~ .check {
  border: 2px solid #0f56a7;
}

input[type=radio]:checked ~ .check::before{
  background: #0f56a7;
}

input[type=radio]:checked ~ label{
  color: #0f56a7;
}

/*---aside-checkboxes*/
.aside .quizz label{
	color: #242424;
}
.aside input[type=radio]:checked ~ .check, .aside .quizz label .check {
  border: 2px solid white;
}

.aside input[type=radio]:checked ~ .check::before{
  background: white;
}

.aside input[type=radio]:checked ~ label{
  color: #3D3D3D;
}










 .encart{
	 margin-top: 1em;
	 padding: 0.5em 2em; 
	 box-sizing: border-box;
	text-align: left;
	 background-color: #eeeeee;
}
.encart h3{ font-family:'Open Sans', Arial, sans-serif;  font-weight: normal; color:#c8006e;
			  font-size: 1.2em;
				line-height: 1em;
				line-height: 1.1em;
			text-align: center;
		}
	ul {
		margin:0px 0px 0px 5px; 
		padding:0px;
		  
		}	
	.list p {
		
		margin:6px 0px;
		
		background: url(../images/arr-small.svg) left top no-repeat;
		background-size: 1.4rem auto;
		font-family:'Open Sans', Arial, sans-serif;
		font-weight: normal;
			color:#4d4f53;
			font-size: 0.96em;
			line-height: 1.3em;
		
		 padding-left: 1.8rem;
		padding-top: 1px;
		margin-bottom:0.8rem;;
		
		
		}

li span img{  /*float:left; margin-left: -40px;*/ height: auto; width: 30px; margin: 0 auto; display: block;}

.content-b{    
	margin-top: 2rem;
    padding: 1rem 2rem 2rem;
    box-sizing: border-box;
    background: #f1f1f1;
    text-align: center;
    background-size: 14rem auto;
    border: 3px solid white;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 5px 4px rgba(222,222,222,0.24);
    -moz-box-shadow: 0px 0px 5px 4px rgba(222,222,222,0.24);
    box-shadow: 0px 0px 5px 4px rgba(222,222,222,0.24);
    margin-top: -1rem;
    position: relative;
}
.content-b h2 strong{ color: #df0c36; font-size: 1.2rem; line-height: 1.4rem;}


.content-b img { 
	width:2.2rem; height:auto;
	margin: 0 auto 0.4rem;

	

}
.content-b h2{ /*color: #004b87; font-size: 18px; line-height: 23px;*/ }
.content-b .row > div{
	background-color: white;
	padding: 8px 10px 10px 2px;
	box-sizing: border-box;
	margin-bottom:5px;
	   /* min-height: 87px;*/
	
}
.content-b p{
	
    font-size: 14px;
    line-height: 17px;
   
}
.content-b p strong{ font-size: 16px; line-height: 20px; display: block;}
.content-b p strong{/*display: block; font-size: 16px;*/}
.bloc-c{ position: relative;   min-height: 45rem; margin: 0px;
	background: url(../images/index_cata2.png) right bottom no-repeat;
	background-size: 50% auto;
	pointer-events: none;
}
.content-c{/*box-sizing: border-box;
    box-sizing: border-box;
    padding: 0.2em 0.8em 1em;
    border-radius: 10px;
    margin: 0rem -5rem 2rem 0;
    background-color: #df0c36;
    position: relative;
    z-index: 10;
	display: inline-block;
	float: right;*/
}
.content-c p, .content-c h3{color:#df0c36;}
.content-c h3{font-size: 24px; line-height: 25px;}

.mentions_client {font-family:'Roboto', Arial, sans-serif;
		font-weight: normal;
			color:#58555A;
font-size: 0.6em;
			text-align: left;
margin-top: 5px;}

/*-------------ANIM-------------*/
/* ----------------------------------------------
 * Generated by Animista on 2017-5-15 17:9:31
 * http://animista.net
 * T: @cssanimista
 * ---------------------------------------------- */


.content-a li {
	-webkit-animation: flip-in-hor-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	-moz-animation: flip-in-hor-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation: flip-in-hor-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	-webkit-animation-delay: 0.2s; animation-delay: 0.2s;
}


.content-b{
	-webkit-animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}

.main{
	-webkit-animation: fade-in 0.5s reverse ;
	        animation: fade-in 0.5s reverse;
}

/*.content-a .col{
	-webkit-animation: scale-in-center 0.8s forwards ;
	        animation: scale-in-center 0.8s forwards ;
	opacity: 0;
	
}
.content-a .col:nth-child(2){animation-delay: 0.4s; }
.content-a .col:nth-child(3){animation-delay: 0.8s; }
.content-a .col:nth-child(4){animation-delay: 1.2s; }
.content-a .col:nth-child(5){animation-delay: 1.6s; }
.content-a .col:nth-child(6){animation-delay: 2.0s; }
.content-a .col:nth-child(7){animation-delay: 2.4s; }
.content-a .col:nth-child(8){animation-delay: 2.8s; }
.content-a .col:nth-child(9){animation-delay: 3.2s; }*/
.content-b:before{ 
	    content: '';
    background: url(../images/ico_download.svg) center center no-repeat;
	background-size: 80px auto;
    position: absolute;
    height: 80px;
    width: 100%;
    border-radius: 200px;
   	    left: 0;
   bottom: -40px;
    z-index: 12;
   
}
.content-b:before{
	-webkit-animation: pulse-in 1.2s infinite ;
	        animation: pulse-in 1.2s infinite;
}
/* ----------------------------------------------
 * Generated by Animista on 2017-5-15 17:17:46
 * http://animista.net
 * T: @cssanimista
 * ---------------------------------------------- */


@-webkit-keyframes flip-in-hor-bottom{0%{-webkit-transform:rotateX(80deg);transform:rotateX(80deg);opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}@keyframes flip-in-hor-bottom{0%{-webkit-transform:rotateX(80deg);transform:rotateX(80deg);opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}

/**
 * ----------------------------------------
 * animation scale-in-center
 * ----------------------------------------
 */
@-webkit-keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}


/**
 * ----------------------------------------
 * animation fade-in
 * ----------------------------------------
 */
@-webkit-keyframes fade-in {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0.3;
  }
}
@keyframes fade-in {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0.3;
  }
}

@-webkit-keyframes fade-inleft {
  0% {
	   -webkit-transform: translateX(70px);
            transform: translateX(70px);
    opacity: 0;
  }
	 1% {
	   -webkit-transform: translateX(70px);
            transform: translateX(70px);
    opacity: 0;
  }
  100% {
	  webkit-transform: translateX(0px);
            transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes fade-inleft {
  0% {
	   -webkit-transform: translateX(70px);
            transform: translateX(70px);
    opacity: 0;
  }
	 1% {
	   -webkit-transform: translateX(70px);
            transform: translateX(70px);
    opacity: 0;
  }
  100% {
	  webkit-transform: translateX(0px);
            transform: translateX(0px);
    opacity: 1;
  }
}
/*---pulsein*/
@keyframes pulse-in {
  0% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    
  }


  90% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
   
  }
	100% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
   
  }
}
.rectangle {    width: 700px;
    height: 330px;
	background:#ffffff;
box-shadow: 4px 4px 39px -4px rgba(0,0,0,.75);
transform: rotate(-22deg);
    display: block;
    position: absolute;
    top: -220px;
    left: -200px;
    z-index: 2;}
/*----------------------------FORM------------------------------*/

.aside .label-floatlabel  { 
	z-index:100;
	right: 8px !important;
	color:#FFFFFF !important;
	opacity:0.3 !important;
	left: auto !important;
}
.bg-yellow{
	background-color: #0cb5c5 !important;
	min-height: auto !important;
}
.gotoform h2{ 
	background: url(../images/arrow.png) center right no-repeat;
	background-image:url(../images/arrow.png);
	background-position:center right;
	background-repeat: no-repeat;
	padding: 1rem 6rem 1rem 1rem;
	background-size: 4rem auto;
	border: none;
	color:white;
}
.aside{ 
	margin-top: 0em;
	margin-bottom:0em;
    width: 25%;
float:right;
    position: relative;
    right: 0rem;
    z-index: 20;
background-color: #0cb5c5;
    
    box-sizing: border-box;
    vertical-align: middle;
 height: 100%;
    text-align: left;
	    margin-left: 0px;
	
	padding-bottom: 1em;

}
.asidebloc{
	padding: 2rem 1em;
      /* overflow: scroll; */
   
}


.aside:after{ 
	    content: '';
    background: url(../images/cache.svg) right top no-repeat;
    position: absolute;
    background-size: auto 110vh;
    height: 110vh;
    width: 200px;
    left: -200px;
    top: -1vh;
    pointer-events: none;
    z-index: 100;
}
.cata{
	max-width: 100%;
	margin: 0 auto;
	display: block;
	width: 300px;
	height: auto;
   }
.aside .padding{ padding: 2em;}
.aside .max{ max-width:350px; margin:0 auto;}
.merci {font-family:'Roboto', Arial, sans-serif;
			font-weight: normal;
			color:#454545;
			font-size: 0.7em;
			line-height: 2.0em;
	text-align: center;
			}
.bouton { vertical-align: bottom; margin-top:12px;}

.aside h3{ color:white; text-align: center;}
.aside h3 strong{
	font-size: 1.5rem;
	display: block;
	line-height: 130%;
}
.projet {min-height: 80px;}

.alertbulle{ 
    background-color: #ce0157;
    height: 25px;
    width: 25px;
    float: right;
    margin-top: -38px;
    z-index: 10;
    position: relative;
    padding: 5px;
    box-sizing: border-box;
    border-radius: 80px;
    color: white;
    text-align: center;
    margin-right: -21px;
    font-size: 13px;
    font-weight: bold;
}
.alertempty{ background-color: #f1f1f1; color: #ce0157;}

#top_form h2{
    color:white;
    line-height: 1.2em;
    margin-bottom: 0em;
    font-size: 1.5em;
	font-style:normal;
	    padding-bottom: 0px;
    padding-top: 5px;
}


.separ{ visibility:hidden;}

.comm {width: 100%; height: 80px;}
input[type="text"], textarea, .comm{
	background-color: white ;
	color:  #303030 ;
	border-width: medium medium 1px;
	border-style: none none solid;
	border-color: -moz-use-text-color -moz-use-text-color rgba(255,255,255,0.28) ;
	-moz-border-top-colors: none;
	-moz-border-right-colors: none;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	border: none;
	padding: 0px 0px 2px 10px;
	margin: 0px 0px 5px 0px;
	border-bottom: none;
	border-radius: 0px !important;
	height: 40px;
	position:relative;
}

.selected input[type="text"], .selected textarea{   margin-left: 15%; width: 85%;}
.floatlabel{padding: 10px 20px;}
.floatlabel-wrapper{margin: 5px 0;}


.radio{ height:20px;    margin-top: 0.3em;     margin-bottom: 0.2em;}
.radio label{ color: white !important;}

label:hover {
    color: #212121 !important;
}



label{color:black;}
.q_1 label{ margin-bottom:0.8em;}

.alerte{ background-color:#df0c36; color:white;}
.champs_obligatoires {font-family:Arial, sans-serif; font-size: 10px;color: white; margin-top:15px;margin-bottom: 5rem;}

.inputimg{ 
	width: 30px;
    height: 0px;
    overflow: hidden;
    /* position: absolute; */
    left: 30px;
    bottom: 0;
    float: left;
    margin-bottom: -20px;
	opacity:0;
}
.inputimg img{ width:80%; height: auto; }

/*----------------------------MENTIONS-----------------------------*/
.mentions, .mentions p, .mention-mob {
		color: white;
		line-height: 12px;
		font-size: 12px;
		opacity: 0.8;
}
.footer{padding: 2rem; background: #4d4e55;}

.mentions a, .mentions a, .mention-mob a {
		color: #fff;
		line-height: 12px;
		font-size: 12px;
		opacity: 0.8;
}
.mention-mob {
		color: white; display:none;
}
.mentions, .mention-mob{ padding: 0.5em 0em;}



/* --------page remerciement----------*/
.video{margin-bottom: 2rem;}
.video iframe{max-width: 100%;}
.page_remerciement{ position: relative;}

.page_remerciement .mentions p{color: #2c2a29;
    line-height: 12px;
    font-size: 12px;
    opacity: 0.8;}


.page_remerciement .content{text-align:center;}

.page_remerciement .title{background: none;
    max-width: 700px;
    margin: 0 auto;}

.page_remerciement .header{width: 100%;}
.page_remerciement h1{height:auto; font-size:20px; margin-bottom:0em; padding: 1.4em ; display: block;   }
.page_remerciement .quizz p{  padding: 0 2rem;}


.page_remerciement .content-a .col{  padding-bottom: 1.5rem; }
.page_remerciement .content-a .col.bon{ background-color: white;    -webkit-box-shadow: 1px 1px 2px 2px rgba(26,26,26,0.12);
    -moz-box-shadow: 1px 1px 2px 2px rgba(26,26,26,0.12);
    box-shadow: 1px 1px 2px 2px rgba(26,26,26,0.12); }
.page_remerciement  .content-a  h2 span{background : #da291c; }
.page_remerciement  .content-a .bon h2 span{background : #0cb5c5 !important;}
.page_remerciement  .content-a  h2{
	border: none;
	margin-bottom: 0rem;
	font-size: 1em;
}

.page_remerciement  .content-a  h2:before{
	content: 'FAUX';
	display: inline;
	font-size: 18px; 
	font-weight: bold;
	color: #da291c;
	padding-right: 5px;
	margin-bottom:10px;
	display:block;
}
.page_remerciement  .content-a .bon  h2:before{
	content: 'VRAI';
	color: #0cb5c5 !important;
}


.page_remerciement .btn{ font-size: 1rem; padding: 0.5rem 1rem; margin: 0.5rem 0.5rem 1rem;}
.score {display: none;}
/*----Device--*/

/*@media screen and (max-device-width: 800px), screen and (max-width: 800px) {
	.header {
		padding: 1em ;
		box-sizing: border-box;
		}
html, body, .main, .content{ height:auto;}

	

		
		
		.avantages {padding:10px; min-height:80px ;  }
		
		
	
	
	
}*/
@media screen and (max-device-width: 1800px), screen and (max-width: 1800px) {
    .main {margin-top: 2.5rem;}

}
@media screen and (max-device-width: 1580px), screen and (max-width: 1580px) {

	.title{    max-width: 800px;}
}
@media screen and (max-device-width: 950px), screen and (max-width: 950px) {
    .valid {width: 100%;}
}
@media screen and (max-device-width: 800px), screen and (max-width: 800px) {
    .valid {width: 200px;}
    .main {margin-bottom: 0;}
	.cata{ position: relative;     margin: 0 auto 2rem;   float: none;}
	.hide{display: none;}
	.header{ width: 100%;}
.footer{padding: 1rem;}
	.backgrd {
    padding: 20px;
    }
    .m23 {width: 100%!important;}
    h1 {color: black;}
	.fond{background: #e8e8e8 url(../images/index_mob.jpg) right top no-repeat;
    background-size: auto;}
	
	.aside{position: relative; float: none; width: 100%; height: auto; overflow: auto;}
	.asidebloc{height: auto; overflow: auto;}
	.aside:after{display: none;}
	
	h1 strong{font-size: 1.4rem;}
	h2{font-size: 1.2rem;}
	
	.main-bloc{ box-shadow: none;}
	.title {padding:0px ;text-align: center;width: 100%!important;}
	
	h1{ padding:0.5rem 0.5rem 1rem; }
	.logo{z-index: 3000;}
	.logo img{max-width:100%; height: auto;}
	
	
	
	.page_remerciement h1 { padding:1em 0px;}
	.padding{padding: 0.5rem;}
	
	.encart {display: none;}
	.m12 {margin: 0px; padding: 0px;}


	.content-b{background:none;  margin:1rem 0 160px;}
	.bouton { vertical-align: bottom; margin-top:20px;}
	.mentions, .mention-mob{padding:1em;}
	
	.content p, .page_remerciement #top_form{margin:0px;}


	.mention-mob{display:block;}

		.mention-mob p{color:white; font-size: 10px; line-height: 12px;}
	.radio{height: auto;  margin: 0px;}
	
	.mob{ display:block; }
	.hide, .content-c{display:none !important ;}
	.cache{display: none !important;}
	.aside{padding:20px; top:0 !important;}
	.aside .col{margin-bottom:0px;}
	input[type="text"], textarea{height: 50px; font-size: 14px;}
	.content-a li{min-height: auto;}
	.bloc-c{padding-bottom: 200px; background-size: auto 200px;}
	
	.questions {padding: 0rem 1rem 1rem;}
	.questions img{float: none; margin: 0 auto ; display: block; display: none; }
	.asidebloc{padding: 0;}
}

@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
	
	#top_form{padding: 0;}
	
	h1{    font-size: 1.2rem;}
	h2 {font-size: 1rem;}
	
}

input[type="tel"] {
    background-color: white;
    color: #303030;
    border-width: medium medium 1px;
    border-style: none none solid;
    border-color: -moz-use-text-color -moz-use-text-color rgba(255,255,255,0.28);
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border: none;
    padding: 0px 0px 2px 10px;
    margin: 0px 0px 5px 0px;
    border-bottom: none;
    border-radius: 0px !important;
    height: 40px;
    position: relative;
    width: 97%;
}

input[type="email"] {
    background-color: white;
    color: #303030;
    border-width: medium medium 1px;
    border-style: none none solid;
    border-color: -moz-use-text-color -moz-use-text-color rgba(255,255,255,0.28);
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border: none;
    padding: 0px 0px 2px 10px;
    margin: 0px 0px 5px 0px;
    border-bottom: none;
    border-radius: 0px !important;
    height: 40px;
    position: relative;
    width: 97%;
}

select, .impl {
    background-color: white;
    color: #303030;
    border-width: medium medium 1px;
    border-style: none none solid;
    border-color: -moz-use-text-color -moz-use-text-color rgba(255,255,255,0.28);
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border: none;
    padding: 0px 0px 2px 10px;
    margin: 0px 0px 5px 0px;
    border-bottom: none;
    border-radius: 0px !important;
    height: 40px;
    position: relative;
    width: 100%;
}