body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin:0;
padding: 0;
background-image:url(../images/fond.jpg);
background-repeat:repeat-x;
}

#global {
position: relative;
width: 850px;
margin: 0 auto;
}

img{
border:none;
vertical-align:middle;
}

#colonnes img{
float:left;
border-right:solid 10px white;
}



/*--------- gestion des liens ---------*/
#menu_haut a:link{
color:white;
text-decoration:none;
}

#menu_haut a:hover{
color:white;
text-decoration:none;
background-color:#c5c2df;
}

#menu_haut a:active{
color:white;
text-decoration:none;
}

#menu_haut a:visited{
color:white;
text-decoration:none;
}

#gauche a:link{
text-decoration:none;
font-weight:bold;
color:#484c93;
}

#gauche a:hover{
text-decoration:none;
font-weight:bold;
color:#c5c2df;
}

#gauche a:active{
text-decoration:none;
font-weight:bold;
color:#484c93;
}

#gauche a:visited{
text-decoration:none;
font-weight:bold;
color:#484c93;
}

#legal a:link{
color:#484c93;
}

#legal a:hover{
color:#c5c2df;
}

#legal a:active{
color:#484c93;
}

#legal a:visited{
color:#484c93;
}

#separation a:link{
color:#494d93;
}

#separation a:hover{
color:black;
}

#separation a:active{
color:#484c93;
}

#separation a:visited{
color:#484c93;
}

a:link{
color:#494d93;
}

a:hover{
color:black;
}

a:active{
color:#484c93;
}

a:visited{
color:#484c93;
}

#colonne-fiche2 a:link{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#c31f1f;
font-weight:bold;
padding-top:10px;
}

#colonne-fiche2 a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:black;
font-weight:bold;
padding-top:10px;
}

#colonne-fiche2 a:active{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:black;
font-weight:bold;
padding-top:10px;
}

#colonne-fiche2 a:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:black;
font-weight:bold;
padding-top:10px;
}

#slogan a:link{
color:#c5c2de;
text-decoration:underline;
}

#slogan a:hover{
color:white;
}

#slogan a:active{
color:#c5c2de;
}

#slogan a:visited{
color:#c5c2de;
}
/*-----------------------*/







/*-------- gestion de la typo -------*/
p{
font-family:Arial, Helvetica, sans-serif;
margin:0px;
padding:0px;
font-size:12px;
}

#legal p{
padding:0px;
margin-left:180px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-align:center;
color:#484c93;
}

#menu_haut p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:white;
}

h1{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
background-color:#9f9dc7;
padding:0px 0px 0px 15px;
border-top:solid 25px white; 
margin:0px 0px 0px 5px;
color:white;
}

h2{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:white;
width:204px;
height:18px;
background-color:#9f9cc7;
margin:20px 0px 0px 5px;
padding:0px;
vertical-align:middle;
text-align:center;
}

h3{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#c31f1f;
font-weight:bold;
margin-top:20px;
margin-left:20px;
padding:0px;
}

h4{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
margin-left:20px;
padding:0px;
}

h5{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#c31f1f;
font-weight:bold;
padding-top:20px;
margin:0px;
}

.questions{
color:#c31f1f;
}

#pied p{
font-size:11px;
font-weight:bold;
color:#484c93;
margin-left:20px;
padding:0px;
}

#colonnes p{
margin:2px 0 0px 8px;
padding-top:10px;
}

.important{
color:#c31f1f;
}

#colonne_fiche1 p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-top:0px;
margin-left:20px;
padding-bottom:5px;
}

#colonne_fiche2 p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-top:0px;
padding:0px;
}

#separation p{ /*permet de valider l'utilisation des mini barre de séparations*/
margin-right:1px;
padding:0px;
display:inline;
}

.faq{
margin-left:20px;
margin-top:10px;
padding:0px;
}

/*--------------------------------*/







/*------- gestion des listes ------*/
#menu_haut ul{
font-family:Arial, Helvetica, sans-serif;
display:inline;
color:white;
margin:0px;
padding-left:10px;
}

#menu_haut li{
display:inline;
list-style:none;
padding:0px;
margin-left:4px;
}

#gauche ul{
list-style:none;
padding:0px;
margin:22px;
font-size:15px;
}

#gauche li{
margin-bottom:16px;
padding:0px;
}

#separation ul{
font-family:Arial, Helvetica, sans-serif;
display:inline;
color:#494d93;
margin:0px;
padding-left:26px;
font-size:12px;
}

#separation li{
display:inline;
list-style:none;
padding:0px;
margin:00px;
}

ul{
font-family:Arial, Helvetica, sans-serif;
padding:0px;
font-size:12px;
list-style:none;
margin:2px 0 4px 8px;
padding:0px;
}

#colonne_fiche1 ul{
list-style:square;
padding:0px;
margin-left:20px;
}

#colonne_fiche2 ul{
list-style:square;
padding:0px;
margin:0px;
}

#slogan li{
margin:5px 0 5px 0;
padding:0px;
}

#slogan{
height:80px;
width:295px;
margin:0px;
padding-left:552px;
color:white
}

.intro_ul{	/*liste pour intro.html*/
list-style:square;
margin-left:23px;
margin-top:10px;
}

.intro_li{	/*liste pour intro.html*/
margin-bottom:3px;
}
/*---------------------------*/







/*-------- HEADER ---------*/
#header {
height: 285px;
width:844px;
background-color:none;
background-image:none:
}

#menu_haut{ /*--- barre de navigation en haut ---*/
height:21px;
width:300px; /* ancien : 348px;*/
background-image:url(../images/menu_haut_cadre.gif);
margin-left:540px; /* ancien 490 px*/
}

#slogan{  /*--- un lien une autre vision ---*/
height:99px;
background-image:url(../images/liensvision.gif);
background-repeat:no-repeat;
}

#header_bas{ /*--- cadre contenu qui chevauche header haut ---*/
height:165px;
background-image:url(../images/header_bas.jpg);
}
/*------------------*/






/*--- CONTENT ---*/
#separation{
margin-left:0px;
padding:0px;
height:18px;
background-color:#dfdeed;
vertical-align:middle;
}

#contenant{
background-image:url(../images/fond_conteneur.jpg);
background-repeat:repeat-y;
}

#contenu {
margin-left:180px;
padding:0px;
width:656px;
border-right:solid 2px #cccdcc;
}
/*----------*/







/*------MENU------*/

#gauche {
	position: absolute;
	margin:5px 0px 0px 17px;
	padding:0px;
	width: 150px;
	height: 162px;
	background-image:url(../images/fond_menu.jpg);
	background-repeat:no-repeat;
}

/*----------------*/






/*------ bas de page ------*/
#pied {
height: 34px;
width:823px;
background-image:url(../images/bas.jpg);
padding:0px;
margin-left:15px;
}

#legal{
width:838px;
}
/*-------------------*/





/*--------gestion des colonnes-------*/
#colonnes{
width:651px;
padding:0px;
margin-left:5px;
}

#colonne1 {
float:left;
width:208px;
padding:0 8px 0 0;
margin:0px;
text-align:left;
}
		
#colonne2{
float:left;
width:208px;
padding:0 8px 0 0;
margin:0px;
text-align:left;	
}
		
				
#colonne3{
float:left;
width:208px;
padding:0 6px 0 0;
margin:0px;
text-align:left;	
display:block;
}
		
#clear{
clear:both; /*permet de supprimer le flottement des div en colonne à la fin de leur utilisation.*/
}
/*------------------------------*/





/*--------gestion des colonnes des fiches formation-------*/
#colonne_fiche1 {
float:left;
width:416px;
padding:0 8px 0 0;
margin:0px;
text-align:left;
}

#colonne_fiche2{
float:left;
width:208px;
padding:0 8px 0 0;
margin:0px;
text-align:left;	
}

#colonne_fiche2 img{
position:absolute;
border-right:hidden;
margin-left:11px;
padding:0px
}
/*----------------------------*/




/*--------- organisation des tableaux -------------*/
table{
width:630px;
margin-left:5px;
margin-top:5px;
margin-bottom:15px;
padding:0px;
}

td{
border:solid 1px black;
}

.tableau_matiere{
width:150px;
background-color:#cccdcd;
border:none;
}

.tableau_vert{
background-color:#99CC00;
}

.tableau_bleu{
background-color:#00CCCC;
}

.tableau_vide_matiere{
border:none;
}

.tableau_mois{
border:none;
width:111px;
}

.texte_droite{
text-align:right;
}
/*--------------------------*/





/*------------ organisation des formulaires de contact ----------*/
.formulaire{
border:none;
}
/*----------------------------------------------------------*/





/*---------images page plan site ---------*/
#colonne3 img{
position:absolute;
border-right:hidden;
margin-left:11px;
padding:0px
}