/* 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;
}
/* Ajout Janvier 2012 - Naviciel */
#m_titre_fond h1 {font-size:13px;font-weight:bold;color:#ffffff;font-family:Tahoma,Verdana;letter-spacing:0.1em;margin:50 0 0 0;text-align:center;}