body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color : #7AAC58;
margin: 0;
padding: 0;
height:100%;
}

td {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color:#7AAC58; 
}

p {margin: 0 0 5px 0;}
dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#conteneur {
	top:0px;
	position: relative;
	width: 1000px;
	left: 50%;
	margin-left: -500px;
	background-image:url( /fileadmin/templates/images/education/fond_site.gif);
	background-repeat:repeat-y;	
	height: auto;
}
#entete {
	height: 150px;
	margin-bottom: 0px;
	padding-bottom: 0px;	
	background-color: #FFFFFF;
}
/* PARTIE GAUCHE */	
#gauche {
	position: absolute;
	left:0px;
	width: 210px;	
	height: auto !important;
	height: 600px;
	min-height: 600px;
	background-image:url(/fileadmin/templates/images/CG/logo_cg.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;	
}

/* PARTIE CENTRALE */
#fil_d_ariane {
	position:relative;
	margin-top: 13px;
	margin-bottom: 20px;
	margin-left: 220px;
	margin-right: 267px;
	overflow: visible;
	background: #ffffff url(/fileadmin/templates/images/education/maison.gif) no-repeat left;
	padding-left: 20px;
	vertical-align: bottom;
}
#fil_d_ariane a {
	color:#7AAC58; 
}
#fil_d_ariane a:hover {
	color: #BB607E;
}
#centre {
	margin-left: 220px;
	margin-right: 260px;
	overflow: visible;	
	height: auto !important;
	height: 550px;
	min-height: 550px;	
}
#contenu {
	position:relative;
}
#contenu h1 {
	font-size: 20px;
	color:#7AAC58; 
	font-weight: bold;
	border-bottom: 1px solid #eeeeee;
	margin: 0;
	padding: 0;
	font-family: Arial; 
}
#contenu h2 {
	font-size: 16px;
	color:#BB607E; 
	text-align: right;
	vertical-align: top;
	margin: 0;
	padding-top: 2;	
	padding-right: 15;	
	padding-bottom: 15;
	font-family: Arial; 
}
#contenu h3 {
	font-size: 12px;
	color:#7AAC58; 
	font-family: Arial;
	margin: 0;
	padding-bottom: 7px;
}
#contenu h4 {
	font-size: 12px;
	color:#BB607E; 
	text-align: left;
	background: url(/fileadmin/templates/images/education/fleche.gif) no-repeat 0px 6px;
	padding-top: 6px;	
	padding-left: 20px;
	font-family: Arial;
	height:20px;
}
#contenu h5 {
	font-size: 16px;
	color:#44b6db; 
	text-align: right;
	vertical-align: top;
	margin: 0;
	padding-top: 2;	
	padding-right: 15;	
	padding-bottom: 15;
	font-family: Arial; 
}
#contenu h6 {
	font-size: 12px;
	color:#7AAC58; 
	text-align: left;
	background: url(/fileadmin/templates/images/education/carre.gif) no-repeat left;
	padding-top: 3px;	
	padding-left: 20px;
	font-family: Arial;
	height:20px;
}
#contenu a {
	font-size: 11px;
	text-decoration: underline;
	font-weight: bold;
	color: #505050;
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 5;
	padding-top: 0;	
	font-family: verdana,Arial,Helvetica,Sans-serif; 
}
#arbre a{
	text-decoration: none;
	color:#7AAC58; 
	font-weight: normal;
	text-align: left;
	padding-top: 5px;	
	padding-left: 5px;
	height:20px;
	font-size: 10px;
}
#arbre a:hover{
	text-decoration: underline;
	font-weight: bold;
}
#liens_utiles {
	margin-top: 20px;
	padding: 7px;
	line-height: 20px;
	position:relative;
	color: #666666;
	background: #DFF0FF;
	border: dotted #666666 1pt;
	border-collapse: collapse ;	
}
#liens_utiles h1 {
	font-size: 14px;
	font-weight: bold;
	color: #BB607E;
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 5;
	padding-top: 0;	
	font-family: Arial; 
}
#liens_utiles h2 {
	font-size: 14px;
	font-weight: bold;
	color: #BB607E;
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 5;
	padding-top: 0;	
	font-family: Arial; 
	text-align:center;
}
#liens_utiles h3 {
	font-size: 12px;
	font-weight: bold;
	text-align:center;
}
#liens_utiles h4 {
	font-size: 10px;
	text-align:center;
}
#liens_utiles a {
	font-size: 11px;
	text-decoration: none;
	color: #BB607E;
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 5;
	padding-top: 0;	
	font-family: verdana,Arial,Helvetica,Sans-serif; 
}
#liens_utiles a:hover {
	font-size: 11px;
	font-weight: bold;
	color: #505050;
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 5;
	padding-top: 0;	
	font-family: verdana,Arial,Helvetica,Sans-serif; 
	text-decoration: underline;
}
#imprimer {
	margin-top: 10px;
	height: 20px;
	margin-left: 220px;
	margin-right: 267px;
}

/* PARTIE DROITE */
#droite {
	position: absolute;
	overflow: visible;	
	right:2;
	width: 246px;
	height: auto !important;
	height: 550px;
	min-height: 550px;		
}
#infos_pratiques{
	position:relative;
	margin-top: 0px;
	margin: 3px;
	color: #7AAC58;
	font-family: Verdana, Arial, Helvetica, Sans-serif; 
	font-size: 10px;
	overflow: visible;		
}
#infos_pratiques h1 {
	font-size: 16px;
	text-align: left;	
	font-family: Arial; 
	color: #9DDE71;	
}
#infos_pratiques h2 {
	font-size: 12px;
	background: url(/fileadmin/templates/images/_icones/pdf.gif) no-repeat left;
	padding-left: 50px;
	padding-top: 14px;
	height: 50px;
}
#infos_pratiques h3 {
	font-size: 12px;
	background: url(/fileadmin/templates/images/_icones/courriel.gif) no-repeat left;
	padding-left: 50px;
	padding-top: 14px;
	height: 50px;
}
#infos_pratiques h4 {
	font-size: 12px;
	background: url(/fileadmin/templates/images/_icones/siteweb.gif) no-repeat left;
	padding-left: 50px;
	padding-top: 14px;
	height: 50px;
}
#infos_pratiques h5 {
	font-size: 12px;
	background: url(/fileadmin/templates/images/_icones/plan.gif) no-repeat left;
	padding-left: 50px;
	padding-top: 14px;
	height: 50px;
}
#infos_pratiques h6 {
	font-size: 12px;
	background: url(/fileadmin/templates/images/_icones/tarn.gif) no-repeat left;
	padding-left: 50px;
	padding-top: 14px;
	height: 50px;
}
#infos_pratiques a {
	font-size: 11px;
	text-decoration: none;
	color: #7AAC58;
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 5;
	padding-top: 0;	
	font-family: verdana,Arial,Helvetica,Sans-serif; 
}
#infos_pratiques a:hover {
	font-size: 11px;
	color: #7AAC58;
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 5;
	padding-top: 0;	
	font-family: verdana,Arial,Helvetica,Sans-serif; 
	text-decoration: underline;
}

/* PIED DE PAGE */
#pied {
	clear: both; 
	bottom: 0;
	margin: 0;
	padding: 0;
	padding-top: 10px;
	background: #FFFFFF;
	height:50px;
}

/* MENU GAUCHE */
.menuG a {
     margin:5px;
     height: 20px;
     display: block;
     text-decoration: none;
     color: #7AAC58;
     vertical-align:middle;
     font-weight: bold;
     font-size: 12px;     
     background: url(/fileadmin/templates/images/education/carre.gif) no-repeat left;
     padding-left: 10px;
     padding-top: 2px;    
	 }
	 
.menuG a:hover {
     background: #7AAC58;
     color: #FFFFFF;
     text-decoration: none;
     }

.menuG a:active {
     background: #7AAC58;
     color: #FFFFFF;
     text-decoration: none;
     }
     
.cg a {
   background: url(/fileadmin/templates/images/CG/carre.gif) no-repeat left;
   padding-left: 10px;
   padding-top: 2px;   
	 }
     
.social a {
   background: url(/fileadmin/templates/images/social/carre.gif) no-repeat left;
   padding-left: 10px;
   padding-top: 2px;   
	 }

.dev a {
   background: url(/fileadmin/templates/images/dev/carre.gif) no-repeat left;
   padding-left: 10px;
   padding-top: 2px;   
	 }

.education a {
   background: url(/fileadmin/templates/images/education/carre.gif) no-repeat left;
   padding-left: 10px;
   padding-top: 2px;   
	 }

/* SOUS MENU DROIT */

.menuD a {
     margin:1px;
     line-height: 20px;
     font-weight : bold;
     display: block;
     text-decoration: none;
     color: #FFFFFF;
     vertical-align:middle;
     padding-left:3px;
     font-size: 12px;
     background: #9DDE71;
	   border-left: 5px solid #BB607E;
}
	 
.menuD a:hover {
     background: #BB607E;
     color: #FFFFFF;
     text-decoration: none;
     }

.menuD a:active {
     background: #BB607E;
     color: #FFFFFF;
     text-decoration: none;
     }
     
/* MENU PIED DE PAGE */

#pied a {
     margin:7px;
     padding-left:5px;
     padding-right:5px;
     height: 14px;
     display: block;
     text-decoration: none;
     color: #fff;
     vertical-align:middle;
     font-size: 12px;
	 }
	 
#pied a:hover {
     background: #FFFFFF;
     color: #000000;
     text-decoration: none;
     }

#pied a:active {
     background: #FFFFFF;
     color: #000000;
     text-decoration: none;
     }