/*background-image:url(../images/index/fond_irma_accueil.png ../images/banniere_fond/fond_VS5_accueil.jpg ../images/banniere_fond/fond_manival2.jpg)  e3e3e1  ;*/
html {font-size: 100%;}

body {
	color:#3c3c3c;
	font-family: 'Open Sans', sans-serif; font-weight: 400; font-size:0.85em;
	background-color:#FFFFFF;
	margin-left:0px;
	margin-bottom:1px;
	margin-right:1px;
	margin-top:0px;
	background-repeat:no-repeat;
	background-position: top center;
	 }
	 

/* jb */
/*#texte-accueil2 iframe,
#texte-accueil2 object,
#texte-accueil2 embed {
width: 100%;
}*/

/* jb */
.myWrapper {
  position: relative;
	padding-bottom: 54.5%;
	padding-top: 19px; 
  height: 0;
}

#mediaspace_wrapper {
  height: 562px;
}
/* jb */
.myWrapper iframe,
.myWrapper object,
.myWrapper embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}



#logo {
position: absolute;
top: 1em;
left: 1em;
height: auto;
width: auto;
	z-index: 1;
}

.logo_partenaires {
float: left;
height: auto;
width: auto;
margin: 0px 0px 0px 25px;
}



#texte-accueil2 {
position: relative;
margin-left: auto;
margin-right: auto;
height: auto;
width: 1000px;
padding: 5px;
color: rgba(48,47,47,1.00);
font-size: 1.2em;
}


.rubrique-titre {
position:relative;
padding: 5px;
color: rgba(48,47,47,1.00);
color: #f9f8f8;
font-size: 2.8em;
text-align:center;
font-family: 'Stardos Stencil', cursive;
}





#logo-footer {
	position: relative;
	margin: 80px auto 0px auto;
	padding-top: 30px;
	height: 230px;
	width: 1200px;
	background-color: #ffffff;
	}

#footer {
position: relative;
width: auto;
height: 80px;
line-height: 80px;
background-color: #eae9e9;
text-align: center;
padding: 5px;
font-size: 1em;
}


#photo {
float: right;
margin: 80px 200px 20px 0px;
width: 620px;
font-family: 'Libre Baskerville', serif; font-weight: 400; font-size: 1.1em;
}



.titre-photo {
font-family: 'Libre Baskerville', serif; font-weight: 400; font-size: 1.4em;
}

A.photo4px:link    {color: #E5E5E5; text-decoration:none; border: 4px; }
A.photo4px:visited {color:#E5E5E5; text-decoration:none; border: 4px;}
A.photo4px:hover   {color:#E5E5E5; text-decoration:none; border: 4px;}





A.rouge-site:link    {text-decoration:none; color: #ce2219;} 
A.rouge-site:visited {text-decoration:none; color: #ce2219;} 
A.rouge-site:hover   {text-decoration:underline; color: #ce2219;} 

/*@media screen and (min-device-width : 768px) and (max-device-width : 1024px) { */




@media screen and (max-width : 1780px) {
#leg-photo-crue2 { margin: 5px 0px 50px 0px; left: 0px; bottom: 0px; width: 430px; }
}

@media screen and (max-width : 1660px) {
#leg-photo-crue1 { margin: 5px 0px 30px 0px; right: 0px; bottom: 0px; width: 430px; }

}


@media screen and (max-width : 1640px) {
	
.citation { width: 90%; margin: 10px 20px 30px 50px;}
#photo { position:relative; width: 100%; height: auto; margin: 10px 10px 10px 10px; }
#photo-crue1 { float: left; width: 45%; height: 100%; margin: 0px 10px 10px 60px; }
#photo-crue2 { float: right; width: 45%; height: 100%; margin: 0px 10px 10px 10px; }
}

@media screen and (max-width : 1024px) {
	.image img {
width: 100%;
height: auto;
max-width: 1000px;
	}

#photo-accueil { height: auto; width: 100%;  }
#photo-accueil img { width: 100%; height: 100%;}
#texte-accueil2 { width: 96%; }
.rubrique-titre { height: auto; width: 100%; font-size: 2em; }
.rubrique1 { width: 100%; height: 100%;}
.h1 { height: auto; line-height: 1.4em; font-size: 1.6em; }
.video-plus { width: 95%; height: 100%; margin-left: 10px; margin-right: 15px;}
.texte-video-plus1 { width: 45%; height: 100%; margin: 10px 10px 10px 10px; }
.image-video-plus1 { width: 45%; height: 100%; margin: 10px 10px 10px 50px; }
.texte-video-plus2 { width: 45%; height: 100%; margin: 10px 10px 10px 10px; }
.image-video-plus2 { width: 45%; height: 100%; margin: 10px 10px 10px 10px; }
#logo { top: 10px; left: 10px; }
#logo img { width: 55%; height: 55%;}
#logo-footer { width: 70%; height: 400px; margin-bottom:10px; }
.citation { margin-left: 20px;}
#photo-crue1 { width: 43%; height: auto; margin: 0px 10px 10px 20px; }
#photo-crue2 { width: 43%; height: auto; margin: 0px 10px 10px 10px; }
#photo-crue1 img { width: 100%; height: auto; }
#photo-crue2 img { width: 100%; height: auto; }
#leg-photo-crue1 { width: 85%; height: auto; font-size: 0.9em }
#leg-photo-crue2 { width: 85%; height: auto; font-size: 0.9em }


}

@media screen and (max-width : 850px) {
	
	


.video-plus { width: 100%; height: 100%; margin-left: 0px; margin-right: 10px;}
.texte-video-plus1 { width: 95%; height: 100%; margin: 10px 10px 10px 10px; text-align:left;}
.image-video-plus1 { width: 95%; height: 100%; margin: 10px 10px 10px 0px; text-align:left; }
.texte-video-plus2 { width: 95%; height: 100%; margin: 10px 10px 10px 10px; text-align:left;}
.image-video-plus2 { width: 95%; height: 100%; margin: 10px 10px 10px 10px; text-align:left;}
#logo-footer { width: 82%; height: 400px; margin-bottom: 10px; }

}


@media screen and (max-width : 680px) {


#logo-footer { width: 70%; height: 630px; margin-bottom: 10px; }
#footer { font-size: 0.9em; }

}

@media screen and (max-width : 600px) {

#logo { top: 5px; left: 5px; }
#logo img { width: 50%; height: 50%;}
.leg-photo { position: static; width: 100%; padding: 4px; font-size: 0.8em;}


}

/*@media screen and (min-device-width : 320px) and (max-device-width : 480px) {*/
@media screen and (max-width : 480px) {

#photo-accueil { height: auto; width: 100%;  }
.rubrique1 { width: 100%; }
#texte-accueil2 { width: 96%; font-size:0.9em; }
.rubrique-titre { height: auto; width: 100%; line-height: 1.2em; font-size: 1.8em; margin: 0px 15px 0px 15px; text-align:left;}
#logo img { width: 30%; height: 30%;}
#photo-crue1 { position: relative; width: 90%; height: auto; margin: 0px 10px 10px 10px; }
#photo-crue2 { position: relative; width: 90%; height: auto; margin: 0px 10px 10px 10px; }
.texte-video-plus1 { width: 98%; float:left; height: auto; margin: 10px 0px 10px 0px; text-align:left;}
.image-video-plus1 { width: 80%; float:left; height: auto; margin: 10px 0px 10px 0px; text-align:left; }
.image-video-plus1 img { width: 80%; float:left; height: auto; margin: 10px 0px 10px 0px; text-align:left; }
.texte-video-plus2 { width: 98%; float:left; height: auto; margin: 10px 0px 10px 0px; text-align:left;}
.image-video-plus2 { width: 80%; float:left; height: auto; margin: 10px 0px 10px 0px; text-align:left;}
.image-video-plus2 img { width: 80%; float:left; height: auto; margin: 10px 0px 10px 0px; text-align:left;}


}

@media screen and (max-width : 400px) {

/* .leg-photo { width: 280px; } */

}

@viewport {
   width: device-width; /* largeur du viewport */
   : 1; /* zoom initial à 1.0 */
}