/* CSS Document */
/* le "#" s'utilise avec des id
   le "." s'utilise avec des class*/
   
/******************************************************************************************************/
/**********************************************Police**************************************************/
/******************************************************************************************************/


h1  { color: #000000; font-size: 12px; font-family: "Verdana", Serif; font-style: normal; font-weight: normal; font-variant: normal; }
h2  { color: #d2041e; font-size: 12px; font-family: "Verdana", Serif; font-style: normal; font-variant: normal; font-weight: bold; }
h3  { color: #000000; font-size: 11px; font-family: "Verdana", Serif; font-style: normal; font-variant: normal; font-weight: bold;}
h4  { color: #000000; font-size: 11px; font-family: "Verdana", Serif; font-style: normal; font-variant: normal; font-weight: normal; }


h5  { color: #90b5bb; font-size: 11px; font-family: "Verdana", Serif; font-style: normal; font-variant: normal; font-weight: normal; }
h6  { color: #d2041e; font-size: 14px; font-family: "Verdana", Serif; font-style: normal; font-variant: normal; font-weight: bold;}


a:link    {  color: #000000; font-size: 11px; font-family: "Verdana", Serif; font-style: normal; font-variant: normal; font-weight: normal;}
a:visited { color: #000000; font-size: 11px; font-family: "Verdana", Serif; font-style: normal; font-variant: normal; font-weight: normal;}
a:active  {  color: #000000; font-size: 11px; font-family: "Verdana", Serif; font-style: normal; font-variant: normal; font-weight: normal;}
a:hover   {  color: #000000; font-size: 11px; font-family: "Verdana", Serif; font-style: normal; font-variant: normal; font-weight: normal;}

.normal {color: #000000; font-family:"Verdana", Serif;	font-size: 11px;}

*{margin:0;padding:0;}


ul { float:left;}
li { float:left; margin-left:10px;}
/******************************************************************************************************/
/*******************************************Mise en page***********************************************/
/******************************************************************************************************/

body{     
	/*margin: 100px ; padding: 0 ; 	*/
	padding: 0; 
	background-color: #FFFFFF;}

/************************Conteneur et Div index 2************************/
#global { /*Contient le site - Contient header1*/
	width: 901px; height:775px;
	margin-left: auto; margin-right: auto;
	z-index : 1;}

#imageGauche {/*Contient l'Image de gauche */
	position:absolute;
	height:768px; width:207px;
	margin-left: 0px; margin-top:0px; padding:0;
	float:left;
	background-image: url(../images/menu/benbiao_gauche.jpg);
	background-repeat:repeat;
	z-index : 2;}
#logo {/*Contient l'Image de gauche */
	
	height:102px; width:69px;
	margin-left: 90px; margin-top:5px; padding:0;
	background-image: url(../images/logo.jpg);
	background-repeat:repeat;
	z-index : 1;}

/******************************/
#header1 { /*Contient le titre*/
	position:absolute;
	width: 693px; height:127px;
	margin-left: 207px; margin-top:0px; padding:0;
	background-color: #c2dfe5;
	z-index:2;}

div.pied {/*Contient le pied de page */
	position:absolute; 
	margin-top:768px;
	margin-left:0px;
	float:left;
	width: 100%;
	height:25px;
	padding:0;
	background-color: #FFF;
	z-index:2;
	text-align:center;
	color: #90b5bb;
	
}

div.pied a { color: #90b5bb; font-size: 11px; font-family: "Verdana", Serif; font-style: normal; font-variant: normal; font-weight: normal;}

/************************Conteneur et Div index 3************************/

#menu {/*Contient le menu droite*/
	position:absolute;
	width: 693px;
	height:23px;
	margin-left: 207px; margin-top:127px; padding:0;
	background-image: url(../images/menu/fond.jpg);
	z-index: 2;}



#menuAccueil {/*Contient le menu droite*/
	width: 43px;float: left; margin-left:80px;
	z-index: 3;}
#menuFormation {/*Contient le menu droite*/
	width: 67px; float: left; margin-left:30px;
	z-index: 3;}
#menuBenBiao {/*Contient le menu droite*/
	width: 53px; float: left; margin-left:30px;
	z-index: 3;}
#menuProverbes {/*Contient le menu droite*/
	width: 67px; float: left; margin-left:30px;
	z-index: 3;}
#menuFormateur {/*Contient le menu droite*/
	width: 67px; float: left; margin-left:30px;
	z-index: 3;}
#menuContact {/*Contient le menu droite*/
	width: 40px; float: left; margin-left:30px;
	z-index: 3;}
#menuLien {/*Contient le menu droite*/
	width: 49px; float: left; margin-left:30px;
	z-index: 3;}	
/******************************/
#centre{ /*Contient tous les affichages au centre de la page*/
	position:absolute;
	width: 693px;
	height:618px;
	margin-left:207px;
	margin-top:150px;
	padding: 0;
	background-color: #c2dfe5;
	z-index:2;
}

#retour{ /*Contient tous les affichages au centre de la page*/
	position:absolute;
	width: 500px;
	height:20px;
	margin-left:0px;
	margin-top:590px;
	padding: 0;
	background-color: #c2dfe5;
	z-index:2;

}

/************************Scroll****************************/
#support {
	position:absolute;
	margin-top:10px;
	margin-left:0px;
	width: 670px;
	height:570px;
	overflow:hidden;
	left: -3px;
	top: -1px;
}
#contenu {
	position:absolute;
	margin-top:0px;
	margin-left:0px;
	width:655px;
	overflow:hidden;
}
#scroller {
	position:absolute;
 	width:14px;
  	height:560px;
	margin-top:10px;
	margin-left:655px;
}
#support2 {
	position:absolute;
	margin-top:10px;
	margin-left:0px;	
	width: 670px;
	height:400px;
	overflow:hidden;
}
#contenu2 {
	position:absolute;
	margin-top:0px;
	margin-left:0px;
	width:655px;
	overflow:hidden;
}
#scroller2 {
	position:absolute;
 	width:14px;
  	height:385px;
	margin-top:10px;
	margin-left:655px;
}
/************************Formations************************/
#formation {/*Contient l'affichage formation date et titre*/
	width: 613px; height:200px; /*Dimension Div*/
  margin-left: auto; margin-right: auto;
  background-color:#F00;
	z-index: 4;}


#formation1 {/*Contient l'affichage formation date et titre*/
	width: 410px;  /*Dimension Div*/
	float:left;

	z-index: 4;}
#formationImage {/*Contient l'affichage l'image*/
	width: 205px;  /*Dimension Div*/
	float: right; 
	z-index: 4;}
div.zoom_art{/*Contient l'image de la collection*/
	width: 220px; height: 165px;
	position: absolute;
	visibility: hidden;
	z-index : 7;}	
 
/************************Conteneur et Div index 7************************/
div.zoom_art{/*Contient l'image de la collection*/
	width: 220px; height: 165px;
	position: absolute;
	visibility: hidden;
	z-index : 7;}	

div.zoom_col{/*Contient l'image de la collection*/
	width: 300px;	height: 200px;
	background-color: #CCFFCC;
	position: absolute; left: 95px;	top: 100px;
	visibility: hidden;
	z-index : 7;}	






	#marge {/*collection*/
	margin-left: 5px;
	text-align:left;}
	
	#col_espace {/*collection*/
	height: 5px;}