/****************************************************************/
/**************** début styles lightboxes par défaut ************/
/****************************************************************/

#shadowing_box_send_mail
{
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: /*#796a5e*/ rgba(0,0,0,0.6);
	z-index:12;
	opacity:0.90;
	/* filter: alpha(opacity=90); */ /* pour IE */
}

.div_lightbox_send_mail{

	margin:1% 0.5% 0% 0%;
	width:100%;
}


#box_send_mail
{
	display: none;
	position: absolute;
	border-radius: 2px;
	font-style: normal;
	font-family:sans-serif;

	top: /*160%*/ 1600px;

	left: /*20%*/8%;/*par défaut, presentation verticale pour petits écrans */

	max-width:/*50%*/85%;/*par défaut, presentation verticale pour petits écrans */
	/*max-height:70%;*//*par défaut, presentation verticale pour petits écrans */
	
	padding: /*10px*/ 2% ;
	margin:0.5% ;
	background-color: white;
	z-index:13;
	overflow:hidden ;/*auto*/ /*par défaut, presentation verticale pour petits écrans */
	box-shadow: 3px 3px 3px 3px #FFA;
	color:#796A5E;
	border:1px solid #c0d346;

}

.div_separator_box_send_mail {
	clear:both;
	
	margin:4% 1% 0% 1%;
	width:100%;	
}
.div_separator_box_send_mail img{
	
	margin:0% 0% 0% 40%;
	padding:0;
	width:80;
	height:80px;
}



#shadowing_box_about
{
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: /*#796a5e*/ rgba(0,0,0,0.6);
	z-index:12;
	opacity:0.90;
	/* filter: alpha(opacity=90); */ /* pour IE */
}

div.bandeau img{
	/*display:none;*/
	width:99%;
	height:30px;
	}

#box_about 
{
	display: none;
	position: absolute;
	border-radius: 2px;
	font-style: normal;
	font-family:sans-serif;

	top: 5%;
	left: /*20%*/5%;/*par défaut, presentation verticale pour petits écrans */

	max-width:/*50%*/85%;/*par défaut, presentation verticale pour petits écrans */
	/*max-height:70%;*//*par défaut, presentation verticale pour petits écrans */
	
	padding: /*10px*/ 2% ;
	margin:0.5% ;
	background-color: white;
	z-index:13;
	overflow:hidden ;/*auto*/ /*par défaut, presentation verticale pour petits écrans */
	box-shadow: 3px 3px 3px 3px #FFA;
	color:#796A5E;
	border:1px solid #c0d346;

}




.div_lightbox_about{

	margin:1% 0.5% 0% 0%;
	width:100%;
}


.div_lightbox_about p{


	margin:/*1% 1% 0% 0%*/4% 1% 1% 0%; /*par défaut, pour petits écrans */

	font-size: 0.80em;
	text-align:left; /*par défaut, pour petits écrans */
}




.div_separator_box_about {
	clear:both;
	
	margin:4% 1% 0% 1%;
	width:100%;	
}
.div_separator_box_about img{
	
	margin:0% 1% 0% 0%;
	padding:0;
	width:99%;
	height:30px;
}

.closeline{
	
	margin:3% 0% 0% 0%;
	clear:both;
	float:right;
	width:55%;
	/*border:1px solid red;*/
}

.closeline a {
	/*border:1px solid orange;*/
	padding:5px 5px 5px 5px;
	text-decoration:none;
}


.closeline a:hover, .closeline a:focus {
	color:#352f2b;
	font-weight:550;
	background-color:  #e8f87a;
	text-decoration:none;
	
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.42);
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.42);
	border-radius: 3px;
	
	
	margin:1% 0% 0% 0%;
	
	transition: 
		background-color 0.25s ease 0s, 
		color 0.25s ease 0s, 
		box-shadow 0.25s ease 0s,
		text-shadow 0.2s ease 0s
		;
		
	-webkit-transition: 
		background-color 0.25s ease-in-out, 
		color 0.25s ease-in-out, 
		box-shadow 0.25s ease-in-out, 
		text-shadow 0.2s ease-in-out
		;
	opacity:1;
}




#shadowing_tab_pi
{
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: /*#796a5e*/ rgba(0,0,0,0.6);
	z-index:10;
	opacity:0.90;
}


#box_tab_pi
{
	display: none;
	position: absolute;
	border-radius: 2px;
	font-style: normal;
	font-family:sans-serif;

	top: 5%;
	left: 5%;
	
	max-width:90%;
	height:95%;
	
	padding: 1%;
	margin:0%;
	background-color: white;
	z-index:11;
	overflow:auto;
	box-shadow: 3px 3px 3px 3px #FFA;
	color:#796A5E;
	border:1px solid #c0d346;

}

#box_tab_pi span{
	font-weight:bold;
	color:black;	
}

/***************** fin styles lightboxes par défaut ****************************/




/***********************************************************/
/*************** media queries *****************************/
/***********************************************************/



@media screen and (min-width:395px) 
/* menu horizontal activé (1er niveau) sans cases ni icones*/
/* sous menus verticaux */
{

} /* fim media querie pour ecran de largeur >= 365 px */





@media screen and (min-width:860px) /*mode 3 colonnes */
/* la hauteur se règle avec overflow:auto */
/* on pourrait ici rajouter les cases et icones pour menu horizontal */

{
	#box_send_mail{
		top:650px;
		left:30%;
	}
			
} /* fin media queries pour mode 3 colonnes */
/*fin media querie pour ecran de largeur >=800px */



@media screen and (min-width:1225px) 
/* présentation header et menu pincipal en mode horizontal */
{
	

		
	#box_send_mail{
		top:450px;
		left:30%;
	}
	
		#box_about 
	{
		top: 5%;
		left: /*20%*/15%;/*par défaut, presentation verticale pour petits écrans */
		max-width:/*50%*/55%;/*par défaut, presentation verticale pour petits écrans */
	}
	
	
	
} /*fin media querie pour ecran de largeur >=1225px */



 

@media screen and (min-width:1405px) 
/* activation full des sous menus et présentation horizontale full*/
{	


	
	
} /* fin media querie pour full ecran >=1315px */





/***************** fin media queries **********************/