@charset "UTF-8";

body {
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
	line-height:18px;
	color:#232a34;}
	
.bckgrndgris {background-color:#232a34;}	
p {line-height:24px;}
.violet,
h1 {color:#f2ab37; font-size:22px; text-transform:uppercase; font-weight:bold; text-align:center;margin-bottom:12px;}

h2, h3 {color:#f2ab37; font-weight:bold;background-color:#232a34;}

h2 {font-size:20px; text-transform:uppercase; }
h3 {font-size:20px; text-transform:normal;}

h1, h2, h3, h4 {padding:12px;}
h2 a, h3 a {color:#f2ab37;}
.bckgrd {background-color:blue;}
strong {font-weight:700; }

.footer {color:#000; height:80px ; font-size:16px; line-height:20px;padding-top:20px; padding-bottom:12px;}

.bandeautop { height:auto; /*padding-top:20px; padding-bottom:20px; */}

.container { padding-top:40px; padding-bottom:12px; }

.logohv {margin-top:15px;margin-bottom:15px; width:264px; margin-left:auto;margin-right:auto;}

ul li {font-size:16px; line-height:18px;}

.borderimg {border:1px solid #89354f;text-align:center!important;}

.centerimg { margin-left:auto;margin-right:auto;text-align:center;}
.bloctitre {
	background-color:#89354f; 
padding-top:8px; padding-bottom:8px; padding-left:25px; 
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
color:#FFF;
font-weight:bold;
font-size:18px;
text-transform:uppercase;
width:260px;
margin-bottom:12px;}

.bloctitre2 {
	background-color:#89354f; 
padding-top:8px; padding-bottom:12px; padding-left:25px; 
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
color:#FFF;
font-weight:bold;
font-size:18px;
line-height:33px;
text-transform:none;
width:100%;
min-height:50px;
margin-bottom:12px;}

embed, iframe, object
{
max-width: 100%;
}
.bloctitre2:hover {background-color:#68283c;}
.contact {font-size:22px; }
.bloctitre2 a{  color:#FFF; text-decoration:none;}
.margepicto {margin-right:20px;}

.legende {font-weight:bold;
font-size:14px; text-align:center!important;margin-bottom:30px;}
.img1 {margin-bottom:30px;}

/*body {
	background-image: url(img/fd-page.jpg);
	background-repeat: repeat-x;
	background-position: 0 170px;
}*/
.titrecontact {text-transform:none;}

.contenedor {
	position:relative;
	height:0px;
	width:100%;
	padding-bottom:56,25%;}
	
.video {
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%}
	
@media only screen and (max-width: 1280px) {

.bandeautop {
    height: auto;
    }	
img.res {width:100%;height:auto;}
h1 {font-size:16px;}
.centerimg {margin-bottom:30px;}
.text-left, .text-right {text-align:center!important;}
.footer {;
height:auto;font-size:12px;}
.bloctitre {width:auto;}
.bloctitre2 {font-size:16px;}
.margebottom {padding-bottom:10px}
/*
.col-md-4.resp3col {width:100%!important
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
	;}
*/	
	}
	
/* VIDEO */

.embedresize {
max-width: 1366px;
margin: auto;
z-index:10000;
}

.embedresize div {
position: relative;
height: 0;
padding-bottom: 56.25%;
}

.embedresize iframe {
	position: absolute;
	top: -1px;
	left: 0;
	width: 100%;
	height: 100%;
	z-index:1;
}

.intro #intro .embedresize iframe,
.exit .quizz .embedresize iframe,
.alreadyplayed #intro .embedresize iframe,
.identityset #intro .embedresize iframe,
#notabene .embedresize iframe,
#message_intro .embedresize iframe,
.fancybox_body .embedresize iframe,
#comments .embedresize iframe,
#description .embedresize iframe,
.alreadyplayed .embedresize iframe,
#adserver .embedresize iframe {
max-width: none !important;
}