/* 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{ background:#fff url("../../images/fond.jpg") no-repeat top center /cover;font-family: Font !important; font-size:18px; }
.clear{ clear:both;}
.strong{ font-family:FontBold; }


h1:before {
    position: absolute;
    display:block;
    top:0;
    left:0;
    bottom:0;
    content: attr(data-content);
    background-color:#FFF;
    color:#FFF;
    z-index:-1;
    
}
h1:after {
    position:absolute;
    content:'';
    display: block;
    left:0;
    right:0;
    top:50%;
    background-color:#30a2b2;
    height:.1em;
    min-height:1px;
    z-index:-2;
}
.img-responsive.logo {
  max-width: 370px;
}

h2{color:#30a2b2; font-family: FontThin; font-size: 50px;}

.row.content {  padding-top: 50px; padding-bottom: 55px;}
.row.content p.italic{ font-style:italic;  }

.colleft {   padding-left: 12%;  padding-right: 4%;}
.colright {  padding-left: 3%;  padding-right: 6%;}

.colright p{margin-bottom: 0px; }
.row.content .colright  p::first-letter{ font-size:25px;}
.colright p.blue{ font-family: FontBold; color:#30a2b2; font-size: 28px; padding-top: 15px; padding-bottom: 15px;}
.row.content .colright  p.blue::first-letter{ font-size:35px;}

.btncontainer{position:relative; width: 165px; height: 38px;}
.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:15px; padding-right:15px;
}
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;
}

.btnvalidation { }
.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;}

.btncontainer{position:relative; width: 119px;  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 ;}


.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;}
}

@media (max-width: 688px) {
	
	
}
@media (max-width: 640px) {

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

}

@media(max-width: 590px) {
	
}
@media (max-width: 500px) {

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

#main{ position:relative; }