@charset "UTF-8";
/* CSS Document */



/*////////////////////STYLES GENERAUX/////////////////////////////////////////*/

body {
font-size:12px; 
line-height:16px;
font-family:Verdana, Arial, Helvetica, sans-serif; 
}


#pied {
position: relative; 
margin:0 auto; 
top:400px;
background:url(pied.jpg) top center no-repeat; 
text-align: center; 
width:600px; 
height:50px; 
font-size:80%;
}


#pied3 {
position: relative; 
margin:0 auto; 
top:50px;
background:url(pied.jpg) top center no-repeat; 
text-align: center; 
width:600px; 
height:50px; 
font-size:80%;
}

#pied5 {
position: relative; 
margin:0 auto; 
top:90px;
background:url(pied.jpg) top center no-repeat; 
text-align: center; 
width:600px; 
height:50px; 
font-size:80%;
}


#pied2 {
/*position: relative; */
margin:0 auto; 
/*top:-780px;*/
background:url(pied.jpg) top center no-repeat; 
text-align: center; 
width:600px; 
height:50px; 
font-size:80%;
}

a {
color:#999999;
text-decoration: underline;
}

a:visited {
color:#999999;
text-decoration: underline;
}

 
a:hover{
text-decoration:none;
}


a:active {
text-decoration: underline;
}
 
 
 /* Listes */
ul, ol {
    margin: .75em 0 .75em 20px;
    padding: 0;
}

li {
list-style-position:inside;
text-indent: -10px;
}


/* Paragraphes */
p {
    margin: .5em 0; /* Marges plus faibles que par défaut. (7) */
}


/*////////////////////FONDS ET HEADER DE CHAQUE PAGE/////////////////////////////////////////*/

#conteneur0 { /*FOND VIERGE*/
	height:850px;
	width:955px;
	margin:0 auto;
	background-image: url(fond3.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}


#conteneur1 { /*ACCUEIL*/
height:650px; 
width:955px; 
background:url(fond4.jpg) top center no-repeat; 
margin:0 auto;
}


#conteneur2 {/*GESFI*/
	height:650px;
	width:955px;
	margin:0 auto;
	background-image: url(fondGF.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}



#conteneur3 {/*RH*/
height:650px; 
width:955px; 
background:url(fond4.jpg) top center no-repeat; 
margin:0 auto;
}




#conteneur4 {/*SI*/
	height:650px;
	width:955px;
	margin:0 auto;
	background-image: url(fondSI2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}




#conteneur5 {/*EQUIPE*/
height:650px; 
width:955px; 
background:url(fond8.jpg) top center no-repeat; 
margin:0 auto;
}




#conteneur6 {/*REFERENCES*/
height:670px; 
width:955px; 
background:url(fond9.jpg) top center no-repeat; 
margin:0 auto;
}



#conteneur7 {/*REFERENCES*/
height:650px; 
width:955px; 
background:url(fond9.jpg) top center no-repeat; 
margin:0 auto;
}
#conteneur8 {
	background-image: url(fondRH2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin: auto;
	height: 650px;
	width: 955px;
}




/*////////////////////LE BOUTON DE RETOUR A L'ACCUEIL/////////////////////////////////////////*/

#homehome {
position:relative; 
z-index:9;
top:210px;
left:620px;  
width:34px; 
height:60px; 
border:0px solid green; 
/*background:url(home_bleue.png) top center  no-repeat; */
text-transform:uppercase; 
color:white; 
font-size:65%;
text-align:center;
}


#home {
position:relative; 
z-index:9;
top:55px;
left:620px; 
width:34px; 
height:60px; 
border:0px solid green; 
background:url(home_bleue.png) top center  no-repeat;  
text-transform:uppercase; 
color:white; 
font-size:65%;
text-align:center;
}

#home a{
display:block; 
width : 34px; 
height: 60px; 
background: url(home_bleue.png) top center no-repeat; 
text-indent:-10000px;
}

#home a:hover {
background: url(home_grise.png) top center no-repeat; 
}

/*////////////////////LES BOUTONS DE LA NAVIGATION DIV + A/////////////////////////////////////////*/

#gesfi {
position:relative;
z-index:1; 
top:-10px;
left:280px; 
width:80px; 
height:120px; 
border:0px solid green;  
text-transform:uppercase; 
color:white; 
font-size:65%;text-align:center;
}

#gesfi a{
display:block; 
width : 80px; 
height: 120px; 
background: url(gestion_finances.png) no-repeat; 
background-position: top center;
text-indent:-10000px;
}

#gesfi a:hover {
background-position: bottom center; 
}

#gesfiactive {
position:relative;
z-index:1; 
top:-10px;
left:280px; 
width:80px; 
height:120px; 
border:0px solid green;  
text-transform:uppercase; 
color:white; 
font-size:65%;text-align:center;
background: url(gestion_finances.png) no-repeat; 
background-position: bottom center;
}

#rh {
position:relative;
z-index:1; 
top:-90px;
left:200px; 
width:80px; 
height:120px; 
border:0px solid green;  
text-transform:uppercase; 
color:white; 
font-size:65%;text-align:center;
}

#rh a {
display:block; 
width : 80px; 
height: 120px; 
background: url(rh.png) no-repeat; 
background-position: top center;
text-indent:-10000px;
}

#rh a:hover {
background-position: bottom center; 
}

#rhactive {
	position:relative;
	z-index:1;
	top:-90px;
	left:200px;
	width:80px;
	height:120px;
	border:0px solid green;
	text-transform:uppercase;
	color:white;
	font-size:65%;
	text-align:center;
	background-image: url(rh.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}



#si {
position:relative;
z-index:1; 
top:-150px;
left:130px;
width:80px; 
height:120px; 
border:0px solid green;  
text-transform:uppercase; 
color:white; 
font-size:65%;text-align:center;
}

#si a {
display:block; 
width : 80px; 
height: 120px; 
background: url(si.png) no-repeat; 
background-position: top center;
text-indent:-10000px;
}

#si a:hover {
background-position: bottom center; 
}

#siactive {
position:relative;
z-index:1; 
top:-150px;
left:130px;
width:80px; 
height:120px; 
border:0px solid green;  
text-transform:uppercase; 
color:white; 
font-size:65%;text-align:center;
background: url(si.png) no-repeat; 
background-position: bottom center;
}




#equipe {
position:relative;
z-index:1; 
top:-200px;
left:75px;
width:80px; 
height:120px; 
border:0px solid green;  
text-transform:uppercase; 
color:white; 
font-size:65%;text-align:center;
}

#equipe a {
display:block; 
width : 80px; 
height: 120px; 
background: url(equipe.png) no-repeat; 
background-position: top center;
text-indent:-10000px;
}

#equipe a:hover {
background-position: bottom center; 
}


#equipeactive {
position:relative;
z-index:1; 
top:-200px;
left:75px;
width:80px; 
height:120px; 
border:0px solid green;  
text-transform:uppercase; 
color:white; 
font-size:65%;text-align:center;
background: url(equipe.png) no-repeat; 
background-position: bottom center;
}


#references {
position:relative;
z-index:1; 
top:-240px;
left:35px;
width:80px; 
height:120px; 
border:0px solid green;  
text-transform:uppercase; 
color:white; 
font-size:65%;text-align:center;
}

#references a {
display:block; 
width : 80px; 
height: 120px; 
background: url(references.png) no-repeat; 
background-position: top center;
text-indent:-10000px;
}

#references a:hover {
background-position: bottom center; 
}


#referencesactive {
position:relative;
z-index:1; 
top:-240px;
left:35px;
width:80px; 
height:120px; 
border:0px solid green;  
text-transform:uppercase; 
color:white; 
font-size:65%;text-align:center;
background: url(references.png) no-repeat; 
background-position: bottom center;
}


#evenements {
	position:relative;
	z-index:1;
	top:-265px;
	left:25px;
	width:80px;
	height:120px;
	border:0px solid green;
	text-transform:uppercase;
	color:white;
	font-size:65%;
	text-align:center;
	background-image: url(evenements.png);
}

#evenements a {
display:block; 
width : 80px; 
height: 120px; 
background: url(evenements.png) no-repeat; 
background-position: top center;
text-indent:-10000px;
}

#evenements a:hover {
background-position: bottom center; 
}

#evenementsactive {
position:relative;
z-index:1; 
top:-265px;
left:25px; 
width:80px; 
height:120px; 
border:0px solid green;  
text-transform:uppercase; 
color:white; 
font-size:65%;text-align:center;
background: url(evenements.png) no-repeat; 
background-position: bottom center;
}


/*/////////////////////////////////HABILLAGE GLOBAL ///////////////////////////////////////////////////*/
.espace {
font-size:40%;
}

.supplement {
padding-left:165px;
text-align:left; 
color:#999999;
font-size:80%;
text-transform:none;
}


#soustitre1 {
position:relative; 
margin: auto; 
width:250px; 
top:-700px;
font-size:150%; 
color:#1B2764; 
text-align:center; 
text-transform:uppercase;
line-height:20px;
}


#soustitre1aa {
position:relative; 
margin: auto; 
width:420px; 
top:-700px;
font-size:130%; 
color:#1B2764; 
text-align:center; 
line-height:18px;
border:0px solid red;
text-transform:uppercase;
}

#soustitre1b {
position:relative; 
margin: auto; 
width:260px; 
top:-700px;
font-size:150%; 
color:#1B2764; 
text-align:center; 
text-transform:uppercase;
line-height:20px;
}

#bloc1 {
position:relative;
z-index:11; 
left:200px; 
top:-670px; 
width:590px; 
height:150px;
border:0px solid darkgreen; 
overflow:hidden;
text-align:center; 
color:#868889; 
font-size:120%;
line-height:16px;
}

#bloc1ref {
position:relative;
z-index:11; 
left:200px; 
top:-670px; 
width:590px; 
height:180px;
border:0px solid darkgreen; 
overflow:hidden;
text-align:center; 
color:#868889; 
font-size:120%;
line-height:16px;
}


#bloc1b {
position:relative;
z-index:11; 
left:200px; 
top:-640px; 
width:590px; 
height:180px;
border:0px solid darkgreen; 
overflow:hidden;
text-align:center; 
color:#868889; 
font-size:140%;
line-height:19px;
}

#bloc1c {
position:relative;
z-index:11; 
left:250px; 
top:-680px; 
width:455px; 

border:0px solid darkgreen; 
overflow:hidden;
text-align:center; 
color: #868889; 
font-size:135%;
line-height:18px;
}



#soustitre2 {
	position:relative;
	left:170px;
	width:550px;
	top:-670px;
	font-size:150%;
	color:#1B2764;
	text-align:left;
	text-transform:uppercase;
	line-height:20px;
 }
 
 
#soustitre3 {
position:relative;
left:170px; 
width:550px; 
top:-665px;
font-size:120%; 
color:#999999;
text-align:left; 
text-transform:none;
line-height:20px;
 }
 
#basgauche {
position:relative; 
z-index:10; 
top:-650px; 
left:170px;  
width:225px; 
border:0px solid yellow; 
color:#333333; 
font-size:90%; 
line-height:14px;
}

#basgaucheeq {
position:relative; 
z-index:10; 
top:-480px; 
left:240px;  
width:525px; 
border:0px solid yellow; 
color:#333333; 
font-size:90%; 
line-height:14px;
}



#basdroitegesfi {
position:relative; 
z-index:10; 
top:-900px; 
left:400px; 
margin-top:20px; 
width:225px; 
color:#333333; 
font-size:90%; 
line-height:14px; 
border:0px solid orange;
}

#basdroite {
position:relative; 
z-index:10; 
top:-940px; 
left:400px; 
margin-top:20px; 
width:225px; 
color:#333333; 
font-size:90%; 
line-height:14px; 
border:0px solid orange;
}


#basgaucheaz {
position:relative; 
z-index:10; 
top:-670px; 
left:170px;  
width:215px; 
border:0px solid yellow; 
color:#333333; 
font-size:90%; 
line-height:14px;
}


#basdroiteaz {
position:relative; 
z-index:10; 
top:-945px; 
left:400px; 
margin-top:20px; 
width:225px; 
color:#333333; 
font-size:90%; 
line-height:14px; 
border:0px solid orange;
}


#basgaucheref {
position:relative; 
z-index:10; 
top:-660px; 
left:170px; 
width:365px; 
border:0px solid yellow; 
color:#333333; 
font-size:90%; 
line-height:14px;
border:0px solid orange;
}

#basdroiteref {
position:relative; 
z-index:10; 
top:-980px; 
left:540px; 
padding-left:20px;
width:285px; 
height:315px;
color:#333333; 
background:url(fond_ref.jpg) top left no-repeat;
font-size:90%; 
line-height:14px; 
border:0px solid orange;
}

#basgaucheref li{
font-weight:bold;
margin-bottom:10px;
}


#basgaucheref li a{
color: #000000; 
font-weight:bold; 
font-size:90%; 
text-decoration:none;
}

#basgaucheref li a:hover{
color: #000000; 
font-weight:bold; 
font-size:90%; 
text-decoration:underline;
}



#basgaucheref li span{
color: #0071AD; 
font-weight:normal; 
font-size:90%; 
text-decoration:none;
}


#evene1 {
position:absolute; 
z-index:10; 
top:300px; 
margin-left:170px; 
margin-top:0px; 
width:600px;  
overflow:hidden;
text-align:right; 
color: #868889; 
font-size:120%;
line-height:24px;
border:0 px solid red;
}


#evene1aa {
position:absolute; 
z-index:10; 
top:200px; 
margin-left:270px;
margin-top:0px; 
width:420px;  
overflow:hidden; 
color: #000000; 
font-size:95%;
line-height:14px;
border:0px solid red;
text-align:justify;
}



#evene1 img {
float:right;
margin:5px;
}

#evene2 {
position:absolute; 
z-index:10; 
top:435px; 
margin-left:170px; 
margin-top:20px; 
width:595px; 
overflow:hidden;
text-align:right; 
color: #868889; 
font-size:140%;
line-height:18px;
border:0 px solid red;
}

#evene2 img {
float:left;
margin:5px;
}

/*/////////////////////////////////CALQUES CACHÉS DES REFERENCES ///////////////////////////////////////////////////*/


#detailref12 {
position:absolute;
z-index:12; 
border:0px solid red; 
margin-left:7px; 
margin-right:15px; 
margin-top:5px; 
visibility:visible;
}

#detailref13 {
position:absolute;
z-index:13; 
border:0px solid red; 
margin-left:7px; 
margin-right:10px; 
margin-top:5px; 
visibility:hidden;
}

#detailref14 {
position:absolute;
z-index:14; 
border:0px solid red; 
margin-left:7px; 
margin-right:10px; 
margin-top:5px; 
visibility:hidden;
}


#detailref15 {
position:absolute;
z-index:15; 
border:0px solid red; 
margin-left:7px; 
margin-right:10px; 
margin-top:5px; 
visibility:hidden;
}


#detailref16 {
position:absolute;
z-index:16; 
border:0px solid red; 
margin-left:7px; 
margin-right:10px; 
margin-top:5px; 
visibility:hidden;
}

#detailref17 {
position:absolute;
z-index:17; 
border:0px solid red; 
margin-left:7px; 
margin-right:10px; 
margin-top:5px; 
visibility:hidden;
}

#detailref18 {
position:absolute;
z-index:18; 
border:0px solid red; 
margin-left:7px; 
margin-right:10px; 
margin-top:5px; 
visibility:hidden;
}



#detailref19 {
position:absolute;
z-index:19; 
border:0px solid red; 
margin-left:7px; 
margin-right:10px; 
margin-top:5px; 
visibility:hidden;
}
a.pdf {
color:#0F7CD1;/*#094B7B*/ 
font-weight:bold; 
text-decoration:none;
}

a:hover.pdf { 
text-decoration:underline;
}

a.corps {
color:#000; 
font-weight:bold; 
text-decoration:underline;
}

a:hover.corps { 
text-decoration:none;
}

a.corps2 {
color:#000; 
font-weight:normal; 
text-decoration:underline;
font-size:90%;
}

a:hover.corps2 { 
text-decoration:none;
}