/* gris en fond */
html, body {
width: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:90px;
background-color:#239bd2;
}
/* haut du conteneur */
#haut {
width:974px;
height:87px;
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;
}
a:hover{
font-weight:bold;
}
/********** */
/* LE HAUT */
/***********/
#h_patch {
width:25px;
height:87px;
position:relative;
background-color:#239bd2;
}
#h_logo {
width:300px;
height:39px;
position:absolute;
left:30px;
top:22px;
}
#h_menu2 {
width:723px;
height:1em;
position:absolute;
left:248px;
top:50px;
z-index:5;
}
/************/
/*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:#239bd2;
}
#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_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;
}
.thumbnail{
padding: 15px 4px 47px 4px;
float: left;
height : 50px;
position : relative;
}
/***************************/
/*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:left;
margin:0 0 0 10px;
padding:0 0 0 10px;
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;
}
/* 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;
}
/*image blanche pour les actus */
.ecarteurimg{
height:50px;
float:left;
margin-right:105px;
display: block;
}
/* 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%;
}
.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 00px;
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;
}