/*mon site*/
body{margin :0 5% 0 3%;background-color: rgba(200,200,200,0.3);overflow:auto;}

header{z-index: 5;position: absolute; left:0px; top:0px; text-align: center; width:100%;}/*box-shadow: 0px 0px 10px 5px #000;*/

nav{z-index: 3;  width: 95%; min-width: 1000px; padding:0 0 2% 0;margin :10% 5% 5% 0%;text-align:center;font-size: 1.2em} /*background-color:rgb(100,100,250);position: absolute;top:17%;*/

aside{position:fixed; left:0; top:0%; width: auto; z-index:4;background-color:rgba(100,100,250,0.8);padding:1% 0 1% 0;}

section{z-index:2;overflow:auto; word-wrap: break-word; width: 100%;padding:1% 1% 1% 2%;min-width: 1000px; margin :2% 0% 0 0; } /*background-color:rgba(80,80,250,0.3);box-shadow: 3px 3px 15px 7px #000;background-color:rgba(255,255,255,0.7);*/


footer{position: absolute;text-align:center; }

/*a{color:black;text-decoration: none;}*/
a:hover{color:blue; text-decoration:underline;background-color:rgba(250,250,250,0.3);}
span.gauche:hover{color:blue; text-decoration:underline;}
span.gauche+a:hover{color:blue; text-decoration:underline;}
/*a:visited{color:black; }*/
p{font-family: "Calibri"}
h1{font-size: 2em; text-align: center;}
h2{font-size: 1.5em}
h3{font-size: 1.1em}

nav a{padding:1%}
aside a{padding:2% 1% 2% 1%; }
nav.menu{height:8%;}
#haut{margin :2% 0% 0 0;}
#bas{margin :5% 0% 0 0;}
#zonecarte{text-align: center; width:60%; height:50%;}

header.LINeco{ background-image: url("images/logo_LINeco2.jpg"); background-repeat :repeat-x; }
header.index{ background-image: url("images/bandoindex.png"); background-size:cover; margin:0 0 1% 0 ;}
header a {
    position: relative;
    color:black;
	font-size:1.2em;
    padding:0 4% 0 4%;
}
header a:hover{color:black;text-decoration: none;}
.fondclair{
    background-color:rgba(250,250,250,0.7);
    left: 0;
    height: 1.3em;
    position: absolute;
    right: 0;
    top: 0em;
    z-index: -1; 
	border-radius: 5px;
	}
.margeH20{margin :20% 0% 0 0;}
.margeH10{margin :10% 0% 0 0;}
.width70{width: 70%;}
.blackCenterMargin0{background-color:black; text-align: center;margin :5% 0% 0 0;}
.imageflottante{float:left;margin :0 1% 1% 0;}
.imageflottantedroite{float:right;margin :0 1% 1% 0;}
.dessous{clear: both}
.tabulation{margin-left:50px;}
.pad0{padding:0%;}
.s08em{font-size: 0.8em}
.margedown4{margin :0 0 4% 0;}
.margedown6{margin :0 0 7% 0;}
.margedown8{margin :0 0 8% 0;}
.large{max-width: 100%;}
.fondBleu{background-color:rgb(230,230,230);}
.blackCenter{background-color:black; text-align: center}
p{position: relative;}
.dessousGauche8{clear: both;position: relative;left:8%;}
.dessousItalic{clear: both; font-style: italic}
.italic{font-style: italic}
.gras{font-weight: bold}
.souligne{text-decoration:underline;}
.centre{text-align: center}
span.gauche{margin-left:30px;}/*position: absolute;left:67%;*/
span.gauche8{position: relative;left:8%;}
p.gauche8{position: relative;left:8%;}
h3.gauche8{position: relative;left:8%;}
p.gauche8+a{padding:0}
.gauche8{position: relative;left:8%}
.gauche2{position: relative;left:2%}
div.comment{overflow:auto; word-wrap: break-word; width: 93%;padding:1% 1% 1% 2%;min-width: 700px; margin :2% 0% 2% 0; background-color:rgba(80,80,250,0.3);box-shadow: 3px 3px 15px 7px #000;}
.padlat2{padding:0 20% 0 20%}
.fonddark{
	background-color:rgba(0,0,0,0.3);
    border-radius: 10px;}
.fonddark:hover {   
	background-color:rgba(0,0,0,0.8);
    border-radius: 5px;}
.fondlight{
	background-color:rgba(255,255,255,0.45);
    border-radius: 5px;
	display: table;
	padding:0 7px 0 7px;
	color:black;
	}
.fondlight:hover {   
	background-color:rgba(255,255,255,0.85);
    border-radius: 5px;
	display: table;
	padding:2px 8px 2px 8px;
	color:black;}
.modal {
	
    position: fixed;
    bottom: 10px;
    right:5px;
    max-height:60%;
	max-width:60%;
	margin-left: auto;
    margin-right: auto;
    z-index: 6;
	background-color: rgb(255,255,255);
	opacity: 1;
	display:none
	
}
.container {
    position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
	
.clicAffiche{
	padding: 10px;
    width: auto;
    border-radius: 10px;
    cursor: pointer;
	background-color:rgba(100,100,250,0.7)
}

.clicAffiche2{
	cursor: pointer;
}
.clicAffiche3{
	padding: 2px;
    width: auto;
    border-radius: 2px;
    cursor: pointer;
	background-color:rgba(100,100,250,0.7);
}

.menu ul {
    list-style-type:none;
    text-align:center;
    margin: 0 auto;
    padding: 0 0% 0 0;
    overflow: normal;
	
 }

.menu li {
	display:block;
	min-width:20%;
	width:auto;
    float:left;
    margin: 0 auto;
    padding: 0 0% 0 0;
	
	/*background-color:rgba(150,150,250,0.7);*/
     
 }

 
 .menu ul li ul li:hover {
    background-color:black;
    
 }
 .menu ul li ul li:hover a{
    background-color:black;
    color:white;
 }
 
 .menu ul li ul {
    display:none;
	
 }
 
 .menu ul li ul li{
   
	padding:5%;
 }
 
.menu ul li:hover ul {

    display:block;
	 border-radius: 10px;
 }
.menu li:hover ul li {
    float:none;
	background-color:rgba(250,250,250,0.9);
 }
.menu li:hover {   
	background-color:rgba(250,250,250,0.9);
    border-radius: 10px;
 }
 
 .onglet
{
display:inline-block;
margin-left:3%;
margin-right:3px;
padding: 0 1% 0 1%;
border:1px solid black;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
cursor:pointer;
}
.onglet_0
{
background:rgba(100,100,100,0.3);
border-bottom:1px solid black;
}
.onglet_1
{
background:#eaeaea;
border-bottom:0px solid black;
padding-bottom:4px;
}
.contenu_onglet
{

border:1px solid black;
margin-top:-1px;
padding:5px;
display:none;
}