/* CSS Document */
@font-face {
    font-family: 'FontBold';
    src:
         url('../font/NewslabBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Font';
    src: 
         url('../font/NewslabLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	color:#eee; 
	
}
@font-face {
    font-family: 'FontThin';
    src: 
         url('../font/NewslabThin.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

*{ font-family:Font; margin:0 auto; }
body{ font-family: Font !important; font-size:18px; }
.clear{ clear:both;}
.strong{ font-family:FontBold; }

header{border-bottom:#30a2b2 1px solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);}

h2{color:#30a2b2; font-family: FontThin; font-size: 50px; padding-top: 75px;}
h2 span.num{ display: inline-block; margin-right: 10px; font-size:55px;}
h2 span.border{ background:url("../../images/trait.png") no-repeat center center; display:inline-block;} 
h2 span.title {
  font-size: 30px;   margin-left: 20px; margin-bottom: 5px; vertical-align: middle;height: 40px;display: inline-block;
}
.row.content {  padding-top: 50px; padding-bottom: 55px;}

.row.content .questionnaire{position: relative;}
.row.content .questionnaire.etape1{position: relative; background:url("../../images/fond_questionnaire.jpg") no-repeat center center;  }
p.bluefonce{ font-family: FontBold; color:#192168; }
.questionnaire a{ color:#acd755; text-decoration: underline;}
.step1 { display: inline-block;  margin-right: 30px; color: #d1c7b8;}
.step1 span.border{ background:url("../../images/trait2.png") no-repeat center center; display:inline-block;} 
.questionnaire a.retour{ color:#d1c7b8; font-size:25px;}

.row.content .questionnaire form {   width: 55%; color:#192168;}
.row.content .questionnaire .second{padding-left:25%; margin-top:50px; margin-bottom:50px;}
.btnvalidation {   position: absolute;  right: 0px;  bottom: 10px;}
.row.content .questionnaire form label{ vertical-align: middle;}
.row.content .questionnaire form input[type="radio"] {
  margin-right: 10px;
}
.btn {
  font-size: 18px;
  background: none;
  border: none; padding-left: 20px;
padding-right: 20px; color: #192168;
}
.btn:hover{ background:#30a2b2; color: #fff; border-radius:0;}
.btn:active{background:#192168;  color: #fff;border-radius:0;}
.colleft {   padding-left: 12%;  padding-right: 4%;}
.colright {  padding-left: 3%;  padding-right: 6%;}
.img-responsive.logo {
  max-width: 370px;
}

.questions {
  padding-top: 20px;
  padding-left: 15%;
}
.btns {
  margin-top: 40px;
  padding-left: 15%;
}

.etape2 .btnvalidation{ position:relative; right: 0px; bottom: 42px;}
.etape2 .btncontainer{ position: relative; width: 127px; height: 49px;}
.etape2 .btncontainer.nouscontacter{ position: relative; width: 176px; height: 49px;}

.btncontainer{position:relative; width: 109px; height: 49px;}
.bordertopright{position:absolute; right:0; top:0; border-top: #192168 6px solid;
  border-right: #192168 6px solid; background: #FFF ;}
.borderbottomleft{position:absolute; left:0; bottom:0;  border-left: #30a2b2 6px solid;
  border-bottom: 6px solid #30a2b2; background: #FFF ;}

.colright.contact .btncontainer{width: 203px;}

a.btnquest {
	color:#192168;
  padding: 10px; padding-left:30px; padding-right:30px;
}
a.btnquest:hover {
	color:#FFF;
  	background: #30a2b2;
	border-top:#192168 6px solid;
	text-decoration:none;
	padding-top:2px;padding-bottom:2px;
}
a.btnquest:active {
	color:#FFF;
  	background: #192168;
	border-bottom:#30a2b2 6px solid;
	text-decoration:none;
	padding-top:2px;padding-bottom:2px;
}



.footerleft{ text-align:right;}
.footerright{ text-align:left;}

footer{ background:rgba(180,173,162,0.4); padding-top:20px; padding-bottom:20px; border-top: 30px solid rgba(243,235,220,0.4);}
footer a{ color:#000;}
footer a.current{ color:#192168; font-weight:bold;}

.footerbottom{background:rgba(180,173,162,0.4); }
.copyright{text-align:center; font-style:italic; padding-top:15px; padding-bottom: 15px; font-size: 14px;}

@media (min-width: 768px) {
	
}
@media (max-width:1920px){
	
}
@media (max-width:1500px){
	
}
@media (max-width: 1400px){

}
@media (max-width: 1236px){
}
@media (max-width: 1200px){

}
@media (max-width: 1180px) {

}
@media (max-width: 1155px) { 
	
}

@media (max-width: 1100px) {

}

@media (max-width: 1032px) {

}

@media (max-width: 990px) {
	
}

@media (max-width: 904px) {

}

@media (max-width: 768px) {
	.colright, .colleft {   padding-left: 10%;  padding-right: 10%;}
	
	.footerleft, .footerright{text-align:center;}
	.col-xs-offset-2{margin-left:0px;}
	.row.content .questionnaire .second{padding-left:0px;}
}

@media (max-width: 688px) {
	
	
}
@media (max-width: 640px) {
	
	.row.content .questionnaire form{width: 100%;}
	
	.btnvalidation {
  position: relative;
  right: inherit;
  bottom: inherit;
  margin-top: 20px;
}

}
@media (max-width: 600px) {

}

@media(max-width: 590px) {
	
}
@media (max-width: 500px) {
	.questionnaire a.retour{font-size: 25px;
position: absolute;
bottom: -40px;}
	.etape2 .btnvalidation {
  position: relative;
  right: inherit; bottom:inherit; 
}
}
@media (max-width: 400px) {
	.row.content .questionnaire form input[type="radio"]{ position: absolute;
margin-top: .3rem;
margin-left: -1.25rem;}
	.row.content .questionnaire form label{  margin-left: 5px;}
		
}

#main{ position:relative; }