@charset "UTF-8";

/******************************************************************************************************************/

/* STRUCTURE DU SITE */

/******************************************************************************************************************/

html {

	font-family:'Open Sans', sans-serif;

	font-size:13px;

	height:210px;

	font-weight:normal;

}



body {

	min-width: 500px;

	max-width: 800px;

	margin: 8px auto;

	padding: 0 30px;

	position:relative;

}



body > header {

	background-color: #F1C8C8;

	background-image: url(../media/header_Img.jpg);

	background-repeat: no-repeat;

	background-position:center center;

	background-size:cover;

	/*height: 100px;  */

	height: 10vw;

	min-height: 65px;

	max-height: 112px;

	padding: 8px;

	border:1px solid #A4A3DA; 

	border-bottom:none;

	border-radius:12px 12px 0 0; 

}



body > nav {

	height: 26px;

	border:1px solid #A4A3DA; 

	border-top:none;

	border-bottom:none;

	background-color:#FFEB00; /* Test */

	text-align:justify;

	line-height:1px;

}



body > nav:after {

	content:"";

	display: inline-block;

	width: 100%;

}



body > nav > a {

	background-color:#FFEB00;

	padding:3px 20px;

	display: inline-block;

	line-height:20px;

	text-decoration:none;

	/*color:#fff; */

	color:#006; 

	font-weight:bold;

	/*text-transform:uppercase;*/

	/*border-radius:20px; */

    -moz-transition: background-color 0.5s;

	-webkit-transition: background-color 0.5s;

    -o-transition: background-color 0.5s;

	transition: background-color 0.5s;

}



body > nav > a:hover,

body > nav > a:focus {

	text-decoration:none;

	background-color:#0a63ad; /*bleu rollinger logo */

	color:#fff;

	}



#top{

    width: 100%;
	
	align: center;

	border:1px solid #A4A3DA;  

    border-bottom: none;

	border-top: none;

	border-radius:0;

/*	border-radius:0 0 12px 12px;  

*/

	}

#mid{

    width: 99.8%;

	border:1px solid #A4A3DA;  

    border-bottom: none;

	border-top: none;

	border-radius:0;

/*	border-radius:0 0 12px 12px;  

*/

	}



.table{

	width: 94%;

	margin-left: 20px;

    margin-right: 20px;

	}	

.bleu{

	color:#000000;

	font-size:12px;

	}



#bas{

    width: 100%;
	
	align: center;

	border:1px solid #A4A3DA;  

	border-top: none;

	border-radius:0 0 12px 12px;  

	}

#----------------------

.gallerycontainer{

		position: relative;

/*Add a height attribute and set to largest image's height to prevent overlaying*/

}



.thumbnail img{

	border: 1px solid white;

	margin: 0 5px 5px 0;

}



.thumbnail:hover{

	background-color: transparent;

}



.thumbnail:hover img{

	border: 1px solid blue;

}



.thumbnail span{ /*CSS for enlarged image*/

	position: absolute;

	background-color: lightyellow;

	padding: 5px;

	left: -1000px;

	border: 1px dashed gray;

	visibility: hidden;

	color: black;

	text-decoration: none;

}



.thumbnail span img{ /*CSS for enlarged image*/

	border-width: 0;

	padding: 2px;

/*	height: 34%;

	width: 41%;*/

	height: 340px;

	width: 	655px;

}

.logo {

	padding-left: 200px;

	width: 20%;

}

	

.thumbnail:hover span{ /*CSS for enlarged image*/

	visibility: visible;

	top: 255px;

	left: 125px; /*position where enlarged image should offset horizontally */

	z-index: 50;

}

.texte_vert {

	color: #006600;

}

.texte_gris {

	color: #666666;

}

.texte_TITRE {

	color: #Ff6600;
	font-size: 20px;

}

#---------------------- 

td {

		font-family: Geneva, Arial, Helvetica, sans-serif;

		font-size: 12px;

		text-align:justify;

	}



body > nav > a:active,

body > nav > a.pageactive {

	background-color:#0a63ad; /*bleu rollinger logo */

	line-height:20px;

}



h2 {

	font-size:2.0rem;

	text-align: center;

	font-family: Geneva, Arial, Helvetica, sans-serif;

	}



h3 {

	font-size:1.2rem;

	text-align: left;

	font-family: Geneva, Arial, Helvetica, sans-serif;

	}

	

h4 {font-size:1.0rem;

	font-family: Geneva, Arial, Helvetica, sans-serif;
	
    text-align: center;

	margin-left: 2%;

	margin-top: 0.7%;

    margin-bottom: 0.7%;

}



h5 {

	font-size:0.85rem;

	color:#666;

	margin-left: 9%;

	margin-top: -1.0%;

    margin-bottom: 0.7%;

}

h6 {font-size:0.7rem;}

	h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {margin-top:0;}	



img.imagetransp {max-width: 100%;}



ul {list-style-image:url(../images/bullet-blue.png);}

ul > ul {list-style-type:disc; list-style-image:none}

ul > ul > ul {list-style-type:circle;}

ol {list-style-type:decimal;}

ol > ol {list-style-type:lower-alpha;}



a {color:#4F4CB8; text-decoration:none;}

a:hover {color:#0700FE; text-decoration:underline;}



footer {

	font-family: Geneva, Arial, Helvetica, sans-serif;

	font-size: 9px;

    color: #999999;

	text-align:center;

	/* margin-right:27%; */

		}



/******************************************************************************************************************/

/* styles correctifs standard */

/******************************************************************************************************************/

/*.centre {text-align:center;}

.gauche {text-align:left;}

.droite {text-align:right;}

.justif {text-align:justify;}

.floatl {float:left;}

.floatr {float:right;}

.clearl {clear:left;}

.clearr {clear:right;}

.clearb {clear:both;}	*/

/*.blockcentre {display:block; margin-left:auto; margin-right:auto;}  Test  */

/*.logovision {display:block; margin-left:auto; margin-right:auto;} /* TEST */

/*a img {border:none;} /* Correctif pour IE9 et précédent : évite l'encadrement bleu des images dans les liens */