
.clear {clear : both;}
.kangourou {display : none;}

/* p */
.AlignDroit {text-align:right;}
.AlignGauche {text-align:left;}
.AlignCenter {text-align:center;}
.AlignJustify {text-align:justify;}

/* align image */
.ClassImgright {
	float : right;
}
.ClassImgleft {
	float : left;
}
/* GENERIQUE */
img {border-width: 0;}

/* STRUCTURE */
body {
  	margin:0;
  	padding:0;
  	font-family: Arial, Helvetica, sans-serif;
	font-size : .7em;
    	color:#000;
	
    /* POUR IE 5 WIN */
    text-align : center;
}
#document {
    padding : 0 0 1em 0;
    text-align : left;
	margin : 0 auto ;
	background-color: #ffffff;
    width : 550px;
}
/* entete */
	#entete {display: none;}
    
/* chemin */
		#chemin {
		    clear : both;
			color : #8c8c8c;
			margin : 1em 0 1em 10px;
			padding :0;
		}
			#chemin a {
				color:#8c8c8c;
				text-decoration: none;	
			}
			 #chemin a:hover {
				text-decoration: underline;	
			}
			#chemin a .active {
				text-decoration: underline;	
			}		

/*  Contenu */
	 	#contenu {
		color : #2d2d2d;
		padding : 0;/* 10px 0 10px;*/
		margin : 10px;
        /* POUR IE 5 WIN */
        width : 750px;
        /* POUR LES AUTRES */
        voice-family:"\"}\"";
        voice-family:inherit;
        width:730px;
    /* POUR CEUX QUI PARTAGE LE BUG IE5 SUR LE voice-family*/
    }html>body #contenu {width:730px;}
	
	#contenu.withmodule {
		/*width: 430px;*/
        /* POUR IE 5 WIN */
        width : 435px;
        /* POUR LES AUTRES */
        voice-family:"\"}\"";
        voice-family:inherit;
        width:430px;
    /* POUR CEUX QUI PARTAGE LE BUG IE5 SUR LE voice-family*/
    }html>body #contenu.withmodule {width:430px;}
	
		#contenu h2 {
			background-image: url(../images/contenu_titre.gif);
			background-position: top left;
			background-repeat: no-repeat;
			margin: 1em 0 1em 0;
			padding : .6em 0 1.4em 47px;
			font-size: 1.1em;
			text-decoration: underline;
		}
		#contenu.jaune h2 {
				background-image: url(../images/contenu_titre_jaune.gif);
				color : #ffcc00;
		}
		#contenu.orangepale h2 {
				background-image: url(../images/contenu_titre_orange.gif);
				color : #ff9c00;
		}
		#contenu.rouge h2 {
				background-image: url(../images/contenu_titre_rouge.gif);
				color : #ff6300;
		}
		#contenu.bleuclair h2 {
				background-image: url(../images/contenu_titre_bleuclair.gif);
				color : #BACFEC;
		}	
		#contenu.vert h2 {
				background-image: url(../images/contenu_titre_vert.gif);
				color : #A5D585;
		}
		#contenu.beige h2 {
				background-image: url(../images/contenu_titre_beige.gif);
				color : #89773C;
		}		
		#contenu.violet h2 {
				background-image: url(../images/contenu_titre_violet.gif);
				color : #AB8AD4;
		}

		#contenu h3 {
			clear : both;
			border-bottom : 1px solid #ced0db;
			padding: .2em .2em .2em 0;
			margin : .5em 0;
			font-size: 1em;
			width : 98%;
		}	
		#contenu h4 {
			clear : both;
			padding: .2em .2em .2em 0;
			margin : .5em 0;
			font-size: 1em;
			width : 90%;
		}		
		#contenu.orangepale h3, #contenu.orangepale h4 {color : #ff9c00;}
		#contenu.rouge h3, #contenu.rouge h4 {color : #FF6300;}
		#contenu.bleuclair h3, #contenu.bleuclair h4 {color : #BACFEC;}
		#contenu.vert h3, #contenu.vert h4 {color : #A5D585;}
		#contenu.beige h3, #contenu.beige h4 {color : #89773C;}
		#contenu.violet h3, #contenu.violet h4 {color : #AB8AD4;}

		#contenu h5 {
			margin : 0 6px 0 0;
			padding : 0;
			color:#616161;
			font-size: 1em;
			background-color: #f9fafb;
		}
		#contenu h6 {
			color : #6B6B6B;
			font-size: 1.1em;
			margin : 0;
			padding : 0;
		}		

		#contenu p {
			margin : 0 .5em 0 1em; 
		}
		#contenu ul, #contenu ol {
			margin : 0 1em 0 3em; 
		}
		#contenu li {
		    /* A VERIF
			margin : 0;
			padding : 0;
			*/
			list-style-position: outside;
		}
		#contenu.orangepale li {list-style-image: url(../images/puce1_contenu_orange.gif);}
		#contenu.rouge li {list-style-image: url(../images/puce1_contenu_rouge.gif);}
		#contenu.bleuclair li {list-style-image: url(../images/puce1_contenu_bleuclair.gif);}
		#contenu.vert li {list-style-image: url(../images/puce1_contenu_vert.gif);}
		#contenu.beige li {list-style-image: url(../images/puce1_contenu_beige.gif);}
		#contenu.violet li {list-style-image: url(../images/puce1_contenu_violet.gif);}
		#contenu.jaune li {list-style-image: url(../images/puce1_contenu_orange.gif);}
		
		#contenu .ContenuParagraphe {
			clear: both;
			text-align: justify;
		}
		
		#contenu a {
			color: #2C3695;
		}
		
		#contenu img {
			border : 1px solid #000;
			margin : 0 .5em .5em .5em;
			padding :0;
		}

		#contenu .worIconeParagraphe {
			border: 1px solid red;
			padding : .2em  .2em  .2em  .2em  ;
			margin : .2em  .2em  .2em  .2em  ;
		}	
		
		#contenu .ContenuContact {	
			clear: both;
			margin: 1em 0 1em 0;
			padding : .6em 0 .6em 1.2em;
		}
		#contenu .ContenuContact p {
			margin : 0;
			padding : 0;
		}

		/* classe sp�cifique aux entreprise */
		#contenu .entreprise p {
			margin : 0 0 0 10em;
			padding : 0;
		}	
		/* classe sp�cifique aux �venements */
		#contenu .evenement {
			border : 1px solid;
			background-color: #F9FAFB;
			margin : 0;
			padding : 0;
		}
		#contenu.bleuclair .evenement {border-color : #E2EAF9;}
		#contenu.orangepale .evenement {border-color : #ff9c00;}
		#contenu.rouge .evenement {border-color : #FF6300;}
		#contenu.vert .evenement {border-color : #A5D585;}
		#contenu.beige .evenement {border-color : #89773C;}
		#contenu.violet .evenement {border-color : #AB8AD4;}
		
		#contenu .evenement p {	
			text-align: justify;
			margin : 1em 5em 0 5em;
			padding : 0;
			
		}			
		#contenu .evenement h3 {
			background-color: #fff;
			margin : 0;
			padding : .5em 0 .5em 1em;
			
		}	
		#contenu .evenement h4 {
			padding : 0 1em;
			margin : 1em 0;
			background-color: transparent;			
		}	
		#contenu .evenement h5 {
			padding : 0 0 0 5em;
			margin : 0 .5em 0 .5em;
			background-color: #D7D7D7;
		}	
				
		#contenu .evenement .formAction	{
			text-align: center;
			margin : 0;
			padding : 1em 0 .5em 0;
		}
		#contenu .motcle {
			font-size : 1.1em;
			font-weight : bold;
			color : red;
		}


/* menu droite - modules */		
	#menudroite {
		display : none;
	}

/*  le menu gauche */				
	#menugauche {display: none;}

/* menu haut : liste des niveaux 2 */ 
 	#menuhaut {
		display: none;
 	}
	
	#fond {
		height : 32px;
	}
	
/* menucategorie : les titres de niveau 1 */		
	#menucategorie {
		display: none;
	}



/*********/
/* popup */
/*********/
#popup {
	background-color : #fff;
	background-image: url("../images/fond_popup.gif");
	background-repeat: repeat-y;
	margin: 0;
	padding: 5px 0 0 25px;
	text-align: left;
	background-position: top left;
	scrollbar-face-color:#FFCC00;
	scrollbar-arrow-color:#ffffff;
	scrollbar-track-color: #FFCC00;
	scrollbar-3dlight-color: #ffcc00;
	scrollbar-darkshadow-color: #ffcc00;
}


#popup h2 {
	font-family: Arial, Verdana, Tahoma;
	font-size: 14px;
	font-weight: bold;
	color: #5E8BE8;
}
#popup p {
	font-family: Arial, Verdana, Tahoma;
	font-size: 11px;
	color: #2D2D2D;
}
#popupFooter {
	text-align: right;
}

#popup #document {
	width: 99%;
	margin: 0;
	padding : 0;	
}
#popup #contenu {
	width : 100%;
	margin: 0;
	padding : 0;
}

a {color : #686868;}
	


/* menu tout en haut */	
	#topmenu {
		display : none;
	}
		
			
#popup #popupFooter {
	text-align: right;
	margin : 5px 0 0 25px;
}
	 







#basdepage {
	margin : 0;
	padding : 2em .5em .5em .5em;
	clear : both;
	text-align: center;
	color : #ccccff;
}			
			
			.boutonContact {
				background-image: url(../images/fond_bouton_contact.gif);
				background-position: center left;
				background-repeat: repeat-x;
				background-color: #7b7b7b; /*transparent;*/
				/*border : 1px solid #7b7b7b;*/
				
				color : #7b7b7b;
				font-size: .8em;
				font-weight: normal;
				padding : 0px 2px 2px 14px;
				margin : 0 10px;
				height: 17px;
			}
			
			/* formulaires */
			.formulaire {
				background-image: url(../images/entete_form.gif);
				background-position: top left;
				background-repeat: repeat-x;
				background-color: #f3f3f3;
				margin : 10px;
				padding : 0;	
				
			}
		
				
			.formulaire .field {
				clear : both;
				margin : 0;
				padding : .2em;
			}
			.formulaire .field input, .formulaire .field textarea {
				color : #000000;
				font-family: Arial, Helvetica, sans-serif;
				font-weight: normal;
				font-size: 13px;
				scrollbar-face-color:#D4D0C8;
				scrollbar-arrow-color:#000000;
				scrollbar-track-color: #D4D0C8;
				scrollbar-3dlight-color: #D4D0C8;
				scrollbar-darkshadow-color: #D4D0C8;				
			}
			.formulaire .field select {
				color : #000000;
				font-weight: normal;
				font-size: 11px;
				text-align: left;
			}			
			/* pour enlever les bordures des radiobutton et checkbox*/
			.noborder {
				border-width :0;
			}
			fieldset {
				border : 1px solid #9c9c9c;
				margin : 0;
				padding :  5px;
			
			}
			legend {
				font-weight: bold;
				height: 22px;
				color : #ffffff;
				margin :0;
				padding : 3px 0 10px 0;
			}
			
			legend.gris {
				color : #9c9c9c;
			}

			#contenu label {
				float: left;
				width: 40%;
				text-align: right;
			}			
			
			.formAction {
				text-align: right;
			}
			.formAction input {
				background-image: url(../images/fond_bouton.gif);
				background-position: center left;
				background-repeat: repeat-x;
				color : #7b7b7b;
				cursor: pointer;
				margin : .2em;
				padding : 0 1em;
				height : 1.7em;
				font-size: .9em;
				border : 1px solid #7b7b7b;
			}

/* Tableaux */
			table {
				border-collapse : collapse;
				border-width: 1px 0px 1px 0px;	
				border-color: #CAC9DB;
				border-style: solid;
				margin : 10px;
				padding : 0;
				width: 96%							
			}
			th {
				background-color: #FF6300;
				color : #ffffff;
				text-align: center;
				padding : 2px;
				
				border-width: 0 0px 1px 0 ;
				border-style: solid;
				border-color: #CAC9DB;		
			}
			
			.orangepale th {background-color: #ff9c00;}
			.rouge th {background-color: #FF6300;}
			.bleuclair th {background-color: #BACFEC;}
			.vert th {background-color: #A5D585;}
			.beige th {background-color: #89773C;}
			.violet th {background-color: #AB8AD4;}
			
			td {
				border-width: 0 1px 1px 0 ;
				border-style: solid;
				border-color: #CAC9DB;
				margin : 0px;
				padding : 3px;
				font-size: .9em;
				color : #292929;

			}		
			
			.pair {
				background-color: #F9FAFB;
			}	
			
			.pair a, .impair a {
				background-image: url(../images/fleche_noir.gif);
				background-position: top left;
				background-repeat: no-repeat;
				
				color : #1831A5;
				margin : 0;
				padding : 0 0 0 10px;
			}
			
			.derniertd {
				border-width: 0 0px 1px 0 ;
				border-style: solid;
				border-color: #CAC9DB;
			}

/* la classe large permet l'affichage sans le menu de gauche */
		
.large #menugauche {
	display : none;
}	

.large #contenu  {
	width : 725px;
	margin: 0 0 0 5px;
}	

.large #contenu.withmodule {
	width : 605px;
	margin: 0 0 0 5px;
}

/* plan de site */

#contenu .plandesite {
	padding : 1px 1px 5px 1px;
	margin : 15px 0 15px 1%;
	border-style: solid;
	border-width: 1px;
	width:98%;
}

#contenu .plandesite.vert {border-color : #A5D585;} 
#contenu .plandesite.rouge {border-color : #FF6300;} 
#contenu .plandesite.orangepale {border-color : #FF9C00;} 
#contenu .plandesite.violet {border-color : #AB8AD4;} 
#contenu .plandesite.beige {border-color : #89773C;} 
#contenu .plandesite.bleuclair {border-color : #BACFEC;}

#contenu .plandesite h2 {
	clear : both;
	color: #ffffff;
	margin : 0 0 3px 0;
	padding : 1px 3px 1px 30px;
	background-image: none;
	text-decoration: none;
	text-align: center;
}


#contenu .plandesite.vert h2 {background-color : #A5D585;}
#contenu .plandesite.rouge h2 {background-color : #FF6300;}
#contenu .plandesite.orangepale h2 {background-color : #FF9C00;}
#contenu .plandesite.violet h2 {background-color : #AB8AD4;}
#contenu .plandesite.beige h2 {background-color : #89773C;}
#contenu .plandesite.bleuclair h2 {background-color : #BACFEC;}


#contenu .plandesite .colonne {
	float : left;
	width : 31%;
	margin : 0 0 0 1.2%;
	padding : 0;
}

#contenu .plandesite .colonneunique{
	padding : 0;
	margin : 0 0 0 2em;
}

#contenu .plandesite ul {

	margin : 0;
	padding : 0;
}
#contenu .plandesite li {
	font-size: 1em;
	font-weight: bold;
	margin: 2px 5px;
	padding : 0;
	/*background-color: transparent;*/
	list-style: none;	
	list-style-image: none;
}

#contenu .plandesite.vert li {color : #A5D585;}
#contenu .plandesite.rouge li {color : #FF6300;}
#contenu .plandesite.orangepale li {color : #FF9C00;}
#contenu .plandesite.violet li {color : #AB8AD4;}
#contenu .plandesite.beige li {color : #89773C;}
#contenu .plandesite.bleuclair li {color : #BACFEC;}
#contenu .plandesite li.niveau4 {
	border-width:0px;
	font-weight: normal;
	color : #000000;
	
	margin: 0;
	padding : 0 0 0 12px;
	background-position: top left;
	background-repeat: no-repeat;
}

#contenu .plandesite.vert li.niveau4 {background-image: url(../images/fleche_vert.gif);}
#contenu .plandesite.rouge li.niveau4 {background-image: url(../images/fleche.gif);}
#contenu .plandesite.orangepale li.niveau4 {background-image: url(../images/fleche_ora.gif);}
#contenu .plandesite.violet li.niveau4 {background-image: url(../images/fleche_violet.gif);}
#contenu .plandesite.beige li.niveau4 {background-image: url(../images/fleche_beige.gif);}
#contenu .plandesite.bleuclair li.niveau4 {background-image: url(../images/fleche_bleuclair.gif);}

#contenu .plandesite li.niveau5 {
	border-width:0px;
	font-weight: normal;
	color : #000000;
	margin: 0 0 0 12px;
	padding : 0 0 0 12px;
	background-position: top left;
	background-repeat: no-repeat;
	/*background-color: transparent;*/
}

#contenu .plandesite.vert li.niveau5 {

background-color: Aqua;
background-image: url(../images/puce1_contenu_vert.gif);}
#contenu .plandesite.rouge li.niveau5 {background-image: url(../images/puce1_contenu_rouge.gif);}
#contenu .plandesite.orangepale li.niveau5 {background-image: url(../images/puce1_contenu_orange.gif);}
#contenu .plandesite.violet li.niveau5 {background-image: url(../images/puce1_contenu_violet.gif);}
#contenu .plandesite.beige li.niveau5 {background-image: url(../images/puce1_contenu_beige.gif);}
#contenu .plandesite.bleuclair li.niveau5 {background-image: url(../images/puce1_contenu_bleuclair.gif);}

#contenu .plandesite a {
	color:#000000;
	text-decoration: none;
} 
#contenu .plandesite a:hover {
	color:#000000;
	text-decoration: underline;
}
#contenu .plandesite.vert li a, #contenu .plandesite.vert li a:hover {color : #A5D585;}
#contenu .plandesite.rouge li a, #contenu .plandesite.rouge li a:hover {color : #FF6300;}
#contenu .plandesite.orangepale li a, #contenu .plandesite.orangepale li a:hover {color : #FF9C00;}
#contenu .plandesite.violet li a, #contenu .plandesite.violet li a:hover {color : #AB8AD4;}
#contenu .plandesite.beige li a, #contenu .plandesite.beige li a:hover {color : #89773C;}
#contenu .plandesite.bleuclair li a, #contenu .plandesite.bleuclair li a:hover {color : #BACFEC}

#contenu .plandesite h2 a, #contenu .plandesite h2 a:hover {color : #ffffff}
#contenu .plandesite li.niveau4 a, #contenu .plandesite.vert li.niveau4 a:hover {color : #000000;}
#contenu .plandesite li.niveau5 a, #contenu .plandesite.vert li.niveau5 a:hover {color : #000000;}
/* pour faire des liens avec une petite fleche noire */
.lien {
	display : block;
	background-image: url(../images/fleche_noir.gif);
	background-position: top left;
	background-repeat: no-repeat;
				
	color : #1831A5;
	margin : 0;
	padding : 0 0 0 10px;
}




