/* CSS Document */

body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.8em;
background-color:#638593;
color:#FFFFFF;
}

a{
color:#FFFFFF;
}
a:hover{
color:#942723;
}

img{
border:0;
}

cite{
display:block;
text-align:center;
}

/*-- ID --*/
#bloc{
width:53.2em;
margin:auto;
border:#FFFFFF 1px solid;
position:relative;
top:-0.5em;
/*background-color: #000000;*/
}

#titre{
background-image:url(../images/entete2.png);
background-repeat:no-repeat;
width:53em;
height:23.2em;
position:relative;
top:0em;
left:0em;
border:#FFFFFF 2px solid;
color:#FFFFFF;

}


#groupement{
display:block;
position:absolute;
top:0.1em;
left:10em;
font-size:1.2em;
}

#employeurs{
display:block;
position:absolute;
top:1.6em;
left:13.5em;
font-size:1.2em;

}
#inter{
display:block;
position:absolute;
top:3.5em;
left:1em;
font-size:1.2em;
}
#des{
display:block;
position:absolute;
top:7.8em;
left:12em;
}

#po{
display:block;
position:absolute;
top:8.2em;
left:12em;
font-size:1.1em;
}


#geia{
display:block;
position:absolute;
top:2.3em;
left:16.3em;
z-index:4;
font-size:1.5em;
}

#geia a{
text-decoration:none;
}

#tel{
display:block;
position:absolute;
top:8.3em;
left:5.5em;
z-index:4;
font-size:1.4em;
font-weight:bold;
}

#mail{
display:block;
position:absolute;
top:7em;
left:4em;
z-index:4;
font-size:1.4em
}

#mail a{
text-decoration:none;
}

#adresse{
display:block;
position:absolute;
top:16.9em;
left:20.5em;
z-index:4;
font-size:1.2em;

}

#ville{
display:block;
position:absolute;
top:16.9em;
left:34.5em;
z-index:4;
font-size:1.2em;
}



#menu{
float:left;
position:relative;
top:23.3em;
width:100%;
height:4em;
background-color: #942723;
text-align:right;
padding-top:1.5em;
font-weight:bold;
}

#menu li{
list-style:none;
display:inline;
border-left:1px solid #FFFFFF;
padding-right:0.5em;
padding-left:0.5em;
}

#menu a{
text-decoration:none;
color:#FFFFFF;
}

#menu a:hover{
color:#CCCCCC;
}



#aideNavigation{
position:absolute;
top:25em;
z-index:4;
font-size:0.9em;
}

#aideNavigation a{
text-decoration:none;
}
#aideNavigation a:hover{
color:#CCCCCC;
}

#aideNavigation li{
display:inline;
position:relative;
left:-3.8em;
padding:0em 0.5em 0em 0.5em;
border-right:1px solid #FFFFFF;
}

#ancre{
position:absolute;
top:16em;
left:0em;
width:1em;
height:1em;
/*background-color:#000000;*/
}


#mentions{
text-align:center;
font-size:0.9em;
color:#006666;
background-image:url(../images/pied.png);

height:8em;
position:relative;
top:-1em;
border:1px solid #FFFFFF;
margin-top:0.2em;
}

#mentions p{
position:relative;
top:7.3em;
color:#FFFFFF;

}


#pied{
text-align:center;
font-size:0.9em;
background-color:#638593;
padding:1em;
border-bottom:4px solid #FFFFFF;
}

#separation{
padding: 2em 0em 2em 0em;
border-top:1px dashed #FFFFFF;
border-bottom:1px dashed #FFFFFF;
}


/*-- CLASS --*/

.paragraphe{
position:relative;
top:2em;
width:100%;
left:0em;
padding-bottom:5em;
z-index:0;
}

.horsEcran{
position:relative;
top:-1000em;
}

.horsEcran2{
position:absolute;
top:-1000e;
}

.contenu1{
position:relative;
top:1em;
width:auto;
padding: 1em 1em 7em 35%;
background:#A5C197;
z-index:0;
color:#660000;
border:1px solid #FFFFFF;

}

.navigationRapide{
text-align:right;
color:#FFFFFF;
font-size:0.8em;
padding-top:2em;
}

.navigationRapide li{
display:inline;
padding:0.5em;
border-bottom:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
}

.navigationRapide a{
text-decoration:none;
}

.navigationRapide a:hover{
color:#942723;

}


.ariane{
color: #990000;
position:relative;
top:3.5em;
background-color: #FFFFFF;
padding:0.1em 0.1em 0.1em 5em;
margin-top:0.2em;
z-index:4;
}

.ariane a{
color: #990000;
}


.titre2{
float:left;
position:relative;
top:1em;
left:0em;

height:27em;
width:30%;

padding-top:3em;
z-index:3;
text-align: center;

border:2px solid #FFFFFF;
background-color: #942723;
color:#FFFFFF;

}

.titre3{
border-top:1px solid #FFFFFF;
/*border-bottom:1px dashed #FFFFFF;*/
}