/* gris en fond  */
html, body {
	width:100%;
	height:100%;
	margin:0;
	background-color:#EDEDEE;
}
/*  zone de contenu avec fond blanc et centré horiz*/
#conteneur {
	width:980px;
	margin:0 auto 0 auto;
	background-color:#FFFFFF;
	position:relative;
}
/*  ligne bleu */
#ligne {
	width:100%;
	left:0;
	position:absolute;
	height:125px;
	top:125px;
	background-color:#006479;
}
/*  haut du conteneur */
#haut {
	width:974px;
	height:122px;
	left:3px;
	position:relative;
	z-index:3;
}
/*  milieu du conteneur */
#milieu {
	width:974px;
	height:125px;
	left:3px;
	margin-top:3px;
	position:relative;
	z-index:2;
}
/*  bas du conteneur */
#bas {
	width:974px;
	left:3px;
	margin-top:3px;
	position:relative;
	padding-top:47px;
	z-index:1;
}
/* pied du conteneur  */
#pied {
	width:974px;
	left:3px;
	position:relative;
	background-color:#006479;
	color:#FFFFFF;
	font-size:xx-small;
	font-family: Tahoma, Verdana;
	text-align:center;
	font-weight:normal;
	letter-spacing:0.07em;
	clear:both;
}
#pied a{
	color:#FFFFFF;
}
/****************/
/*ça concerne tout*/
/****************/
img{
	border:0;
}
a {
	text-decoration:none;
}
/********** */
/* LE HAUT  */
/***********/
#h_patch {
	width:25px;
	height:122px;
	position:relative;
	background-color:#006479;
}
#h_logo {
	width:175px;
	height:54px;
	position:absolute;
	left:50px;
	top:34px;
}
#h_menu {
	width:726px;
	position:absolute;
	left:248px;
	top:0px;
	z-index:6;
}
#h_menu2 {
	width:723px;
	height:1em;
	position:absolute;
	left:248px;
	top:100px;
	z-index:5;
}
	/***************************/
	/**** tout pour le menu ****/
	/***************************/
	
	#nav, #nav ul { /* toutes les listes */
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		list-style: none;
		line-height: 30px;
		z-index:5;
	}
	#nav a:link, #nav a:visited, #nav a:active  {
		display: block;
		width:240px;
		font-family: Tahoma, Verdana;
		font-size: small;
		text-align:left;
		color:#FFFFFF;
		text-decoration:none;
	}
	#form a:hover {
		display: block;
		width:240px;
		font-family: Tahoma, Verdana;
		font-size: small;
		text-align:left;
		text-decoration:none;
		color:#000000;
		background-color:#65CC33;
	}
	#acc a:hover {
		display: block;
		width:240px;
		font-family: Tahoma, Verdana;
		font-size: small;
		text-align:left;
		text-decoration:none;
		color:#000000;
		background-color:#D581BD;
	}
	#spo a:hover {
		display: block;
		width:240px;
		font-family: Tahoma, Verdana;
		font-size: small;
		text-align:left;
		text-decoration:none;
		color:#000000;
		background-color:#FFCB65;
	}
	#form{
		margin-right:3px;
	}
	#acc{
		margin-right:3px;
	}
	#nav li{ /* tous les items de liste */
		float: left;
		width: 240px; /* largeur obligatoire, sinon opera devient fou */
	}
	#form li{
		background-color:#48AD33;
	}
	#acc li{
		background-color:#A12073;
	}
	#spo li{
		background-color:#FFA519;
	}
	#nav ul{
		border-width:3px 3px 0px 3px;
		border-style:solid;
		border-color:#FFFFFF;
		border-color:transparent;
		margin-left:-3px;
	}
	#nav li ul { /* listes de deuxième niveau */
		position: absolute;
		width: 240px;
		left: -999em; /* on met left plutôt que display pour cacher les menus parce que display: none n'est pas lu par les lecteurs d'écran */
	}
	
	#nav li ul ul { /* listes de troisième niveau et plus */
		margin: -33px 0 0 240px;
	}
	
	#nav li:hover ul ul, #nav li.sfhover ul ul {
		left: -999em;
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* listes imbriquées sous les items de listes survolés */
		left: auto;
		color:#000000;
	}
	#nav li:hover, #nav li.sfhover {
		background: #65CC33;
}

/************/
/*LE MILIEU*/
/************/
#m_patch1 {
	width:25px;
	height:62px;
	position:absolute;
	left:0px;
	top:0px;
	background-color:#66cc33;
}
#m_patch2 {
	width:25px;
	height:25px;
	position:absolute;
	left:0px;
	top:65px;
	background-color:#990066;
}
#m_patch3 {
	width:25px;
	height:32px;
	position:absolute;
	left:0px;
	top:93px;
	background-color:#ff9900;
}
#m_titre_fond {
	width:217px;
	height:125px;
	position:absolute;
	left:28px;
	top:0px;
	background-color:#006479;
}
#m_diap {
	width:729px;
	height:125px;
	position:absolute;
	left:248px;
	top:0px;
}
/*********/
/*LE BAS*/
/*********/
#b_colonne_p {
	position:absolute;
	width:28px;
	left:0px;
	top:0px;
}
#b_patch1 {
	width:25px;
	height:25px;
	background-color:#006479;
}
#b_patch2 {
	width:25px;
	height:11px;
	background-color:#24bab2;
	margin-top:3px;
}
#b_patch3 {
	width:25px;
	height:19px;
	background-color:#d8246c;
	margin-top:3px;
}
#b_patch4 {
	width:25px;
	height:11px;
	background-color:#49c14f;
	margin-top:3px;
}
#b_patch5 {
	width:25px;
	height:44px;
	background-color:#4b93bf;
	margin-top:3px;
}
#b_contenu{
	width:824px;
	/*height:418px;*/
	position:static;
	margin:0px 75px 0px 75px;
}
#b_contenu_institut{
	width:824px;
	/*height:418px;*/
	position:static;
	margin:0px 75px 0px 75px;
	padding-top:28px;
}
#b_contenu_g{
	width:250px;
	float:left;
	position:static;
	padding:0px 0px 47px 0px;
	margin:0px 0px 0px 0px;
	border-width:0;
}
#b_contenu_d{
	width:499px;
	float:right;
	position:static;
	padding:0px 0px 47px 0px;
	margin:0px 0px 0px 0px;
	border-width:0;
}
#b_contenu_g1{
	width:499px;
	float:left;
	position:static;
	padding:0px 0px 47px 0px;
	margin:0px 0px 0px 0px;
	border-width:0;
}
#b_contenu_d1{
	width:250px;
	float:right;
	position:static;
	padding:0px 0px 47px 0px;
	margin:0px 0px 0px 0px;
	border-width:0;
}
#b_contenu_g2{
	width:374px;
	float:left;
	padding:0px;
	margin:0px;
	border-width:0;
	position:relative;
}
#b_contenu_d2{
	width:374px;
	float:right;
	padding:0px;
	margin:0px;
	border-width:0;
	position:relative;
}
#b_menu_institut {
	position:absolute;
	background-color:#006479;
	height:25px;
	width:918px;
	left:28px;
	top:0px;
}
#b_menu_institut_carre {
	position:absolute;
	background-color:#006479;
	height:25px;
	width:25px;
	left:949px;
	top:0px;
}
.b_contenu_texte_accueil_sport {
	position:relative;
	height:100px;
	width:824px;
	padding:0;
	margin:0;
}
.b_contenu_texte_accueil_sport p{
	padding-top:10px;
	text-align:center;
}

/***************************/
/*MISE EN FORME DU TEXTE*/
/***************************/
h1{/* LES TITRES DANS LA LIGNE BLEUE*/
	margin-top:50px;
	font-family: Tahoma, Verdana;
	text-align:center;
	font-size:large;
	font-weight:normal;
	letter-spacing:0.1em;
	color:#FFFFFF;
}
h2 {/* LES TITRES DE RUBRIQUE*/
	font-family: Tahoma, Verdana;
	font-size:small;
	letter-spacing:2px;
	padding-bottom:10px;
	border-bottom-width:3px;
	border-bottom-style:solid;
	margin:0 0 0 0;
}
p{
	font-family: Tahoma, Verdana;
	font-size:small;
	font-weight:normal;
	color:#000000;
	padding:0 0 0 0;
	margin:10px 0 0 0;
	text-align:justify;
}
.p a{
	text-decoration:none;
}

ul{
	font-family: Tahoma, Verdana;
	font-size:small;
	font-weight:normal;
	color:#000000;
	text-align:justify;
	margin:0 0 0 10px;
	padding:0 0 0 10px;
	list-style: none;
}
ul#offres{
	font-family: Tahoma, Verdana;
	font-size:small;
	font-weight:normal;
	color:#000000;
	text-align:justify;
	margin:0 0 0 20px;
	padding:0 0 0 20px;
	list-style: none;
}
#b_menu_institut p{
	color:white;
	text-align:center;
	font-weight:bold;
	margin:5px 0px 0px 0px;
}
#b_menu_institut p a{
	color:white;
	text-align:center;
	font-weight:bold;
	margin:5px 0px 0px 0px;
}
#b_contenu_d1 p a{
	color:black;
}
#b_contenu_d1 p a:hover{
	color:black;
	font-weight:bold;
}
#b_contenu_institut a:hover{
	font-weight:bold;
}
#b_contenu a:hover{
	font-weight:bold;
}
/* COULEURS DES h1 et h2*/
/*c1*/
.c_bleu{
	color:#006479;
}
.c_bleu_gras{
	color:#006479;
	font-weight:bold;
}
/*c2*/
.c_turq{
	color:#24bab2;
}
.c_turq_gras{
	color:#24bab2;
	font-weight:bold;
}
/*c3*/
.c_rose{
	color:#d8246c;
}
.c_rose_gras{
	color:#d8246c;
	font-weight:bold;
}
/*c4*/
.c_pomme{
	color:#49c14f;
}
.c_pomme_gras{
	color:#49c14f;
	font-weight:bold;
}
/*c5*/
.c_ciel{
	color:#4b93bf;
}
.c_ciel_gras{
	color:#4b93bf;
	font-weight:bold;
}
/*le orange du patch*/
.c_orange{
	color:#ff9900;
}
.c_orange_gras{
	color:#ff9900;
	font-weight:bold;
}
/*-------------------------*/

.c_violet{
	color:#990066;
}
.c_violet_gras{
	color:#990066;
	font-weight:bold;
}
/*texte centré*/
.centre{
	text-align:center;
}
/*textedroité*/
.droit{
	text-align:right;
}
/* postionnement des images flottantes, nottament pour l'actu en index*/
.img_gauche{
	float:left;
	margin-right:25px;
}
/*pour ecarter deux blocs */
.ecarteur{
	height:47px;
}
/*pour ecarter deux blocs avec une largeur définie */
.ecarteurFixe{
	height:47px;
	width:100%;
	overflow: auto;
}
/*image blanche pour les actus */
.ecarteurimg{
	height:50px;
	float:left;
	margin-right:105px;
	display: block;
	overflow: auto;
}
/* mise en forme du texte du menu 1*/
.menu_1 {
	font-family: Tahoma, Verdana;
	font-size: small;
	text-align:left;
	letter-spacing:0.1em;
	color:#FFFFFF;
}
/* mise en forme du texte du menu 2*/
.menu_2 {
	font-family: Tahoma, Verdana;
	font-size: x-small;
	text-align:right;
	letter-spacing:0.1em;
}
.menu_2 a{
	color:black;
}
/* Alignement à droite signature edito + date heure actu*/
.align_droit {
	text-align:right;
}
/*portes coulissantes (images page d'accueil)*/
a.img_react{
	float:left;
	margin-right:25px;
	display: block;
	width: 80px ;
	text-decoration: none ;
	background-repeat: no-repeat;
}
a:hover.img_react{
	float:left;
	margin-right:25px;
	display: block;
	width: 80px ;
	text-decoration: none ;
	background-repeat: no-repeat;
	background-position: -80px 0;
}
/*page d'actualités*/
.img_actu{
	float:left;
	margin-right:25px;
	margin-bottom:15px;
}
/*page accueil et residence et sports et loiris*/
.img_presentation{
	float:left;
	margin-right:25px;
}
/*un div pour centrer les images dans les actus*/
.img_actu_centre {
	width:824px;
	margin:0 auto 0 auto;
	position:relative;
	text-align:center;
}
/*texte tableau page formations sur h3 centre*/
.p_tablo_centre {
	font-family: Tahoma, Verdana;
	font-size:small;
	font-weight:normal;
	color:#000000;
	padding:0 0 0 0;
	margin:0 0 0 0;
	text-align:center;
}
.p_tablo_justify{
	font-family: Tahoma, Verdana;
	font-size:small;
	font-weight:normal;
	color:#000000;
	text-align:justify;
}
.p_tablo_justify a{
	color:#000000;
}
.p_tablo_justify a:hover{
	color:#000000;
	font-weight:bold;
}
/*-- Elements du formulaire --*/
#formul{
	width:820px;
	height:220px;	
}
#form_g{
	width:408px;
	float:left;
	position:static;
	border-width:0;
	line-height:160%;
	
}
#form_d{
	width:408px;
	float:right;
	position:static;
	border-width:0;
	line-height:160%;
}
#formChercheFormation{
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#formChercheFormation p {
	line-height:2em;
}
.boxerreur{
	background-color: #ff9900;
}
.msgerreur{
	color:red;
	font-weight:bold;
	text-align:center;
}
/*mise en forme de la gallerie*/
div#galerie
{
	width: 824px;
	height:120px;
	margin: 15px 0px 15px 0px;
	text-align:center ;
}
ul#galerie_mini
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style-type: none ;
}
ul#galerie_mini li 
{
	float: left ;
	margin:0px 0px 0px 75px;
	text-align:center;
}
/*dirigeants*/
.dirigeants{
	margin:0 0 0 20px;
	padding:0 0 0 20px;
	list-style-type: circle;
}
/*dirigeants*/
.liste{
	margin:0 0 0 20px;
	padding:0 0 0 20px;
	list-style-type: circle;
}
.liste_seche{
	padding-top:10px;
	list-style-type: circle;
}
#centre{
	text-align:center;
}
/*les styles pour l'affichage des offres*/
.offresDom{
	width:100%;
	padding:0px;
	margin:0;
	border-spacing: 0px; 
	border-collapse:collapse;
	text-align:center;
	font-family: Tahoma, Verdana;
	font-size:small;
	font-weight:normal;
	
}
.offresDom th{
	/*background:url(graph/offres/barre_deg_th.png) repeat-x;*/
	color:#fff;
	background-color:#4B93BF;
	height:3em;
}
.tabOffresDom1{
	background-color:#ECF4F9;
	height:3em;
}
.tabOffresDom1:hover{
	background-color:#FDFFEA;
	
}
.tabOffresDom2{
	background-color:#E2EEF5;
	height:3em;
}
.tabOffresDom2:hover{
	background-color:#FDFFEA;
}
.tabDetailOffre{
	width:100%;
	margin-top:10px;
	border-spacing: 0px; 
	border-collapse:collapse;
	font-family: Tahoma, Verdana;
	font-size:small;
	font-weight:normal;
}
.tabDetailOffreLib{
	text-align:right;
	vertical-align:top;
	margin:0.5em 0 0.5em 0;
	padding:0.5em 0 0.5em 0;
	font-weight:bold;
	width:35%;
	
}
.tabDetailOffreInfo{
	text-align:left;
	vertical-align:top;
	margin:0.5em 0 0.5em 2px;
	padding:0.5em 0 0.5em 2px;
}
/****************************************** POP UP ****************************/
#masque {
    position: fixed;
	margin:0;
    background-color: gray;
    z-index:50;
    height:100%;
    width:100%;
	top:0;
	left:0;
    display:none;
}
#popupG{
    position: absolute;
	margin:0;
    z-index:51;
    height:100%;
    width:100%;
	top:0;
	left:0;
    display:none;
}
#popupP{
	width:774px;
	margin:0 auto 0 auto;
	background-color:white;
	position:relative;
	top:325px;
	padding:25px;
}
form#callB label {
	float: left;
	width: 20%;	
	text-align: right;
	margin: 0;
	padding: 0 0.5em 0 0;
	line-height: 2em;
}
#pouce{
   display:none;
}
.txtArea{
	font-family: Tahoma, Verdana;
	font-size:small;
	font-weight:normal;
	color:black;
	text-align:justify;
}
/****************************************** POP UP FLASH ****************************/
#masqueFlash {
    position: fixed;
	margin:0;
    background-color: gray;
    z-index:50;
    height:100%;
    width:100%;
	top:0;
	left:0;
    display:none;
}
#popupFlash1{
    position: absolute;
	margin:0;
    z-index:51;
    height:100%;
    width:100%;
	top:0;
	left:0;
    display:none;
}
#popupFlash2{
	width:974px;
	margin:0 auto 0 auto;
	background-color:white;
	position:relative;
	top:0px;
	padding:1em 0 1em 0;
}
.ptitGrisCentre{
	text-align:center;
	font-family: Tahoma, Verdana;
	font-size:x-small;
	font-weight:normal;
	color:#AAAAAA;
}

/************************* espace candidat***************************/
.logEC {
	margin-top:20px;
}
.logEC fieldset{
	height:7em;
}
.logEC label{
	float: left;
	width: 35%;	
	text-align: right;
	margin: 0;
	padding: 0 0.5em 0 0;
	line-height: 2em;
}