/* CSS Document */

html, body {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	background-color:#EEE;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:100%;
}
#conteneur { /*englobe toute la page, largeur max 1373 = taille max de la photo*/
	max-width:1373px;
	margin-right:auto;
	margin-left:auto;
}
#menus_new a, #menus_fixed a{
	color:#FFF;
	display:inline-block;
	text-decoration:none;
	font-size:130%;
	margin-right:15x;
	margin-left:15px;
	transition:all 0.5s;
	}
#menus_new a:hover, #menus_fixed a:hover{
	background-color:#F96;
	transition:all 0.5s;
	}
.menu_click{
	color:#FFF;
	display:inline-block;
	background-color:#F96;
	font-size:130%;
	margin-right:15x;
	margin-left:15px;
	}

/* contenu de la page */
#contenu {
	font-size:100%;
	padding-bottom: 20px;
	padding-top:20px;
	width:100%;
	line-height:150%;
	position:relative;
}

.accueil_item {
	padding:10px;
	padding-left:15px;
	padding-right:15px;
	margin-bottom:15px;
	border-radius: 4px;
	text-align:left;
	width:700px;
	display:inline-block;
	background-color:#FFF;
}
#haut_new img {
	width:98%;
	max-width:1373px;
}
.accueil_item img {
	margin: 10px;
	border: 1px solid #CCC;	
}
.orange {
	color:#930;
}
/*logo laam sur page accueil*/
#logo_laam {
	width:20%;
	max-width:100px;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
}

.brun {
	color:#C1762B;
}

.surlignage_brun {
	background-color:#E4B383;
	color:#000;
	padding:5px;
	padding-top:2px;
	padding-bottom:2px;
	font-size:120%;
	border-radius: 0 0 4px 4px;
}
.video-responsive {
 overflow:hidden;
 padding-bottom:56.25%; 
 position:relative;
 height:0;
}
.video-responsive iframe {
 left:0;
 top:0;
 height:100%;
 width:100%;
 position:absolute;
}
a.bouton_plus_actus {
	background-color:#e4b383;
	font-size:150%;
	font-weight:bold;
	line-height:150%;
	color:#000000;
	text-decoration:none;
	border-radius: 4px;
	-webkit-transition:all 0.5s;
	transition:all 0.5s;
}
a:hover.bouton_plus_actus {
	background-color:#C1762B;
	color:#FFFFFF;
}

.vert {
	color:#9C6;
}
#lien_html {
	position:absolute;
	bottom:10px;
	width:100%;
	text-align:center;
}
#lien_html a {
	color:#FFFFFF;
	text-decoration:none;
	transition:all 0.5s;
	text-shadow: 0px 1px 1px #000;
	background: rgba( 0, 88, 38, 0.5);
	padding:5px;
	border-radius:3px;
	white-space:nowrap;
}
#lien_html a:hover {
	color:#396;
	background: rgba( 0, 88, 38, 0.3);
}
a.bouton_plus {
	background-color:#CBDF72;
	font-size:150%;
	font-weight:bold;
	line-height:150%;
	color:#000000;
	text-decoration:none;
	border-radius: 4px;
	-webkit-transition:all 0.5s;
	transition:all 0.5s;
	
}
a:hover.bouton_plus {
	background-color:#8BA224;
	color:#FFFFFF;
}


.legende {
	background: rgba( 0, 88, 38, 0.3);
	padding:5px;
	border-radius:3px;
	white-space:nowrap;
}

#img_com_chargy {
	width:16px;
	height:16px;
	padding:2px;
	background-color:#FFFFFF;
	border-radius: 2px;
	display:none;
}

a.bouton_audio {
	background-color:#FFFFFF;
	font-size:110%;
	font-weight:normal;
	line-height:250%;
	color:#333;
	text-decoration:none;
	border-radius: 4px;
	padding:5px;
	margin:5px;
	border: 1px solid  #930;
	-webkit-transition:all 0.5s;
	transition:all 0.5s;
}
a:hover.bouton_audio {
	background-color:#FFD9B3
}


	
/*flèche pour scroll haut de page*/
#fleche {
	position:fixed;	
	right:0;
	bottom:0;
	display:none; /*caché au chargement de la page, apparition/disparition géré par js*/
	z-index:300;
}

.flex {
	display:flex;
}
.nowrap {
	white-space:nowrap;
}

h1 {
	font-size:200%;
	font-weight:bold;
	line-height:300%;
	margin:0;

}

 .grayscale, .gray{       
        /*-webkit-filter: grayscale(1);-moz-filter: grayscale(1);-o-filter: grayscale(1);-ms-filter: grayscale(1); filter: grayscale(1);*/
		
		transition:all 0.5s;
}
.grayscale:hover{
        
		-webkit-filter: grayscale(1);-moz-filter: grayscale(1);-o-filter: grayscale(1);-ms-filter: grayscale(1); filter: grayscale(1);
		transform: rotate(-2deg);
		transition:all 0.5s;
}
.gray:hover{
        
		-webkit-filter: grayscale(1);-moz-filter: grayscale(1);-o-filter: grayscale(1);-ms-filter: grayscale(1); filter: grayscale(1);
		transition:all 0.5s;
}

.brun {
	color:#C1762B;
}
.rouge {
	color:#F00;
}
.vert {
	color:#8BA224;
}
.center {
	text-align:center;
}

.lien  {
	font-size:85%;
	font-style:italic;
}

.texte_rouge {
	color: #F00;
}
.texte_bleu {
	color: #03F;
}
#tab_resa {
	font-size:140%;
	line-height:140%;
}

.texte_blanc {
	color:#FFF;
	text-shadow: 0px 1px 1px #000;
}
#img_second {
	display:none;
	width:100%;
}
.module_accueil {
	width:100%; height:444px; margin-bottom:100px; position:relative;
}
.photo_module {
	width:100%; height:444px; border-radius:0 0 15px 15px; position:absolute; left:0; top:0; overflow:hidden; z-index:0;
}
.photo_module img {
	width:100%;
	max-width:1373px;
}

.contenu_module_G {
	width:50%; background:rgba(255, 255, 255, 0.75); position:absolute; left:0; top:25px; z-index:1;
}
.contenu_module_D {
	width:50%; background:rgba(255, 255, 255, 0.75); position:absolute; right:0px; top:25px; z-index:1; 
}

.titre_module {
	font-size:300%; color:#930; font-weight:bold; padding:20px; background:rgba(255, 255, 255, 0.6); text-align:left; border-bottom: 1px dotted #FF6600;
}
.texte_module {
	font-size:140%; margin:20px; line-height:140%;
}
.close {
	position:absolute; z-index:2; width:50px; height:50px; right:0px; top:-25px; background: rgba( 0, 0, 0, 0.3); font-size:40px; line-height:40px; text-align:center; cursor:pointer;
}


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

.module_accueil {
	height:400px; margin-bottom:80px;
}
.contenu_module_D, .contenu_module_G  {
	width:60%;
}
#Miguel {
	margin-bottom:80px;
}
}

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

.module_accueil {
	height:380px; margin-bottom:60px;
}
.contenu_module_D, .contenu_module_G  {
	width:70%;
}
#Miguel {
	margin-bottom:60px;
}
}

@media screen and (max-width: 850px){
    /* Ici du code s'appliquant aux écrans de moins de pixels de large ! */

	.LMFSC_BA {
	text-align:center;
	padding:0px;
	border-radius:0px;
	border:none;
}
.accueil_item {
	width:90%;
}
#haut_new img {
	width:95%;
	height:20px;
}
.module_accueil {
	width:100%; height:350px; margin-bottom:50px; position:relative;
}
#Miguel {
	margin-bottom:50px;
}
.photo_module {
	width:100%; height:350px; border-radius:0 0 15px 15px; position:absolute; left:0; top:0; overflow:hidden; z-index:0;
}

.contenu_module_G {
	width:70%; background:rgba(255, 255, 255, 0.75); position:absolute; left:0; top:20px; z-index:1;
}
.contenu_module_D {
	width:70%; background:rgba(255, 255, 255, 0.75); position:absolute; right:0px; top:20px; z-index:1; 
}

.titre_module {
	font-size:250%; color:#930; font-weight:bold; padding:15px; background:rgba(255, 255, 255, 0.6); text-align:left; border-bottom: 1px dotted #FF6600;
}
.texte_module {
	font-size:130%; margin:20px; line-height:130%;
}
.module_accueil img {
	
}
.close {
	width:40px; height:40px; right:0px; top:-20px;
}
}

@media screen and (max-width: 600px){
    /* Ici du code s'appliquant aux écrans de moins de 600 pixels de large ! */
	

.flex {
	display:block;
}
h1 {
	font-size:120%;
	line-height:200%;
}
/*
table,
  tr,
  td {
	text-align: center;
	display: block;
    width: auto;
  }
tr.border_in {
	border:#666 solid 1px;
	margin-bottom:10px;
}
*/
.mob {
	display:none;
}


#menus_new a{
	font-size:130%;
	margin-right:10x;
	margin-left:10px;
	transition:all 0.5s;
	}
.menu_click{
	font-size:130%;
	margin-right:10x;
	margin-left:10px;
	}
#haut_new img {
	width:95%;
	height:20px;
}
.module_accueil {
	width:100%; height:300px; margin-bottom:60px; position:relative;
}
.photo_module {
	width:100%; height:300px; border-radius:0 0 15px 15px; position:absolute; left:0; top:0; overflow:hidden; z-index:0;
}

.contenu_module_G {
	width:80%; background:rgba(255, 255, 255, 0.75); position:absolute; left:0; top:20px; z-index:1;
}
.contenu_module_D {
	width:80%; background:rgba(255, 255, 255, 0.75); position:absolute; right:0px; top:20px; z-index:1; 
}

.titre_module {
	font-size:200%; color:#930; font-weight:bold; padding:10px; background:rgba(255, 255, 255, 0.6); text-align:left; border-bottom: 1px dotted #FF6600;
}
.texte_module {
	font-size:120%; margin:20px; line-height:120%;
}
.photo_module img {
	height:300px;
	width:927px;
	position:absolute;
	left:-50%;
	
}
.photo_module img.miguel {
	height:300px;
	width:927px;
	position:absolute;
	left:0;
	
}
}

@media screen and (max-width: 500px){
    /* Ici du code s'appliquant aux écrans de moins de 500 pixels de large ! */
	

#img_first {
	display:none;
}
#img_second {
	display:block;
	margin-top:20px;
}
.photo_module img {
	height:250px;
	width:773px;
	position:absolute;
	left:-50%;
	
}
}

@media screen and (max-width: 400px){
    /* Ici du code s'appliquant aux écrans de moins de pixels de large ! */
	

#conteneur {width:98%; }


/*CSS actus include*/
#fond #titre_actus {
	font-size:100%;
	font-weight:bold;
	line-height:100%;
	text-align:center;
}
.cible {
	background-image: none;
}
#menus_new a{
	font-size:120%;
	margin-right:7x;
	margin-left:7px;
	transition:all 0.5s;
	background-color:#800000;
	}
#menus_fixed a{
	font-size:120%;
	margin-right:7x;
	margin-left:7px;
	transition:all 0.5s;
	}
.menu_click{
	font-size:120%;
	margin-right:7x;
	margin-left:7px;
	}
#haut_new img {
	width:95%;
	height:20px;
}
.img_fond_d, .img_fond_g {
	display:none;
}
}
@media screen and (max-width: 350px){
    /* Ici du code s'appliquant aux écrans de moins de pixels de large ! */

}