html, body {
width: 100%;
margin: 0;
padding: 0;
}
body {
background-color: #FFF;
color: #3C3C3C;
font-family: "Open Sans",sans-serif;
font-weight: 400;
font-size: 0.85em;
}


}
/* entete */
#top {
background-color: #F3F2F2;
}
#header {
margin-left: auto;
margin-right: auto;
	margin-bottom: 0px;
width: 1000px;
position: relative;
}

#banniere {
margin-left: auto;
margin-right: auto;
max-height: 300px;
max-width: 1000px;
}
#banniere img {
	width: 100%;
	max-width: 1000px;
}

#menu {
margin-left: auto;
margin-right: auto;
margin-top: 0px;
height: 90px;
line-height: 90px;
max-width: 1000px;
font-family: 'Dosis', sans-serif;
font-size: 2.4em;
background-color: #00a4b0;
color: #ffffff;
}

.li-menu {
/* ---jb--- 
display: inline;
margin-right: 2.8em;
*/
float: left;
display: inline;
margin-right: 1.5em;
list-style-type: none;
}

a.menu1:link, a.menu1:visited {text-decoration: none; color: #ffffff;}
a.menu1:hover   {color: #99ddde; } 

/* ---jb--- */
#menu ul li ul {
background-color: #00a4b0;
display: none;
padding:0;
position: absolute;
z-index: 100;
}
#menu ul li ul li {
line-height: normal;
list-style-type: none;
}
#menu ul li ul li a {
display: block;
padding: 4px 8px 4px 8px;
font-size: 0.8em;
color: #ffffff;
text-decoration: none;
}
#menu ul li:hover ul {
display: block;
}
#menu ul li:hover ul li {
float:none;
}

#menu-hamb-div {
display: none;
position: fixed;
top: 32px;
left: 0;
z-index: 1;
width: 80%;
background-color: #00a4b0;
}

.menu-hamb {
list-style: none;
/*
background-color: #00a4b0;
width: 90%;
position: fixed;
top: 32px;
left: 0;
*/
margin: 0px;
padding: 10px;
/*display: none;*/
}
#nav-trigger { position: absolute; top: 5px; left: 5px; /*z-index: 1;*/}
#nav-trigger-close { text-align: right; }
#nav-trigger-close a { padding: 4px; text-decoration: none; font-size: 2em; color: white; }


#titre-principal-small { 
position: absolute; 
top: 60px;
/*left: 20px;*/
/*z-index: 1;*/
text-align: center;
width: 80%;
background-color: #ffffff;
opacity: 0.75;
left: 10%;
font-family: 'Archivo Black', sans-serif;
}

#titre-principal-small h1 { 
text-transform: uppercase; 
text-align: center; 
font-size: 1.4em; 
font-weight: bolder; 
line-height: 1.1em;
}

.menu-hamb li {
line-height: 0.95em;
margin-bottom: 6px;
}

#menu li li {
line-height: 0.95em;
margin-bottom: 8px;
}

.menu-hamb a {
color: #ffffff;
font-weight: bold;
text-decoration: none;
}
.menu-hamb a:hover { color: #99ddde; } 
#menu ul li ul li a:hover { color: #99ddde; }
#image-small { 
position: absolute;
top: 5px;
right: 5px;
/*z-index: 1;*/
 background-color: #ffffff; }
#image-small img {
height: 50px;
width: auto;
float: right; }

/*@media screen and (max-width:999px) {*/
/*@media screen and (max-width:899px) { */
@media screen and (max-width:599px) {
	#nav-trigger { display: inline; }
	#image-small { display: block;}
	#titre-principal-small { display: block; }
	#menu { display: none; }
	div.image { display: none; }
	#header { height: 180px; background-image: url('images/banniere-s.jpg'); background-position: bottom right; }
	#h1-partie { margin-top: 0; }
}
/*@media screen and (min-width:1000px) { */
/* @media screen and (min-width:900px) { */
@media screen and (min-width:600px) {
	/*#nav-trigger { display: none; }*/
	#titre-principal-small { display: none; }
	#image-small { display: none; }
	#menu { display: none; }
	div.image { display: block; }
}
/*@media screen and (min-width:600px) {*/
@media screen and (min-width:1200px) {
	#nav-trigger { display: none; }
	/*#titre-principal-small { display: none; }
	#image-small { display: none; } */
	#menu { display: block; }
	div.image { display: block; }
}

/* ---jb--- fin */

#footer {
text-align: center;
background-color: #f7f7f7;
margin-left: auto;
margin-right: auto;
margin-top: 3em;
padding: 3em 0em 0em 0em;
color: #FFFFFF;
}

#copy {
padding: 20px;
text-align: center;
background-color: #34a8b2;
height: 50px;
line-height: 50px;
font-size: 1.2em;
}




		.puce {
			position: relative;
			top: 9px;	
		}

		.P1 {
			margin-bottom: -4px;
		}
		
		a.text:link, a.text:visited {
			text-decoration: none;
			color: #3C3C3C;
		}

		a.blanc:link, a.blanc:visited {text-decoration: none; color: #ffffff;}
		A.blanc:hover   {color:#ffffff; text-decoration:underline; } 

		
			
		#page {
			/* ---jb--- position: relative; */
			margin-left: auto;
			margin-right: auto;
			margin-bottom: 0em;
			margin-top: 0em;
			padding-top: 1em;
			padding-bottom: 2em;
			height: auto;
			max-width: 1000px;
			background-color: #FFFFFF;
			font-size: 1.2em;
		}
	
	.triangle-noir ul {
		margin: 0;
		padding-bottom: 8px;
	}
	
	.triangle-noir li {
		list-style-image: url("images/triangle_noir.png");
		list-style-position: inside;
		margin: 0px 0px 4px 12px;
	}
	
	.triangle-noir li a {
		text-decoration: none;
		color: #ffffff;
	}
		
		#h1-partie {
			color: #00a4b0;
			font-weight: bold; font-size: 3em;
			line-height: 50px;
			letter-spacing: -3px;
		}
		
		.h2-partie {
			color: #00a4b0;
			font-weight: bold; font-size: 1.8em;
			margin-top: 1.5em;
			letter-spacing: -2px;
		}


		.h2-ficheA, .h2-ficheB, .h2-ficheC, .h2-ficheD, .h2-ficheE, .h2-ficheF, .h2-ficheG {
			font-weight: bold; font-size: 1.8em;
			margin-top: 1.5em;
			letter-spacing: -2px;
		}
		.h2-ficheA {
			color: #176c86;
		}
		.h2-ficheB {
			color: #e41b21;
		}
		.h2-ficheC {
			color: #90bf21;
		}
		.h2-ficheD {
			color: #e84810;
		}
		.h2-ficheE {
			color: #c42154;
		}
		.h2-ficheF {
			color: #b8b300;
		}
		.h2-ficheG {
			color: #772b79;
		}

		A.FicheA-PDF:link, A.FicheA-PDF:visited  {font-size: 2em; font-weight: bold; color:#176c86;  text-decoration:none; }
		A.FicheA-PDF:hover   {text-decoration:underline; } 

		A.FicheB-PDF:link, A.FicheB-PDF:visited  {font-size: 2em; font-weight: bold; color:#e41b21;  text-decoration:none; }
		A.FicheB-PDF:hover   {text-decoration:underline; } 

		A.FicheC-PDF:link, A.FicheC-PDF:visited  {font-size: 2em; font-weight: bold; color:#90bf21;  text-decoration:none; }
		A.FicheC-PDF:hover   {text-decoration:underline; } 

		A.FicheD-PDF:link, A.FicheD-PDF:visited  {font-size: 2em; font-weight: bold; color:#e84810;  text-decoration:none; }
		A.FicheD-PDF:hover   {text-decoration:underline; } 
	
		A.FicheE-PDF:link, A.FicheE-PDF:visited  {font-size: 2em; font-weight: bold; color:#c42154;  text-decoration:none; }
		A.FicheE-PDF:hover   {text-decoration:underline; } 

		A.FicheF-PDF:link, A.FicheF-PDF:visited  {font-size: 2em; font-weight: bold; color:#b8b300;  text-decoration:none; }
		A.FicheF-PDF:hover   {text-decoration:underline; } 

		A.FicheG-PDF:link, A.FicheG-PDF:visited  {font-size: 2em; font-weight: bold; color:#772b79;  text-decoration:none; }
		A.FicheG-PDF:hover   {text-decoration:underline; } 
		
		A.partie-PDF:link, A.partie-PDF:visited  {font-size: 2em; font-weight: bold; color:#00a4b0;  text-decoration:none; }
		A.partie-PDF:hover   {text-decoration:underline; } 

		A.sommaire:link, A.sommaire:visited  {font-size: 2em; font-weight: bold; color:#00a4b0;  text-decoration:none; }
		A.sommaire:hover   {text-decoration:underline; } 


		.numero {
			color: #ffffff;
			background-color: #00a4b0;
			font-size: 0.8em;
			/*
			display: inline;
			padding: 5px;
			height: 30px;
			width: 60px;
			*/	
			width: 50px;
			border-radius: 50px;
			display: inline-block;
			text-align: center;
		}


		.ficheA, .ficheB, .ficheC, .ficheD, .ficheE, .ficheF, .ficheG {
			color: #ffffff;
			font-size: 0.8em;
			width: 50px;
			border-radius: 50px;
			display: inline-block;
			text-align: center;
		}


		.ficheA {
			background-color: #176c86;
		}
		.ficheA-text {
			color: #176c86;
		}
		.ficheB {
			background-color: #e41b21;
		}

		.ficheB-text {
			color: #e41b21;
		}

		.ficheC {
			background-color: #90bf21;
		}

		.ficheC-text {
			color: #90bf21;
		}

		.ficheD {
			background-color: #e84810;
		}

		.ficheD-text {
			color: #e84810;
		}

		.ficheE {
			background-color: #c42154;
		}

		.ficheE-text {
			color: #c42154;
		}

		.ficheF {
			background-color: #b8b300;
		}

		.ficheF-text {
			color: #b8b300;
		}
		.ficheG {
			background-color: #772b79;
		}

		.ficheG-text {
			color: #772b79;
		}



		
		
		A.partie:link {font-weight: bold; text-decoration:none; color: #00a4b0;}
		A.partie:visited {text-decoration:none; color: #00a4b0;}
		A.partie:hover {text-decoration:underline; }
		
		.bloc-savoir-plus {
			margin: 0em 0em 2em 0em;
			padding: 5px;
			width: auto;
			height: auto;
			border: solid 2px #141414;
			font-style: italic;
		}
		.bloc-savoir-plus2 {
			margin: 0em 1em 1em 0em;
			padding: 5px;
			width: 430px;
			height: auto;
			float: left;
			border: solid 2px #141414;
			font-style: italic;
		}

		.plus {
			margin: 0px 10px 10px 0px;
			height: 28px;
			line-height: 28px;
			}
		
		.bloc-important-droit {
			margin: 0em 0em 2em 2em;
			padding: 10px;
			width: 430px;
			height: auto;
			float: right;
			color: #e41b21;
			border: solid 7px #e41b21;
			border-radius: 20px;
		}
		
		.bloc-important-gauche {
			margin: 0em 1em 1em 0em;
			padding: 10px;
			width: 430px;
			height: auto;
			float: left;
			color: #e41b21;
			border: solid 7px #e41b21;
			border-radius: 20px;
		}
		
		.bloc-illustration-droit {
			margin: 0em 0em 1em 1em;
			padding: 15px;
			width: 430px;
			height: auto;
			float: right;
			color: #ffffff;
			background-color: #00a4b0;
			font-style: italic;
		}
		.bloc-illustration-gauche {
			margin: 0em 1em 1em 0em;
			padding: 15px;
			width: 430px;
			height: auto;
			float: left;
			color: #ffffff;
			background-color: #00a4b0;
			font-style: italic;
		}
		.bloc-illustration {
			margin: 0em 1em 1em 0em;
			padding: 15px;
			width: 960px;
			height: 220px;
			color: #ffffff;
			background-color: #00a4b0;
			font-style: italic;
		}

		.bloc-commentfaire-droit {
			margin: 0em 0em 2em 1em;
			padding: 15px;
			width: 430px;
			height: auto;
			float: right;
			color: #ffffff;
			background-color: #176c86;
			font-style: italic;
		}

			
		TABLE.tab1 {background-color:#00a4b0; }
		TD.cellule1 {font-size:1.1em; color: #ffffff; text-align:center; background-color:#00a4b0; padding:10px; }
		TD.cellule2 {font-size:1.1em; color: #ffffff; text-align:center; background-color:#176c86; padding:10px; }
		TD.cellule3 {font-size:1.1em; color: #181818; text-align:left; background-color:#ffffff; padding:10px; }
		
		#sponsors {
			text-align: center;
			background-color: #ffffff;
			}
		#sponsors p {
			margin-top: 0;
			padding-top: 20px;
			}
		#sponsors div {
			width: 1000px;
			margin: auto;
			padding: 10px;
			}
		#sponsors div img {
			margin-left: 40px;
			margin-right: 40px;
			vertical-align: middle;
				}
		
		.image img {
			width: 100%;
			height: auto;
			max-width: 1000px;
		}

		.float1 {
			margin: 0em 1em 1em 0em;
			float: left;
			width: 450px;
			height: auto;
		}

/* float2 + float3 : pour fiche F */
		.float2 {
			margin: 0em 0em 1em 1em;
			float: right;
			width: 450px;
			height: auto;
		}
		.float3 {
			margin: 0em 1em 1em 0em;
			float: left;
			width: 480px;
			height: auto;
		}

		.image-float-right {
			float: right;
			width: 420px;
			height: auto;
			}

		.image-float-right2 {
			float: right;
			width: 420px;
			height: auto;
			color: #A2A2A2;
			text-align: right; 
			margin: 0.1em 0em 1em 2em;
			font-size: 0.90em; font-weight: 400; font-style: italic;
			line-height: 15px;
			}
		.image-float-right2 img {
			max-width: 420px;
			height: auto;
		}


		

		.legende_photo {
			color: #A2A2A2;
			text-align: right; 
			margin: 0.1em 0em 1em 0em;
			font-size: 0.90em; font-weight: 400; font-style: italic;
			line-height: 15px;
		}

		
	

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

			
			#page {
				padding: 1em 0.5em 2em 0.5em;
				}
			
			.bloc-important-droit {
				width: 40%;
			}
			.bloc-important-gauche {
				width: 40%;
			}
			.bloc-illustration-droit {
				width: 40%;
			}
			.bloc-illustration-gauche {
				width: 40%;
			}
			.bloc-commentfaire-droit {
				width: 40%;
			}
			.bloc-savoir-plus2 {
				width: 42%;
			}
			.bloc-illustration {
				width: 95%;
				height: auto;
			}


			#sponsors div {
				width: 100%;
			}
			.float1 {
				width: 45%;
			}
			.float1 img {
				width: 85%;
				height: auto;
			}
			.image-float-right {
				width: 45%;
			}
			.image-float-right img {
				width: 85%;
				max-width: 420px;
				height: auto;
			}
			.float3 {
				width: 100%;
				height: auto;
		    }
			.float2 {
				width: 100%;
				height: auto;
		    }
			


}
		@media screen and (max-width: 600px) {
			
			
			#h1-partie {
			font-size: 2.4em;
			line-height: 40px;
			letter-spacing: -3px;
			}

			.bloc-important-droit, .bloc-important-gauche, .bloc-illustration-droit, .bloc-illustration-gauche, .bloc-commentfaire-droit, .bloc-savoir-plus2 {
				float: none;
				margin: 0em 2em 1em 0em;
				width: 92%;
			}
			
			
			.float1 {
				float: none;
				margin: 0em 0em 1em 0em;
				width: 92%;
			}
			.float1 img {
				width: 100%;
				height: auto;
				max-width: 600px;
			}

			.image-float-right {
			float: none;
			width: 100%;
			}

			.image-float-right img {
				float: none;
				width: 98%;
				height: auto;
				max-width: 600px;
			}
			.image-float-right2 {
			margin: 0em 0em 1em 0em;
			float: none;
			width: 100%;
			}
			.image-float-right2 img {
				width: 98%;
			}
			


			
			TD.cellule1 {font-size:0.8em; }
			TD.cellule2 {font-size:0.8em; }
			TD.cellule3 {font-size:0.8em; }
		}
				@media screen and (max-width: 400px) {
			.bloc-important-droit {width: 90%;	}
			.bloc-important-gauche {width: 90%; }
			.bloc-illustration-droit {width: 90%; }
			.bloc-illustration-gauche {width: 90%;	}
			.bloc-commentfaire-droit {width: 90%; }
					
					
		}