html,body {  }

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0px;
padding: 0px;
}
#header {
height: 100px;
background: #558e47 url(../images/vert_01.gif) bottom left no-repeat;
}
#centre {
background-image: url(../images/vert_02.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
}

#pied2 {
position:relative;
height: 27px;
width: 100%;
background-color: #558E47;
bottom: 0px;
}
p {margin: 0;}

/*gestion des liens survolés*/

#menu a:hover {
color: #D2E5D1;
}


#menupied a:hover {
color: #568D47;
}

/*style du tableau*/
table {
width: 690px;
margin-left: 15px;
margin-top: 0px;
margin-bottom: 10px;
padding: 0;
border: 0;
font-size: 11px;
color: black;
font-family: Arial, Helvetica, sans-serif;
}
.tablePetit 
{
	width : 300px;
}
.tableMoyen 
{
	width : 500px;
	margin-left : 50px;
}
img {border: 0; margin: 0; padding: 0;}
.sstitre {padding-left:20px;}
td {height:20px; padding:2px;}
.titre {background-color:#32923C; font-weight:bold; color: #FFFFFF;}
.pair {background-color:#DDDDFF;}
.impair, .sstitre, .sstitre1 {background-color:#EEEEFF;}
.pair, .impair, .titre, .sstitre, .sstitre1 {border-bottom:1px solid #000080; border-right:1px solid #9999CC;}
.pair, .impair {color:#000000; vertical-align:middle; text-align:center;}

/*//////////////////////////////////////////////*/
h4
{
	color:#558E47;
	position:relative;
font-size:3em;
text-align:left;
margin-left: 50px;
padding-top: 0px;
padding-right: 0px;
margin-top:0;
margin-bottom : 5px;
top : -15px;


}

#contener
{
	position: relative;	
	display : block;
	width: 800px;
	margin-left:auto;
	margin-right: auto;
	margin-top:-20px;
	margin-bottom: 0;
	padding:0px;
	
	/*background-color:#FFFFFF;*/
}
#contener ul
{
list-style-image: url(../images/arrows1.gif);	margin : 12px; padding : 0px; 

}
#contener li
{
margin : 2px; 	margin-left : 25px; padding : 0px;

}
#contener a
{
padding: 0px 12px;
display : block;
margin : 0px 0px 3px 0px;
/*border : 1px solid red;*/
}
.titre_bloc
{
font-size: 13px;
color: black;
font-family: Arial, Helvetica, sans-serif;
margin: 0px;
padding-left: 9px;
font-weight: bold;
}
.titre_popup
{
font-size: 14px;
color:#558E47;
font-family: Arial, Helvetica, sans-serif;
margin: 10px;
padding-left: 9px;
font-weight: bold;
position : relative;
top: 20px;
}

.ssblock_popup {width : 340px; margin-left : 30px;}
.ssblock_titre_popup{ width : 100%; 
					background-color:#32923C; font-weight:bold; color: #FFFFFF; }
.ssblock_popup table { margin-left : 20px;}

.popup_center
{
	margin-left : auto;
	margin-right : auto;
	width : 500px;
	display : block;
	text-align : center;
}

.petite_lignes_block
{
	margin : 0px 25px;
	color : gray;
	font-size  : 10px;
}
.image
{

  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  margin-top: 0;
  margin-bottom: 0px;
}

/********************************************************************************************/
#pack_visite
{
	
	width : 246px;
	background: url(../images/visites_haut.gif) left top no-repeat;
	margin-left : 15px;
	margin-top : 15px;
	float : left;	
	position : relative;
	padding-top : 41px;
	
}
#cadre_visite{
	background: url(../images/bas.gif) left bottom no-repeat;
padding-bottom: 5px;
height: 245px;

}
/********************************************************************************************/
#pack_formation
{
	
	width : 246px;
	background: url(../images/formations_haut.gif) left top no-repeat;
	margin-left : 15px;
	margin-top : 15px;
	float : left;	
	position : relative;
	padding-top : 41px;
	

}
#cadre_formation{
	background: url(../images/bas.gif) left bottom no-repeat;
padding-bottom: 5px;
height: 248px;

}
/********************************************************************************************/
#pack_web
{
	
	width : 246px;
	background: url(../images/web_haut.gif) left top no-repeat;
	margin-left : 15px;
	margin-top : 15px;
	float : left;	
	position : relative;
	padding-top : 41px;

}

#cadre_web{
	background: url(../images/bas.gif) left bottom no-repeat;
padding-bottom: 5px;
height: 248px;


}

/********************************************************************************************/
#pack_web1
{
	
	width : 246px;
	background: url(../images/modules_haut.gif) left top no-repeat;
	margin-left : 15px;
	margin-top : 15px;
	float : left;	
	position : relative;
	padding-top : 41px;

}
#cadre_web1
{
	background: url(../images/bas.gif) left bottom no-repeat;
padding-bottom: 5px;
height: 248px;

}
/********************************************************************************************/
#pack_hebergement
{
	
	width : 246px;
	background: url(../images/hebergement_haut.gif) left top no-repeat;
	margin-left : 15px;
	margin-top : 15px;
	float : left;	
	position : relative;
	padding-top : 41px;

}
#cadre_hebergement{
	background: url(../images/bas.gif) left bottom no-repeat;
padding-bottom: 5px;
height: 248px;

}
/********************************************************************************************/
#pack_vierge
{
	
	width : 246px;
	background: url(../images/vierge_haut.gif) left top no-repeat;
	margin-left : 15px;
	margin-top : 15px;
	float : left;	
	position : relative;
	padding-top : 41px;

}
#cadre_vierge{
	background: url(../images/bas.gif) left bottom no-repeat;
padding-bottom: 5px;
height: 248px;
}

/*hack pour avoir de la hauteur automatique avec le foat de .pack */
#contener hr 
{	
	display: block; 
	clear: left; 
	visibility: hidden;
}

#logo
{
	width: 220px;
	margin-left : auto;
	margin-right: auto;
	position : relative;
	padding-top : 40px;
	text-align: center;
}