html
{	 background: rgb(250, 250, 252);
}
body
{	margin: 0; background: rgb(250, 250, 252);
}
#menu
{	width: 100%; height: 30px; position: fixed; background: rgb(250, 250, 252);
}
#menu_0
{	width: 900px; height: 30px; margin: auto; 
}
#tete
{	width: 900px; margin: auto; padding: 40px 0px 10px 0px; font-size: 28px; font-family: calibri, arial, sans-serif;
}
#bloc_0
{	width: 900px; margin: auto; padding-top: 10px ; text-align: justify; 
	border-top: 1px solid rgb(120, 120, 120); 
}
#bloc_1
{	clear: both; width: 900px; margin: auto; 
}
#bloc_1
{	clear: both; width: 900px; margin: auto; margin-top: 20px;
}
#bloc_2
{	clear: both; width: 900px; margin: auto; margin-top: 20px;
}
#bloc_3
{	clear: both; width: 900px; margin: auto; margin-top: 20px;
}
#bloc_5
{	clear: both; width: 100%; margin-top: 60px; background: rgb(20, 20, 22); text-align: center;
}
#pied
{	clear: both; width: 100%; height: 1000px; background: rgb(30, 30, 30);
}

/* divers
*/
.titre_bloc
{	margin-bottom: 14px; padding-top: 50px; font-size: 26px; font-family: "Calibri Light", calibri, arial, sans-serif; color: rgb(114, 103, 0); 
	border-bottom: 1px solid rgb(114, 103, 0);
}
.bloc_intro
{	margin-bottom: 20px; font-size: 18px; font-family: "Calibri Light", arial, serif; text-align: justify;
}
.fin_float
{	clear: both; height: 10px;
}
.rouge
{	color: rgb(220, 0, 29);
}

/* menu
*/
.menu_item
{	float: left; padding: 0px 10px 0px 10px; border-left: 1px solid rgb(160, 160, 160);
}
.menu_item a
{	text-decoration: none; font-size: 14px; font-family: calibri, arial, sans-serif; color: rgb(0, 0, 0);
}
.menu_item a:hover
{	color: rgb(0, 0, 0);
}

/* tete
*/
#tete-inf
{	font-size: 14px; color: rgb(114, 103, 0);
}

/* bloc 0
*/
#bloc_0_G
{	float: left; width: 400px; margin-left: 20px; 
}
#bloc_0_G img
{	width: 360px;
}
#bloc_0_D
{	margin-left: 400px; padding: 10px 20px 10px 20px; width: 460px;
}
#bloc_01
{	font-size: 18px; font-family: "Calibri Light", helvetica, tahoma, arial, sans-serif; 
}
#bloc_02
{	margin-top: 10px; font-size: 15px; font-family: calibri, arial, sans-serif; 
}
#bloc_03
{	margin-top: 10px; font-size: 16px; font-family: "Calibri Light", calibri, arial, sans-serif; 
}
/* bloc 1
 */
#bloc_1_D
{	float: right; width: 540px; margin-left: 20px; height: 480px; padding-top: 20px; background: rgb(59, 64, 86);
}

#bloc_1_D_D
{	float: right; width: 340px; padding: 0px; 
}
#cadre_1
{	display: none; margin: auto;
}
#ecran_1
{	overflow: hidden;
}
.image_1
{	float: left; text-align: center;
}
#on_off_1
{	float: right; text-align: right; background: none; color: rgb(200, 200, 200); font-size: 14px; border: none; cursor: pointer;
}
#icones_1
{	float: left; 
}

#bloc_1_D_G
{	width: 160px; padding: 0px 20px 0px 20px;
}
.bloc_1_D_G_annee
{	font-family: "Courier New", sans-serif; font-size: 14px; color: rgb(120, 170, 200);
}
.bloc_1_D_G_info
{	margin-bottom: 10px; font-size: 13px; font-family: calibri, arial, sans-serif; color: rgb(200, 200, 200); 
}
#bloc_1_D_G_texte
{	color: rgb(200, 200, 200); margin-top: 30px; font-size: 14px; font-family: calibri, arial, sans-serif; text-align: center; 
}

#bloc_1_G
{	float: left; width: 340px; font-size: 15px; font-family: calibri, arial, sans-serif; text-align: justify;
}

#bloc_1_D_C
{	margin-left: 360px; margin-top: 550px; padding: 20px; font-size: 15px; font-family: calibri, arial, sans-serif; background: rgb(236, 236, 240); color: rgb(50, 50, 50);
	
}
#bloc_1_D_C_titre
{	font-size: 18px; font-family: calibri, arial, sans-serif; margin-bottom: 10px; border-bottom: 1px solid rgb(200, 200, 200);
}

#bloc_1_video
{	clear: both; margin-top: 60px; text-align: center;
}
/* bloc 2
*/
#bloc_2_G
{	float: left; width: 410px; padding: 0px 20px 0px 20px;
}
#bloc_2_D
{	margin-left: 450px; padding: 0px 20px 0px 20px; border-left: 1px solid rgb(200, 200, 200);
} 
.bloc_2_titre
{	font-size: 18px; font-family: "Calibri Light", arial, sans-serif;
}
.bloc_2_contenu
{	margin-top: 4px; margin-bottom: 10px; padding-left: 20px; font-size: 15px; font-family: calibri, arial, sans-serif; text-align: justify;
}

/* bloc 3
*/
.bloc_3_titre
{	font-size: 20px; margin-bottom: 20px; font-family: "Calibri Light", calibri, arial, sans-serif; text-align: center;
}
#bloc_3_texte
{	font-size: 15px; font-family: calibri, arial, sans-serif; padding-top: 10px;
}
#bloc_3_G
{	float: left; width: 350px; padding: 20px; font-family: calibri, arial, sans-serif; text-align: center;
}
#bloc_3_G_texte
{	margin-bottom: 20px; font-size: 16px; padding: 12px; background: rgb(59, 64, 86); color: rgb(255, 255, 255); 
}
#bloc_3_D
{	margin-left: 390px; padding: 20px; font-family: calibri, arial, sans-serif;
}
#tab_besoins
{	border-collapse: collapse; background: rgb(240, 240, 240);
}
#tab_besoins td
{	vertical-align: top; padding: 12px; border: 11px solid rgb(255, 255, 255); font-size: 16px;
}
/* bloc_5
*/
#bloc_5_0
{	width: 900px; margin: auto; padding: 120px 0px 120px 0px;
}
#cadre
{	display: none; margin: auto;
}
#cadre_g
{	float: left;
}
#cadre_d
{	float: right; 
}
button
{	background: none; border: none;
}
#recule, #avance
{	width: 20px; height: 20px; border: none; font-size: 18px; color: rgb(200, 200, 200); 
}
#ecran
{	overflow: hidden; border-bottom: solid 1px rgb(60, 60, 60); 
}
.image
{	float: left; text-align: center;
}
.legende
{	font-size: 13px; font-family: "Calibri Light", calibri, arial, sans-serif; color: rgb(200, 200, 200); 
}
#menu_diapo
{	 text-align: center; margin-bottom: 20px;
}
#on_off
{	font-size: 14px; color: rgb(200, 200, 200);
}
#icones
{	
}
#recule_icones
{	float: left; color: rgb(180, 180, 180); border: 1px solid rgb(180, 180, 180);
}
#avance_icones
{	float: right; color: rgb(180, 180, 180); border: 1px solid rgb(180, 180, 180);
}
#cadre_icones
{	overflow: hidden;
}

/* pied
*/
#pied_0
{	width: 900px; margin: auto; padding-top: 60px; font-family: calibri, arial, sans-serif; color: rgb(220, 220, 220); border-bottom: 2px solid rgb(100, 100, 100);
}
#pied_1, #pied_2, #pied_3
{	float: left; width: 194px; min-height: 140px; padding: 15px; font-size: 13px; border-right: 1px solid rgb(100, 100, 100);
}
#pied_2
{	
}
#pied_3
{	
}
#pied_4
{	margin-left: 675px; padding: 15px; font-size: 13px; min-height: 140px; 
}
#pied a
{	text-decoration: none; color: rgb(0, 100, 255); 
}
#pied a:hover
{	color: rgb(220, 220, 220);
}