/*STYLE_index*/
.zoom a{/*changement de photo dans fichier joindre*/
width: 174px;
height: 135px;
background-image: url(image/facade_ecole.gif);
}
.zoom a:hover{
background-image: url(image/ecole_facade2.jpg);
}

.conteneur{
	width: 780px;
	height: 455px;
	margin-left: auto; /*CENTRER*/
	margin-right: auto;
	background-color: #ffcc66; /*FILET VERTICALE*/
}

body{
scrollbar-face-color: #FFA500;
scrollbar-track-color: #FFD700;
scrollbar-arrow-color: #8A2BE2;
scrollbar-shadow-color: #000080;
scrollbar-highlight-color: #FFFFF0;
scrollbar-3dlight-color: 000080;
scrollbar-darkshadow-color:000080;

	background-color: #ffcc66; /*couleur du filet verticale*/
	margin: 0px;
	padding: 0px;

}
.evenement{
	position: absolute;
	top: 370px; /*position du haut*/
	padding-left: 25px; /*avancement du texte*/
	/*background-color: #FFCA66;*/
	font-size: 23px;
	font-style: italic;
	font-weight: bold;
	left: 310px;
	width: 250px; /*largeur du bouton jaune*/
	text-decoration: none;
	color: #D22020;
	height: 25px; /*hauteur fond texte*/
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
/*
.evenement a{
	position: absolute;
	top: 370px; /*position du haut*
	padding-left: 25px; /*avancement du texte*
	background-color: #F0E68C;
	font-size: 23px;
	font-style: italic;
	font-weight: bold;
	left: 235px;
	width: 250px; /*largeur du bouton jaune*
	text-decoration: none;
	color: #d22020;
	height: 25px; /*hauteur fond texte*
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.evenement2 a{
	position: absolute;
	top: 370px; /*position du haut*
	padding-left: 25px; /*avancement du texte*
	background-color: #F0E68C;
	font-size: 23px;
	font-style: italic;
	font-weight: bold;
	left: 235px;
	width: 250px;
	text-decoration: none;
	color: #d22020;
	height: 25px; /*hauteur fond texte
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}*/
select{
	/*couleur des champ*/
	color: #0A0A0A;
	background-color: #FFF979;
	font-size: 15px;
}

.menug{
	 background-image: url(image/anneau.gif);
	 background-repeat: repeat-y;
	 background-color: #f89e53; /*ORANGE*/
    width: 195px; /*LARGEUR*/
	 height: 455px; /*HAUTEUR*/
	 float: left;/*POSITION GAUCHE*/
}
.menugoffre{
	 background-image: url(image/anneau.gif);
	 background-repeat: repeat-y;
	 background-color: #f89e53; /*ORANGE*/
    width: 195px; /*LARGEUR*/
	 height: 500px; /*HAUTEUR*/
	 float: left;/*POSITION GAUCHE*/
}
.menugplansite{
	 background-image: url(image/anneau.gif);
	 background-repeat: repeat-y;
	 background-color: #f89e53; /*ORANGE*/
    width: 195px; /*LARGEUR*/
	 height: 1700px; /*HAUTEUR*/
	 float: left;/*POSITION GAUCHE*/
}
.menuglien{
	 background-image: url(image/anneau.gif);
	 background-repeat: repeat-y;
	 background-color: #f89e53; /*ORANGE*/
    width: 195px; /*LARGEUR*/
	 height: 645px; /*HAUTEUR*/
	 float: left;/*POSITION GAUCHE*/
}
.menugtravaux{
	 background-image: url(image/anneau.gif);
	 background-repeat: repeat-y;
	 background-color: #f89e53; /*ORANGE*/
    width: 195px; /*LARGEUR*/
	 height: 1820px; /*HAUTEUR*/
	 float: left;/*POSITION GAUCHE*/
}
.menuginformation{
	 background-image: url(image/anneau.gif);
	 background-repeat: repeat-y;
	 background-color: #f89e53; /*ORANGE*/
    width: 195px; /*LARGEUR*/
	 height: 520px; /*HAUTEUR*/
	 float: left;/*POSITION GAUCHE*/
}

.logo{
	margin-left: 52px;/*CENTRER MENU GAUCHE*/
}
.logojustice{
	margin-left: 250px;
}
.contenu{
	 margin-top: 0px;
    margin-left: 195px;
    background-image: url(image/ecole_orange.jpg);
	 background-repeat: no-repeat;
	 height: 455px;
}
.contenuencadrement{
	 margin-top: 0px;
    margin-left: 195px;
    background-image: url(image/etoile_gif.gif);
	 background-color: #FFFCAC;
	 background-repeat: no-repeat;
	 height: 455px;
}
.contenujoindre{
	margin-left: 195px;
	background-image: url(image/fond-jaune-gif.gif);
/*	background-color: #FFFCAC;*/
	height: 455px;
}
.contenucalend{
	margin-left: 195px;
	background-image: url(image/fond-jaune-gif.gif);
	height: 550px;
}
.menucalend{
	 background-image: url(image/anneau.gif);
	 background-repeat: repeat-y;
	 background-color: #f89e53; /*ORANGE*/
    width: 195px; /*LARGEUR*/
	 height: 550px; /*HAUTEUR*/
	 float: left;/*POSITION GAUCHE*/
}

.contenuoffre{
	margin-left: 195px;
	background-image: url(image/fond-jaune-gif.gif);
	height: 500px;
}
.contenuplansite{
	margin-left: 195px;
	background-color: #FFFCAC;
	height: 1700px;
}
.contenuregle{
	background-color: #FFFCAC;
	height: 455px;
	margin-left: 195px;
	overflow: auto;
}
.contenugrille{
	margin-left: 195px;
	background-color: #FFFCAC;
	height: 455px;
}
.contenuservsoc{
	margin-left: 195px;
	background-color: #FFFCAC;
	height: 455px;
}
.contenulien{
	background-color: #FFFCAC;
	height: 645px;
	margin-left: 195px;
}
.contenumetier{
	background-color: #FFFCAC;
	height: 455px;
	margin-left: 195px;
}
.contenutravaux{
	background-color: #FFFCAC;
	height: 1820px;
	margin-left: 195px;
	
}
.contenurelais{
	background-image: url(image/logo_relais2.gif);
	margin-left: 195px;
	height: 455px;
}
.contenuinformation{
	background-color: #FFFCAC; 
	height: 520px;
	margin-left: 195px;
	font-size: 20px;
	font-weight: bold;
	color: #4B0082;
}
.contenuinformation2{
	background-image: url(image/drapeau_italie.jpg);
	height: 520px;
	margin-left: 195px;
	font-size: 14px;
	font-weight: bold;
	color: #4B0082;
}

.boutonrelais a{
	/*3 boutons du relais*/
	display: inline;
	text-decoration: none;
	color: #0A0A0A;
	font-family: "Courier New", Courier, monospace;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	background-color: #F89E53;
	border-bottom: solid;
	border-bottom-color: #f85452;
	margin: 3px; /*espace entre bouton*/
	padding: 2px; /*marge texte avec fond du bouton*/
	top:350px;
}
.boutonrelais a:hover{
	background-color: #f8f686; /*JAUNE*/
}

.bouton a/*:visited*/{
	/*7 boutons principaux*/
	text-decoration: none;
	width: 125px; /*longueur bouton*/
	color: #0A0A0A;
	font-family: "MS Serif", "New York", serif;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	padding: 1px; /*distance entre lettre haut/bas bouton*/
	margin-top: 7px; /*espace entre bouton*/
	border-right: outset;
	border-bottom: outset;
	border-left: outset;
	border-top: outset;
	background-color: #F85252;
	margin-left: 9px; /*position horizontale de droite*/
}
.bouton a:hover{
	/*background-color: #f8f686; /*JAUNE*/
	background-image: url(image/bouton.gif);
	
	
}
li{
	display: inline;
}
.sousmenu a{
	text-decoration: none;
	background-color: transparent; /*transparent*/
	padding-top: 2px; /*espace entre bouton*/
	color: #0A0A0A;
	margin-left: 1px;
	margin-top: 0px; /*contenu ne descend plus*/
	list-style-type: none;
	font-size: 18px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.sousmenu a:hover{
	background-color: #FFCF7D;
	margin-right: 200px;
	color: #F85452;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-decoration: none;
}

a{
	display: block;
}
.cellule11 a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #F85452;
	text-decoration: none;
}
.encadrement1 a{
	position:absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #F85452;
	text-decoration: none;
	left:650px;
	top: 85px;
}
.encadrement1 a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #0A0A0A;
 	position:absolute;
	text-decoration: none;
	left:650px;
	top: 85px;
}
.encadrement2 a{
	position:absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #F85452;
	text-decoration: none;
	left:449px;
	top: 49px;
}
.encadrement2 a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #0A0A0A;
	position:absolute;
	text-decoration: none;
	left:449px;
	top: 49px;
}
.encadrement3 a{
	position:absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #F85452;
	text-decoration: none;
	left:259px;
	top: 110px;
}
.encadrement3 a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #0A0A0A;
	position:absolute;
	text-decoration: none;
	left:259px;
	top: 110px;
}
.encadrement4 a{
	position:absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #F85452;
	text-decoration: none;
	left:205px;
	top: 250px;
}
.encadrement4 a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #0A0A0A;
	position:absolute;
	text-decoration: none;
	left:205px;
	top: 250px;
}
.encadrement7 a{
	position:absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #F85452;
	text-decoration: none;
	left:700px;
	top: 255px;
}
.encadrement7 a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #0A0A0A;
	position:absolute;
	text-decoration: none;
	left:700px;
	top: 255px;
}
.encadrement6 a{
	position:absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #F85452;
	text-decoration: none;
	left:590px;
	top: 380px;
}
.encadrement6 a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #0A0A0A;
	position:absolute;
	text-decoration: none;
	left:590px;
	top: 380px;
}
.encadrement5 a{
	position:absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #F85452;
	text-decoration: none;
	left:285px;
	top: 405px;
}
.encadrement5 a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #0A0A0A;
	position:absolute;
	text-decoration: none;
	left:285px;
	top: 405px;
}
.cellule11 a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #0A0A0A;
}

.cellule22 a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #F85452;
	text-decoration: none;
}
.cellule22 a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #0A0A0A;
}
.cellule33 a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #F85452;
	text-decoration: none;
}
.cellule33 a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #0A0A0A;
}
.cellule44 a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #F85452;
	text-decoration: none;
}
.cellule44 a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #0A0A0A;
}
.cellule66 a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #F85452;
	text-decoration: none;
}
.cellule66 a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #0A0A0A;
}
.cellule77 a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #F85452;
	text-decoration: none;
}
.cellule77 a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #0A0A0A;
}
.cellule88 a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #F85452;
	text-decoration: none;
}
.cellule88 a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #0A0A0A;
}

.historique{
	margin-left: 195px;
	background-color: #FFFCAC;
	padding-top: 5px;
	height: 450px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
.histo{
	text-align: center;
	color: #0A0A0A;
	font-style: italic;
	font-weight: bold;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
}
.situation{
	margin-left: 195px;
	background-image: url(image/itineraire_geer_1.gif);
	height: 455px;
	font-size: 12px;
}
.boutonimprimer{
	margin-top: 365px;
	margin-left: 185px;
	margin-right: 80px;
	background-color: #F89E53;
	border-style: outset;
	padding: 2px;
}
.plan{
	margin-left:195px;
	background-image: url(image/plan_geer.gif);
	height: 455px;
}
.adresse{
	margin-top: 285px;
	font-size: 20px;
	font-weight: bold;
	margin-left: 50px;
	color: #ff0000;
}
.titre{
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #ff0000;
	margin-left: 150px;
	text-decoration: underline;
}
.titreecole{
	position: absolute;
	top: 55px;/*du haut*/
	padding-left: 15px;/*avancement du texte*/
	background-color: #f89e53;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	border-right: outset;
	border-bottom: outset;
	border-left: outset;
	border-top: outset;
	left: 630px;
	width: 310px;
	height: 25px;
	font-family: Arial, Helvetica, sans-serif;
}
.titrejoindre{
	padding-top: 15px;
	font-family: Arial, Helvetica, sans-serif;
	color: #0A0A0A;
	text-align: center;
	font-size: 26px;
	text-decoration: underline;
	font-weight: bold;
}
.titreregle{
	font-weight: bold;
	font-size: 22px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}
.titreoffre{
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.titreencadrement{
	text-align: left;
	font-size: 20px;
	font-weight: bold;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
}
.titreservsoc{
	text-align: center;
	font-size: 22px;
	font-family: Arial, Helvetica, sans-serif;
}
.titremetier{
	font-size: 25px;
	text-align: center;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.titregrille{
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.titrelien{
	font-size: 18px;
	text-align: center;
}
.soustitreoffre{
	text-align: center;
	font-size: 22px;
	font-weight: bold;
}
.soustitreservsoc{
	font-size: 16px;
}
.soustitrejoindre{
	font-family: Arial, Helvetica, sans-serif;
	color: #0A0A0A;
	text-align: center;
	font-size: 22px;
	font-weight: bold;
}
.soustitreregle{
	font-family: Arial, Helvetica, sans-serif;
	color: #0A0A0A;
	text-align: left;
	font-size: 16px;
	font-weight: bold;
}
.soustitremetier{
	font-size: 18px;
}
.parajoindre{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
}
.pararegle{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.paraservsoc{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
.textemetier{
	font-size: 14px;
}
.plansite{
	font-size: 12px;
}
.lien{
	font-size: 14px;
}
.lien2{
	font-size: 22px;
	color: #FFFBA6;
}
.image{
	position: absolute;
	top: 120px;
	right: 25px;

	/*image de metier*/
	padding-left: 350px;
		/*float: right;*/
	/*width: 20%;*/
}
.table{
	margin-left: 12px;/*tableau offre de formation*/
}
.table1{
	margin-left: 52px;/*tableau joindre*/
	}
.table2{
	margin-left: 20px;/*tableau grille horaire metier*/
}
.table3{
	margin-left: 60px;/*tableau grille de formation*/
}
.table3{
	margin-left: 75px;/*tableau calendrier*/
}
.table4{
	margin-left: 10px;/*tableau calendrier*/
}
.entete{/*tableau offre de formation*/
	font-size: 18px;
	color: #0A0A0A;
	background-color: #ff4466;
}
.entetemetier{
	font-size: 18px;
	color: #0A0A0A;
	background-color: #FFFCAC;
}
.enteterepas{
	font-size: 12px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #0A0A0A;
	background-color: #FF7766;
}
.enteteensei{
	text-align: center;
	color: #0A0A0A;
	font-style: normal;
	font-weight: bold;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
}
.entetegrille{
	text-align: center;
	color: #0A0A0A;
	font-style: normal;
	font-weight: bold;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FF887B;
}
.entetegrilleadap{
	text-align: left;
	background-color: #FF887B;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #0A0A0A;
}
.enteteplan{
	text-align: left;
	background-color: #F8AE71;
	border-left-style: groove;
	width: 115px;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
}
.cellule{/*tableau offre de formation*/
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight: bold;
	background-color: #ff7766;
}
.cellulemetier1{/*grille menuisier*/
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight: bold;
	background-color: #ffcc66;
}
.cellulemetier2{/*grille mecanicien*/
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight: bold;
	background-color: #ff9966;
}
.cellulemetier3{
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight: bold;
	background-color: #ff7766;
}
.cellulemetier4{/*grille electricien*/
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight: bold;
	background-color: #ff4466;
}
.celluleensei{
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #ff9966;
}
.cellulerepas{
	color: #0A0A0A;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 13px;
	background-color: #FF7766;
	font-style: italic;
}
.cellulecal{
	color: #0A0A0A;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 13px;
	background-color: #FFFCAC;
	background-image: url(image/fond-jaune-gif.gif);
	font-style: italic;
}
.cellule0{
width: 9px;
	
}
.cellule11{
	background-image: url(image/ovale_orange2.gif);
	height: 70px;
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	width: 90px;
}
.cellule22{
	background-image: url(image/ovale_orange2.gif);
	height: 70px;
	background-repeat: no-repeat;
	width: 90px;
	background-position: center;
	text-align: center;
}
.cellule33{
	background-image: url(image/ovale_orange2.gif);
	height: 70px;
	background-repeat: no-repeat;
	width: 90px;
	text-align: center;
	background-position: center;
}
.cellule44{
	background-image: url(image/ovale_orange2.gif);
	height: 60px;
	background-repeat: no-repeat;
	width: 90px;
	background-position: center;
	text-align: center;
}
.cellule55{
	background-image: url(image/ovale_orange_centre.gif);
	background-position: center;
	background-repeat: no-repeat;
	height: 85px;
	text-align: center;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
}
.cellule66{
	background-image: url(image/ovale_orange2.gif);
	height: 60px;
	background-repeat: no-repeat;
	width: 90px;
	background-position: center;
	text-align: center;
	
	
}
.cellule77{
	background-image: url(image/ovale_orange2.gif);
	height: 70px;
	background-repeat: no-repeat;
	width: 90px;
	background-position: center;
	text-align: center;
}
.cellule88{
	background-image: url(image/ovale_orange2.gif);
	height: 70px;
	background-repeat: no-repeat;
	width: 90px;
	text-align: center;
	background-position: center;
}