.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, .right {
	float : right;
}
.ClassImgleft, .left {
	float : left;
}
.inlineN {
	
	
	position: relative;
	top : 10px;
	left : 0;
	border : 2px solid red;
}
/* GENERIQUE */
img {border-width: 0;}

/* STRUCTURE */
body {
  	margin:0;
  	padding:0;
  	font-family: Arial, Helvetica, sans-serif;
    	color:#000;
	/* background-color: #ffcc00; */
	background-color: #E0E0E0;
	background-image: url(../images/body_fond_gris.gif);
	background-position: top center;
	background-repeat: repeat-y;
    	text-align : center;
    	
    	/* POUR IE 5 WIN */
    	font-size : 11px;
    	/* POUR LES AUTRES */
	voice-family:"\"}\"";
	voice-family:inherit;
	font-size : 11px; 
}html>body {font-size : 11px;}

table {
	/* POUR IE 5 WIN : m�me taille que sur le Body */
	font-size : 11px;
}

#document {
    padding : 0 0 1em 0;
    text-align : left;
	/* 137px : 20 topmenu + 60 entete +25 menucategorie+32 */
	margin : 137px auto 0 auto;
	background-color: #ffffff;
    width : 750px;

}
/* entete */
	#entete {
		position : absolute;
		top : 20px;
		height : 60px;
		width : 750px;
		background-image: url(../images/CCI_Nord_Isere_fond.jpg);
		background-repeat : no-repeat;
	}
        #entete h1 {
    	    float : left;
    	 	width: 332px;
    	 	margin :0;
    	 	padding : 0;
    	 }
        #entreprisesenligne {
    		 float: right;
    		 margin : 0;
    		 padding : 13px 25px 0 0;
             /* POUR IE 5 WIN */
             width : 220px;
             height : 40px;
             /* POUR LES AUTRES */
             voice-family:"\"}\"";
             voice-family:inherit;
    		 width:195px;
    		 height:27px;
        /* POUR CEUX QUI PARTAGE LE BUG IE5 SUR LE voice-family*/
        }html>body #entreprisesenligne {width:195px;height:27px;}
    
/* chemin */
		#chemin {
		    clear : both;
			color : #8c8c8c;
			margin : 1em 0 1em 178px;
			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 0 0 5px;
		margin : 0 0 0 173px;
        /* POUR IE 5 WIN */
        width : 540px;
        /* POUR LES AUTRES */
        voice-family:"\"}\"";
        voice-family:inherit;
        width:535px;
    /* POUR CEUX QUI PARTAGE LE BUG IE5 SUR LE voice-family*/
    }html>body #contenu {width:535px;}
	
	#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-color: #fff;
			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.violet h2 {
				background-image: url(../images/contenu_titre_violet.gif);
				color : #8f1a7c;
		}		
		#contenu.beige h2 {
				background-image: url(../images/contenu_titre_beige.gif);
				color : #89773C;
		}

		#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 : #8f1a7c;}

		#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;
			/*float : left;*/
		}		

		#contenu h6 a {
			color : #6B6B6B;
			background-image: none;
			margin : 0;
			padding : 0;
			text-decoration: none;	
		}
		#contenu h6 a:hover {
			text-decoration: underline;	
		}
				
		#contenu p {
			margin : 0 .5em 0 1em; 
		}
		#contenu ul, #contenu ol {
			display : block;
			margin : 0 1em 0 3em; 
			clear : both;
		}
		#contenu li {
			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 : 0px 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 0;
		}
		#contenu .ContenuContact p {
			margin : 0;
			padding : 0;
		}
		#contenu .ContenuContact h4 {
			margin : 0.1em 0 0 0.1em;
			padding : 0px;
		}
		#contenu .ContenuContact form {
			margin : 0.1em 0 0 1em;
			padding : 0px;
		}		

		/* classe sp�cifique aux entreprise */
		#contenu .entreprise span {
			margin : 0;
			padding : 0;
			width : 400px;
			float : left;
			padding : 0 0 0 5px;
		}	
		#contenu .entreprise h5 {
			width : 110px;
			float : left;
		}
		#contenu .entreprise p {
			clear : both;
			display: block;
			padding : 0 0 6px 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 : #8f1a7c;}
		
		#contenu.orangepale .couleurcourante {color : #ff9c00;}
		#contenu.rouge .couleurcourante {color : #FF6300;}
		#contenu.bleuclair .couleurcourante {color : #BACFEC;}					
		#contenu.vert .couleurcourante {color : #A5D585;}
		#contenu.beige .couleurcourante {color : #89773C;}
		#contenu.violet .couleurcourante {color : #8f1a7c;}
		#contenu.jaune .couleurcourante {color : #ff9c00;}
				
				
		#contenu .evenement p {	
			text-align: justify;
			margin : 1em 5em 0 5em;
			padding : 0;
			
		}		
		#contenu .evenement p img {	
			padding:2px;
			border:1px solid #BACFEC;
			float:left;
			margin:0px 5px 5px 0px;	
		}		

#contenu .evenement h3 {
			color:#616161;
			font-size: 1.1em;
			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: #fff;
		}	
				
		#contenu .evenement .formAction	{
			text-align: center;
			margin : 0;
			padding : 1em 0 .5em 0;
		}
		#contenu .motcle {
			font-size : 1.1em;
			font-weight : bold;
			color : red;
		}

		#contenu .message {
			color:#000;
			font-weight: bold;
			font-size: 1.1em;
			background-color: #fbfbfb;
			border : 1px solid #616161;
			text-align: center;
			margin : 10px;
			padding : 10px;
			
		}
/* menu droite - modules */		
	#menudroite {
		position : absolute;
		top : 170px;
		width:140px;
		margin : 0 0 0 609px;	
		padding : 0;
	}
		#menudroite h2 {display: none;}
		#menudroite .module {
			border : 1px solid #9c9c9c;
			background-color: #f3f3f3;
			padding:0;
			margin:1em 0 1em 0;
		}
		#menudroite h3 {
			font-size: 1.1em;
			color: #fff;
			padding: .1em;
			margin: 0;
		}	
		#menudroite.orangepale .module h3 {background-color: #ff9c00;}
		#menudroite.rouge .module h3 {background-color: #FF6300;}
		#menudroite.bleuclair .module h3 {background-color: #BACFEC;}
		#menudroite.vert .module h3 {background-color: #A5D585;}
		#menudroite.beige .module h3 {background-color: #89773C;}
		#menudroite.violet .module h3 {background-color: #8f1a7c;}
		#menudroite.jaune .module h3 {background-color: #FFCC00;}
		
		
		#menudroite .module dl {
			margin : 0;
			padding: 3px;
		}
		#menudroite .module dt {
			font-weight: bold;
			color : #686868;
		}	
		#menudroite .module dd {
			color : #686868;
			margin : 0;
			padding:0;
			
		}		
				
		#menudroite .module p {
			color : #686868;
			margin : 3px;
			padding:0;
		}

		#menudroite .module ul {
			margin:0;
			padding:3px;
		}
		#menudroite .module li {
			list-style-type: none;
			background-position: .1em .1em;
			background-repeat: no-repeat;
			padding : 0 0 0 17px;
			margin : 0;
		}

		/* modules de liens */
		
		#menudroite .liens li{
			color : #686868;
			background-image: none;
			margin : 3px 0;
			padding : 0 0 0 3px;	
		}
		
		
		#menudroite .module li.pdf {background-image: url(../images/typePDF.gif);padding : 0 0 0 19px;}
		#menudroite .module li.doc {background-image: url(../images/typeWord.gif);padding : 0 0 0 19px;}
		#menudroite .module li.xls {background-image: url(../images/typeExcel.gif);padding : 0 0 0 19px;}		
		#menudroite .module li.txt {background-image: url(../images/typeDocument.gif);padding : 0 0 0 19px;}	
		#menudroite .module li.img {background-image: url(../images/typeImg.gif);padding : 0 0 0 19px;}	
		#menudroite .module li.ppt {background-image: url(../images/typePPoint.gif);padding : 0 0 0 19px;}	
		#menudroite .module li.zip {background-image: url(../images/typeZip.gif);padding : 0 0 0 19px;}			
				
		#menudroite .module li.lettre2 {
			background-image: url(../images/lettre2.gif);
		}		
		
		#menudroite .module a {
			color : #686868;
			text-decoration: none;
		}
		#menudroite .module a:hover {
			text-decoration: underline;
		}		


		
		
		
/*  le menu gauche */				
	#menugauche {
		position : absolute;
		top : 137px;
		width:165px;
		height: 455px;
		background-image: url(../images/menugauche_separateur.gif);
		background-position: top right;
		background-repeat: no-repeat;
		padding : 0 8px 0 0;
	}
		#menugauche h2 {
			font-size: 1em;	
			background-color: #f3f3f3;
			background-image: url(../images/menugauche_fondh2.gif);
			background-repeat: no-repeat;
			background-position: bottom right;
			margin : 0 0 .3em 0;
			padding : 5px;
		}	
		
		#menugauche table {
			border-width: 0;
			width: 155px;
		}
		
		#menugauche .niveau3 { font-size: 1em; color : #8f1a7c;}
		
		#menugauche #courant {text-decoration: underline;}

		#menugauche.orangepale #courant {color: #ff9c00;}
		#menugauche.rouge #courant {color: #ff6300;}
		#menugauche.bleuclair #courant {color: #BACFEC;}
		#menugauche.vert #courant {color: #A5D585;}	
		#menugauche.beige #courant {color: #89773C;}
		#menugauche.violet #courant {color: #8f1a7c;}
		#menugauche.jaune #courant {color: #FFCC00;}
			

		#menugauche td {
			font-weight: bold;
			list-style-type: none;
			background-position: top left;
			background-repeat: no-repeat;
			padding : .2em 0 .3em 20px;
			margin : 0 8px 0 3px;
			border: 1px solid #fff;
		}
		
		#menugauche.orangepale td {background-image: url(../images/rondfleche_ora.gif);}
		#menugauche.rouge td {background-image: url(../images/rondfleche.gif);}
		#menugauche.bleuclair td {background-image: url(../images/rondfleche_bleuclair.gif);}
		#menugauche.vert td {background-image: url(../images/rondfleche_vert.gif);}
		#menugauche.beige td {background-image: url(../images/rondfleche_beige.gif);}
		#menugauche.violet td {background-image: url(../images/rondfleche_violet.gif);}
    		#menugauche.jaune td {background-image: url(../images/rondfleche_jaune.gif);}
    		
		#menugauche td.niveau4 {
			background-image: none;
			margin : -.1em .2em .2em 1.4em;
			padding : 0;			
		}
		
		#menugauche .niveau4 span {
			display: block;
			background-position: top left;
			background-repeat: no-repeat;
			padding : 0 0 0 11px;
			margin : 0 0 0 20px;
		}			
		#menugauche.orangepale .niveau4 span {background-image: url(../images/fleche_ora.gif);}			
		#menugauche.rouge .niveau4 span {background-image: url(../images/fleche.gif);}	
		#menugauche.bleuclair .niveau4 span {background-image: url(../images/fleche_bleuclair.gif);}	
		#menugauche.vert .niveau4 span {background-image: url(../images/fleche_vert.gif);}	
		#menugauche.beige .niveau4 span {background-image: url(../images/fleche_beige.gif);}	
		#menugauche.violet .niveau4 span {background-image: url(../images/fleche_violet.gif);}	
		#menugauche.jaune .niveau4 span {background-image: url(../images/jaune_violet.gif);}	

		#menugauche td a {
			text-decoration: none;
		}
		#menugauche td a:hover {
			text-decoration: underline;
		}		

		#menugauche.orangepale td a, #menugauche.orangepale td a:hover, #menugauche.orangepale h2 {color :#ff9c00;}
		#menugauche.rouge td a, #menugauche.rouge td a:hover, #menugauche.rouge h2 {color :#ff6300;}
		#menugauche.bleuclair td a, #menugauche.bleuclair td a:hover, #menugauche.bleuclair h2 {color :#BACFEC;}
		#menugauche.vert td a, #menugauche.vert td a:hover, #menugauche.vert h2 {color :#A5D585;}
		#menugauche.beige td a, #menugauche.beige td a:hover, #menugauche.beige h2 {color :#89773C;}
		#menugauche.violet td a, #menugauche.violet td a:hover, #menugauche.violet h2 {color :#8f1a7c;}
		#menugauche.jaune td a, #menugauche.jaune td a:hover, #menugauche.jaune h2 {color :#FFCC00;}
		
		
		#menugauche td.niveau4, #menugauche td.niveau4 a {
			color : #000000;
			font-weight: normal;
			text-decoration: none;
		}		
		#menugauche td.niveau4 span a:hover, #menugauche #courant.niveau4 {
				text-decoration: underline;
				color : #000000;
		}

		
		
		
/* menu haut : liste des niveaux 2 */ 
 	#menuhaut {
		position : absolute;
		top : 105px;
		width : 750px;
		height: 32px;	
		color : #fff;	
		background-position: bottom right;
		background-repeat: repeat-y;
 	}
	#fond {
		height : 32px;
	}
	
	#menuhaut.bleuclair #fond  {background-image : url(../images/menuhaut_fonddroit_bleuclair.gif);}
	#menuhaut.rouge	#fond {background-image: url(../images/menuhaut_fonddroit.gif);}
	#menuhaut.bleuclair #fond {background-image: url(../images/menuhaut_fonddroit_bleuclair.gif);}
	#menuhaut.orangepale #fond {background-image: url(../images/menuhaut_fonddroit_ora.gif);}
	#menuhaut.vert #fond	{background-image: url(../images/menuhaut_fonddroit_vert.gif);}
	#menuhaut.beige #fond {background-image: url(../images/menuhaut_fonddroit_beige.gif);}
	#menuhaut.violet #fond {background-image: url(../images/menuhaut_fonddroit_violet.gif);}
	#menuhaut.jaune #fond {background-image: url(../images/menuhaut_fonddroit_jaune.gif);}
	
	#menuhaut h2 {
		float : left;
		height : 25px;
		margin:0;
		padding:7px 5px 0 180px;
		font-size: 1.2em;	
		background-repeat: no-repeat;
		background-position: top left;	
		vertical-align: middle;	
	}
	
	#menuhaut.orangepale h2 {background-image: url(../images/menuhaut_gaucheFO_ora.jpg);}
	#menuhaut.rouge h2 {background-image: url(../images/menuhaut_gaucheFO_rouge.jpg);}
	#menuhaut.bleuclair h2 {background-image: url(../images/menuhaut_gaucheFO_bleuclair.jpg);}
	#menuhaut.vert h2 {background-image: url(../images/menuhaut_gaucheFO_vert.jpg);}
	#menuhaut.beige h2 {background-image: url(../images/menuhaut_gaucheFO_beige.jpg);}
	#menuhaut.violet h2 {background-image: url(../images/menuhaut_gaucheFO_violet.jpg);}
	#menuhaut.jaune h2 {background-image: url(../images/menuhaut_gaucheFO_jaune.jpg);}
	
	#menuhaut form {
		margin:0;
		padding:0;
	}
    #menuhaut p {
        margin : 0;
        padding : 0;
    }
	#menuhaut label {display:none;}
	#menuhaut select, #menuhaut input {
	    /*margin:.5em .4em 0 .4em;*/
		 margin : 7px 5px 0 5px;
	    padding:0;
		border: 1px solid #9c9c9c;
		color : #fff;
		font-weight: bold;
		font-size: 10px;
	}
	#menuhaut.orangepale input, #menuhaut.orangepale select {background-image: none; background-color: #ff9c00;}
	#menuhaut.rouge input, #menuhaut.rouge select {background-image: none; background-color: #ff6300;}
	#menuhaut.bleuclair input, #menuhaut.bleuclair select {background-image: none; background-color: #BACFEC;}
	#menuhaut.vert input, #menuhaut.vert select {background-image: none; background-color: #A5D585;}	
	#menuhaut.beige input, #menuhaut.beige select {background-image: none; background-color: #89773C;}
	#menuhaut.violet input, #menuhaut.violet select {background-image: none; background-color: #8f1a7c;}
	#menuhaut.jaune input, #menuhaut.jaune select {background-image: none; background-color: #FFCC00;}

	

/* menucategorie : les titres de niveau 1 */		
	#menucategorie {
		position : absolute;
		top : 80px;
		color : #000;
		padding : 0;
		width : 750px;
	}
	
	#menucategorie table {
		margin : 0 0 10px 0;
		padding : 0;
		border-width: 0;
		width: 740px;
	}
	#menucategorie td {
		margin : 0 auto;
		padding : 0 0 0 10px;
		border-width: 0;
		
	}	
	
	#menucategorie h2 {display: none;}
		
		#menucategorie a {
			
		
			display : block;
			height : 15px;

			padding : 0 0 0 15px;
			margin : 0 auto;
			color : #000;
			text-decoration: none;
			background-position: top left ;
			background-repeat: no-repeat;

			/* POUR IE 5 WIN */
        font-size: 10px;
        /* POUR LES AUTRES */
        voice-family:"\"}\"";
        voice-family:inherit;
        font-size: 10px;
    /* POUR CEUX QUI PARTAGE LE BUG IE5 SUR LE voice-family*/
    }html>body #menucategorie a {font-size: 10px;}			
	
	
		#menucategorie .bleuclair a {background-image: url(../images/menucategorie_bleuclair0.gif);}
		#menucategorie .bleuclair a:hover, #menucategorie .bleuclair .selected {background-image: url(../images/menucategorie_bleuclair1.gif);}	

		#menucategorie .vert a {background-image: url(../images/menucategorie_vert0.gif);}
		#menucategorie .vert a:hover, #menucategorie .vert .selected {background-image: url(../images/menucategorie_vert1.gif);}	

		#menucategorie .orangepale a {background-image: url(../images/menucategorie_orangepale0.gif);}
		#menucategorie .orangepale a:hover, #menucategorie .orangepale .selected {background-image: url(../images/menucategorie_orangepale1.gif);}	
				
		#menucategorie .beige a {background-image: url(../images/menucategorie_beige0.gif);}
		#menucategorie .beige a:hover, #menucategorie .beige .selected {background-image: url(../images/menucategorie_beige1.gif);}	
		
		#menucategorie .rouge a {background-image: url(../images/menucategorie_rouge0.gif);}
		#menucategorie .rouge a:hover, #menucategorie .rouge .selected {background-image: url(../images/menucategorie_rouge1.gif);}	
		
		#menucategorie .violet a {background-image: url(../images/menucategorie_violet0.gif);}
		#menucategorie .violet a:hover, #menucategorie .violet .selected {background-image: url(../images/menucategorie_violet1.gif);}	
				




	








/*********/
/* 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;
}


#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 {
	width : 936px;
	height: 22px;
	color : #3857c3;
}
#topmenu form {  }
#topmenu h2 { display: none; }
#topmenu ul { }
#topmenu li { 
	float:left;
	width : 24.5%;
	height : 21px;
	list-style-type : none;
}
#topmenu a {
	padding : 0px 20px 0px 0px;
	margin : 4px 0px 0px 20px;
	text-align: left;
	color : #3857c3;
	text-decoration: none;
	background-position: top right;
	background-repeat: no-repeat;
	font-size:11px;
}
#topmenu a.contact { background-image: url(../images/topmenu_enveloppe.gif); }
#topmenu a.plansite { background-image: url(../images/topmenu_plansite.gif); }
#topmenu a.planacces { background-image: url(../images/topmenu_planacces.gif); }
#topmenu p { padding:1px 4px; float:right; }
#topmenu  input.field {

	border : 1px solid #b7b7b7;
	background-color: #fff;
	color : #501f1f;
	padding:.1em;
	width: 180px;
	height : 14px;
	font-size : 12px;
	letter-spacing : .1em;
}
#topmenu input.formaction { 
	margin : 0 0 -.3em 2px;
}
	
*/




	#topmenu {
		position : absolute;
		top : 0;
		width : 750px;
		/*background-color: #fc0;*/
		background-color: #fff;		
		color : #3857c3;
		padding: 0;
		margin:0;	
		font-family: Verdana;
	}
		#topmenu h2 {display: none;}

    	#topmenu ul {
            margin : 0;
            padding : 0 0 0px 0;
    	}
    	#topmenu li {
            float : left;
            width : 24.5%;
            height : 21px;
            list-style-type : none;
            text-align : center;
		    	margin : 0;
		    	padding : 0;
    	}

		#topmenu a {
			display: block;
			margin : 4px 50px 0 0;
			padding : 0px 1.5em 0px 0;
			text-align: right;
			color : #3857c3;
			text-decoration: none;
			background-position: top right;
			background-repeat: no-repeat;
			font-size:11px;
		}
		#topmenu a.contact {background-image: url(../images/topmenu_enveloppe.gif);}
		#topmenu a.plansite {background-image: url(../images/topmenu_plansite.gif);}
		#topmenu a.planacces {background-image: url(../images/topmenu_planacces.gif);}
			
			
			#topmenu p {

				padding:1px 4px;
				margin:0;
			}
			#topmenu  input.field {
/*				border : 1px solid #686868;
				background-color: #fff;
				color : #686868;
				padding:.1em;
				width: 7em;
				height : 14px;
				font-size : 12px;
				letter-spacing : .1em;
*/
				
	border : 1px solid #b7b7b7;
	background-color: #fff;
	color : #501f1f;
	padding:.1em;
	width: 10em;
	height : 14px;
	font-size : 11px;
	letter-spacing : .1em;
				
			}
			#topmenu input.formaction {
				padding : 0;
				margin : 0 0 -.3em 0;
			}

			#topmenu label {
				display: block;
				float : left;
				width: 60px;
				margin : 3px 0 0 0;
			}
			
#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;*/
				color : #7b7b7b;
				font-size: .9em;
				font-weight: normal;
				padding : 0px 2px 2px 14px;
				margin : 0 10px;
				border:1px solid #7b7b7b;
			}
			.left {
				float: left;
				margin : 4px 0 0 50px;
			}


/***************/
/* 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 input, .formulaire .field textarea {
				color : #000000;
				font-family: Arial, Helvetica, sans-serif;
				font-weight: normal;
				font-size: 13px;
				float : left ;		
				margin : 2px 0 5px 0;
			}

			.formulaire .field select, optgroup {
				color : #000000;
				font-weight: normal;
				font-size: 11px;
				text-align: left;
			}		

			#contenu label {
				float: left;
				width: 25%;
				text-align: right;
				margin : 2px 5px 5px 0;
			}				
				
			/* 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.long {
				width : 50%;
			} 		
			
			.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 : 1px solid #CAC9DB;
				margin : 5px;
				padding : 0;
				width: 96%;		
			}
			table.reset {
				width: auto;
				border : 1px solid #ffffff;
			}
			table.reset td {
				border : 1px solid #ffffff;
			}
			table.reset td.bold {
				font-weight: bold;
				font-size: 1em;
			}
			th {
				background-color: #FF6300;
				color : #ffffff;
				text-align: center;
				margin : 0;
				padding : 2px;
			}
			
			.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: #8f1a7c;}
			
			td {
				border : 1px solid #CAC9DB;
				margin : 2px ;
				padding : 2px;
				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 5px;
				padding : 0 0 0 10px;
			}
			
			.derniertd form {
				margin: 0;
				padding:0;
			}

/* 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 : #8f1a7c;} 
#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 : #8f1a7c;}
#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;
	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 : #8f1a7c;}
#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;
}

#contenu .plandesite.vert li.niveau5 {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 .niveau6 {
	margin : 0 0 0 15px;
	list-style-type: square;
	list-style-position: outside;
	font-weight: normal;
}

#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 : #8f1a7c;}
#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 : #fff}
#contenu .plandesite li.niveau4 a {color : #000000;}
#contenu .plandesite li.niveau5 a {color : #000000;}


/* contact */
#contenu .contact {
	float: left;
	width:48%;
	margin : 0 1% 30px 0;
}

/* 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;
}