html {
overflow-y: scroll;
overflow-y: -moz-scrollbars-vertical;
}

/* ---------  BODY   --------------------------------------------*/

body  {
    margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
    font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height:14px; color:#0B2A37;
}
body.zero{
    background-image:url(img/fond1.gif); background-repeat:repeat-x;
    background-color:#E2E8F0;
}
body.un{
    background-image:url(img/fond1.gif); background-repeat:repeat-x;
    background-color:#FFFFFF;
}
body.deux{
    background-image:url(img/fond2.gif); background-repeat:repeat-x;
    background-color:#FFFFFF;
}
body.pop{
    background-color:#E2E8F0;
}

/* ---------   S P A C E R S   --------------------------------------------*/
.spacer {
text-align: center;
clear: both;
}
.spacerL {
text-align: left;
clear: both;
}
.spacerJ {
text-align:justify;
clear: both;
}
.spacerR {
text-align: right;
clear: both;
}
#centrageGen {
text-align: center;
}

/* ---------   E N T E T E S   --------------------------------------------*/

.entete1 {
        width: 776px;
		background-image:url(img/cadre1-1.gif);
		background-repeat:no-repeat;
		margin-left: auto; margin-right: auto;
		}
.entete2 {
        width: 776px;
		background-image:url(img/cadre2-1.gif);
		background-repeat:no-repeat;
		margin-left: auto; margin-right: auto;
		}
.entete3 {
        width: 460px;
		background-image:url(img/cadre3-1.gif);
		background-repeat:no-repeat;
		margin-left: auto; margin-right: auto;
		}
.entete4 {
        width: 776px;
		background-image:url(img/cadre4-1.gif);
		background-repeat:no-repeat;
		margin-left: auto; margin-right: auto;
		}

/* ---------    B A R R E S   --------------------------------------------*/

.barre_photo1 {
        width: 760px; height:143px;
		background-image:url(img/barre-metiers.jpg);
		background-repeat:no-repeat;
		margin-left: auto; margin-right: auto;
		}
.barre_photo2 {
        width: 760px; height:83px;
		background-image:url(img/barre-metiers.jpg);
		background-repeat:no-repeat;
		background-position: 0px  -14px;
		margin-left: auto; margin-right: auto;
		}
.barre_couleur1 {
		width: 760px; height:45px;
		background-image:url(img/barre-couleurs.gif);
		background-repeat:no-repeat;
		margin-left: auto; margin-right: auto;
		}
.barre_couleur1b {
		width: 760px; height:55px;
		background-image:url(img/barre-couleursb.gif);
		background-repeat:no-repeat;
		margin-left: auto; margin-right: auto;
		}
.barre_couleur2 {
		width: 760px;
		background-image:url(img/barre-couleurs2.gif);
		background-repeat:repeat-y;
		margin-left: 8px; margin-right: auto;
		}
.barre_couleur3 {
		width: 760px; height:22px;
		margin-left: auto; margin-right: auto;
		text-align:left;
		}
.barre_couleur4 {
		width: 760px;
		background-image:url(img/barre-couleurs4.gif); background-repeat:no-repeat; background-position:bottom;
		margin-left: 8px; margin-right: auto;
		}
.barre_couleur5 {
		width: 760px;
		background-image:url(img/barre-couleurs4.gif); background-repeat:no-repeat; background-position:0px -85px;
		margin-left: 8px; margin-right: auto;
		}

/* ---------      C O R P S   E T   P I E D      --------------------------------------------*/

.corps1 {
        width: 776px;
		background-image:url(img/cadre1-2.gif);
		background-repeat:repeat-y;
		margin-left: auto; margin-right: auto;
		}
.corps2 {
        width: 776px;
		background-image:url(img/cadre2-2.gif);
		background-repeat:repeat-y;
		margin-left: auto; margin-right: auto;
		}
.corps3 {
        width: 460px;
		background-image:url(img/cadre3-2.gif);
		background-repeat:repeat-y;
		margin-left: auto; margin-right: auto;
		}
.corps4 {
        width: 776px;
		background-image:url(img/cadre4-2.gif);
		background-repeat:repeat-y;
		margin-left: auto; margin-right: auto;
		}
.pied1 {
        width: 760px;
		margin-left: auto; margin-right: auto;
		}

/* ---------      C O L O N N E S     --------------------------------------------*/

.col_gauche {
		float:left;
		width: 620px;
        height: auto;
		margin-left:0px; margin-right:0px;
		text-align:left;
      }
.col_gauche_1 {
		float:left;
		width: 440px;
		text-align:left;
      }
.col_gauche_2 {
		float:right;
		width: 180px;
		text-align:left;
      }
.col_gauche3 {
		float:left;
		width: 460px;
        height: auto;
		margin-left:0px; margin-right:0px;
		text-align:left;
      }
.col_gauche_4 {
		float:left;
		text-align:justify;
		background-color:#FFFFFF;
      }
.col_droite {
		float:left;
		width: 148px;
        margin-left:0px; margin-right:0px;
		text-align:left;
		/*border:solid 1px #000000;*/
      }

/* ---------      C O N T E N U S      --------------------------------------------*/


.contenu1 {
		margin:auto;
		padding:4px;
      }
.contenu2 {
		margin:auto;
		padding:14px;
      }
.contenu3 {
		position:relative;
		margin-left: 20px; margin-right: 20px;
      }
.contenu4 {
		margin:auto;
		padding:6px 4px 6px 12px;
      }
.contenu5 {
		position:relative;
		margin-left: 8px; margin-right: 0px;
		background-color:#4FBFFF;
      }
.contenuLeft1 {
		float:left;
		margin:auto;
		padding:3px 3px;
		text-align:left;
		 height:auto;
      }
.contenuLeft2 {
		float:left;
		margin:auto;
		padding:2px;
		text-align:left;
      }
.contenuRight1 {
		float:right;
		margin:auto;
		text-align:right;
		padding:2px;
      }
.contenu_recherche1 {
		position:relative;
		margin:40px auto auto auto;
		padding:4px;
        background-image:url(img/palais1.gif);
        background-repeat:no-repeat;
		height:44px;
	}
.contenu_recherche2 {
		position:relative;
		margin:auto;
		padding:4px;
        background-image:url(img/gelule4.gif);
        background-repeat:no-repeat;
		height:20px;
		text-align:center;
	}

.contenu_referentiel {
	background-color:white;
	text-align:center;
	margin:30px 0px;
	padding:5px 0px;
	font-weight:bold;
}
.contenu_referentiel A {
	color:#4a2b1a;
	font-size:140%;
}

.contenu_referentiel A:hover {
	text-decoration:underline;
}

.contenuCoords0 {
		border: 1px solid #C4D1E4;
		text-align:left;
		padding:3px;
	  }
.contenuCoords2 {
		border: 1px solid #4FBFFF;
		text-align:left;
		padding:3px;
	  }
.contenuCoords3 {
		border: 1px solid #A9D13F;
		text-align:left;
		padding:3px;
	  }
.contenuCoords4 {
		border: 1px solid #A08CE3;
		text-align:left;
		padding:3px;
	  }

/* ---------LES BOITES --------------------------------------------*/

.titre_ferme0 {
		float:left;
		width:578px;
		border:solid 1px #C4D1E4;
		margin:auto;
    }
.titre_ouvert0 {
		float:left;
		width:578px;
		border:solid 1px #C4D1E4;
		background-color:#C4D1E4;
		margin:auto;
    }

.titre_ferme1 {
		float:left;
		width:578px;
		border:solid 1px #FF9900;
		margin:auto;
    }
.titre_ouvert1 {
		float:left;
		width:578px;
		border:solid 1px #FF9900;
		background-color:#FF9900;
		margin:auto;
    }
.titre_ferme2 {
		float:left;
		width:578px;
		border:solid 1px #4FBFFF;
		margin:auto;
    }
.titre_ouvert2 {
		float:left;
		width:578px;
		border:solid 1px #4FBFFF;
		background-color:#4FBFFF;
		margin:auto;
    }
.titre_ferme3 {
		float:left;
		width:578px;
		border:solid 1px #A9D13F;
		margin:auto;
    }
.titre_ouvert3 {
		float:left;
		width:578px;
		border:solid 1px #A9D13F;
		background-color:#A9D13F;
		margin:auto;
    }
.titre_ferme4 {
		float:left;
		width:578px;
		border:solid 1px #A08CE3;
		margin:auto;
    }
.titre_ouvert4 {
		float:left;
		width:578px;
		border:solid 1px #A08CE3;
		background-color:#A08CE3;
		margin:auto;
    }
.boite {
		width:560px;
		background-color:#F2F5F9;
		padding:10px;
		/*padding:6px;*/
    }
.boiteG {
		width:400px;
		background-color:#F2F5F9;
		padding:2px;
		/*padding:6px;*/
    }

/* ---------------------------------    M E N U S   ------------------------------------*/

.menu1  {  position:absolute ; z-index:200; top: 266px; text-align:left; }
.menu2  {  position:absolute ; z-index:200; top: 174px; text-align:left; }


.menu3  {
	position:absolute;
	z-index:500;
	top: 184px;
	text-align:left;
	padding:20px;
	background-color:#FFFFFF;
	width:660px;
}
.menuF  {  padding:6px;background-color:#FFFFFF; }


.menuB1 {  padding:2px 6px 6px 6px;background-color:#FF9900 }

.menuB2 {  padding:2px 6px 6px 6px;background-color:#4FBFFF }

.menuB3 {  padding:2px 6px 6px 6px;background-color:#A9D13F }

.menuB4 {  padding:2px 6px 6px 6px;background-color:#A08CE3 }

.menuB5 {  padding:2px 6px 6px 6px;background-color:#B4C2D6 }

/* ---------------------------------    F L O A T   ------------------------------------*/

.leftL {
		float:left;
		text-align:left;
 		 }
.leftR {
		float:left;
		text-align:right;
      }
.rightL {
		float:right;
		text-align:left;
      }
.rightR {
		float:right;
		text-align:right;
      }
.leftListe1 {
		float:left;
		text-align:right;
 		width:130px;
 		padding:4px;
		 }
.leftListeColor {
		float:left;
		text-align:left;
 		padding:4px;
		background-color:#E2E8F0;
 		width:414px;
		}

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

.encadre1 {
		position:relative;
		width:170px;
		border:solid 1px #E2E8F0;
		margin:auto;
		/*padding:6px;*/
      }

.cartouche1 {
        width: 269px; height:26px;
		background-image:url(img/cartouche1.gif);
		background-repeat:no-repeat;
		margin-left: auto; margin-right: auto;
		}
.titre1 {
        width: 776px;
		margin-left: auto; margin-right: auto;
        text-align:left;
		}
.titre2 {
        width: 460px;
		margin-left: auto; margin-right: auto;
        text-align:left;
		}



hr { border-style:ridge}
p.special  {margin : 0;padding : 0;}


h1,h2,h3,h4,form { display : inline;  }

ul {margin:4px 16px; padding:0px;}
li {list-style:square;}

ul.modif1 {margin : 0;padding : 0;}
li.modif1  { display:inline; list-style:none;}


	.hiddenlayer {
	position:absolute;
	overflow:hidden;
    visibility:hidden;
	width:0}


.masquageShow {
		visibility:visible; display:block;
	}
.masquageHide {
		visibility:hidden; display:none;
	}