/*
////////////////////
Body Navigation home
////////////////////
body {
font: 11px verdana, sans-serif;
background-image: url(../image/fond.jpg);
background-repeat: repeat-x; 
background-color: #CFCFCF;
text-align:center;
margin: 0;
padding: 0;
z-index:2;
AFA99B
}

background-image:url(../image/fond2.jpg);
background-image: url(../image/fond2.jpg);
///background-image: url(../image/fond.jpg);
*/
body
{
font: 11px verdana, sans-serif;

background-repeat: repeat-x; 
background-color: #fffff1;
margin: 0;
padding: 0;
z-index:2;
}

.frontoffice{
background-image: url(../image/fond.jpg);
background-repeat:repeat-x;

}

body#enplace div#home {
    position:absolute;
    top:5%;
    left:20%;
    width:749px;
    height:180px;5px;  background-color: #ffffff;
    font: 13px
}











/*
INDEX
*/

body#enplace div#homecontent {
    position:absolute;
    top:10px;
    left:0;
    width:750px;
    height:350px;
   	color:#ffffff;
  
}

body#enplace div#activitybottom {
    position:absolute;
    top:418px;
    left:0;
    width:750px;
    border-bottom:1px solid #d7d7d8;
    height:132px;
    background-color: #ffffff;  
}

body#enplace div#homeleftadmin {
    position:absolute;
    top:67px;
    left:0;
    width:750px;
    height:20px;
   	color:#000000;
    background: #ffffff;
}

body#enplace div#homerightadmin {
    position:absolute;
    top:87px;
    left:0px;
    width:750px;
    height:463px;
   	color:#000000;
    background: #ffffff;
}
/*
INDEX FIN
*/



/*
WHO 
*/
body#enplace div#homewho {
    position:absolute;
    top:10px;
    left:0;
    width:750px;
    height:350px;
   	background: #ffffff;
}

body#enplace div#homebottom {
    position:absolute;
    top:418px;
    left:0;
    width:750px;
    border-bottom:1px solid #d7d7d8;
    height:132px;
    background-color: #F7D5E1; 
    valign:"top"; 
}
/*
WHO FIN
*/

/*
//////////////
Menu deroulant
//////////////
*/
#menuDeroulant
{
 width: 750px;
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;
 position: absolute;
 top: 0;
 left: 0;
 
}

#menuDeroulant li
{
 float: left;
 width: 125px;
 margin: 0;
 padding: 0;
 border: 0;
}

#menuDeroulant .sousMenu
{
 display: none;
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;
}

#menuDeroulant .sousMenu li
{
 float: none;
 margin: 0;
 padding: 0;
 border: 0;
 width: 124px;
 border-top: 1px solid transparent;
 border-right: 1px solid transparent;
}

ul#menuDeroulant li a:link, #menuDeroulant li a:visited
{
display: block;
height: 1%;
color: #fff;
background: #b72e1c;
margin-right: 1px;
padding: 4px 8px;
text-decoration: none;
filter:alpha(opacity=80);
opacity: 0.80;
-moz-opacity:0.80;
z-index:3;
}
/*
ul#navigation-main li ul {
    position: absolute;
    width: 15em;
    left: -999em;
    height:265px;
    border-left:1px solid #d7d7d8;
    border-bottom:1px solid #d7d7d8;
    background-color:#FFF;
    filter:alpha(opacity=80);
    opacity: 0.80;
    -moz-opacity:0.80;
}
*/





#menuDeroulant li a:hover { background-color: #ffc989; }
#menuDeroulant li a:active { background-color: #000000; }


#menuDeroulant .sousMenu li a:link,
#menuDeroulant .sousMenu li a:visited
{
 display: block;
 color: #000;
 background:#fdb54f;
 margin: 0;
 border: 0;
 text-decoration: none;
}


#menuDeroulant .sousMenu li a:hover
{
color: #fff;
 background-image: none;
 background-color: #fdb54f;
}


#menuDeroulant li:hover > .sousMenu { display: block; }
/*
//////////////////
Fin Menu deroulant
//////////////////
*/


/*
////////////
Debut footer
////////////
*/ 

body#enplace div#footer{
    clear:none;
    position:absolute;
    margin-left:10;
    margin-right:10px;
    padding-left:10px;
   
    
    border-right:1px solid #d7d7d8;
    border-bottom:1px solid #d7d7d8;
    border-top: 1px solid #d7d7d8;
    top:550px;
    
    left:0;
    width: 210px;
}

div#footer p {
   margin-top:12px;
   color:#6c6363;
}

div#footer p a {
	valign:middle;
    text-decoration:none;
    color:#2F6BB3;
}

div#footer p a:hover {
    text-decoration:underline;
}
/*
////////////
Fin footer
////////////
*/
















//////////////////////////////
body#enplace div#bottom{
    position:absolute;
    top:420px;
    left:150px;
    width:140px;
    height:15px;
   	background: #D6F2D9;
}
body#enplace div#bottomc{
    position:absolute;
    top:15px;
    left:32px;
    width:140px;
    height:15px;
   	background: #D6F2D9;
}

body#enplace div#bottomo{
    position:absolute;
    top:30px;
    left:100px;
    width:140px;
    height:15px;
   	background: #D6F2D9;
}




body#enplace div#navigation {
    position:absolute;
    top:0;
    left:0;
    width:750px;
    z-index:3;
} 






















































































/*


body#enplace div#homewho {
    position:absolute;
    top:10px;
    left:0;
    width:750px;
    height:350px;
   	background: #ffffff;
}
body#enplace div#homewhere {
    position:absolute;
    top:10px;
    left:0;
    width:750px;
    height:350px;
   	background: #ffffff;
}

body#enplace div#homecontact {
    position:absolute;
    top:67px;
    left:0;
    width:750px;
    height:483px;
   	background: #ffffff;
}

body#enplace div#champoffre {
    position:absolute;
    top:20px;
    left:15px;
    width:712px;
    height:20px;
   	background: #ffffff;
}
body#enplace div#champcandidat {
    position:absolute;
    top:60px;
    left:150px;
    width:600px;
    height:20px;
   	background: #ffffff;
}

body#enplace div#offre {
    position:absolute;
    top:50px;
    left:15px;
    width:712px;
    height:300px;
   	background: #ffffff;
}



body#enplace div#bottomo{
    position:absolute;
    top:30px;
    left:100px;
    width:140px;
    height:15px;
   	background: #D6F2D9;
}

body#enplace div#marketingcontent {
    position:absolute;
    top:67px;
    left:0;
    width:750px;
    height:350px;
   	color:#ffffff;
    background: #D6F2D9;
}
body#enplace div#abncontent {
    position:absolute;
    top:67px;
    left:0;
    width:750px;
    height:350px;
   	color:#ffffff;
    background: #FBDBE8;
}

body#enplace div#vpccontent {
    position:absolute;
    top:67px;
    left:0;
    width:750px;
    height:350px;
   	color:#ffffff;
    background: #D6F4FF;
}
body#enplace div#gestioncontent {
    position:absolute;
    top:67px;
    left:0;
    width:750px;
    height:350px;
   	color:#ffffff;
    background: #FFDCDF;
}
body#enplace div#bddcontent {
    position:absolute;
    top:67px;
    left:0;
    width:750px;
    height:350px;
   	color:#ffffff;
    background: #F1D9EF;
}
body#enplace div#doncontent {
    position:absolute;
    top:67px;
    left:0;
    width:750px;
    height:350px;
   	color:#ffffff;
    background: #DFEBFF;
}
body#enplace div#appelcontent {
    position:absolute;
    top:67px;
    left:0;
    width:750px;
    height:350px;
   	color:#ffffff;
    background: #EDFFE3;
}
body#enplace div#webcontent {
    position:absolute;
    top:67px;
    left:0;
    width:750px;
    height:350px;
   	color:#ffffff;
    background: #FFE9B9;
}

body#enplace div#lecteurcontent {
    position:absolute;
    top:67px;
    left:0;
    width:750px;
    height:350px;
   	color:#ffffff;
    background: #DBF9FB;
}





body#enplace div#adminform {
    position:absolute;
    top:40px;
    left:70px;
    width:600px;
    height:350px;
   	font: 11px verdana, sans-serif;
    color: #2F6BB3; 
    background: #ffffff;
}
body#enplace div#homemap {
    position:absolute;
    top:67px;
    left:0px;
    width:750px;
    height:483px;
   	color:#000000;
    background: #ffffff;
}
div#titremap {
    position:absolute;
    top:6px;
    left:65px;
    width:120px;
    height:443px;
   	color:#000000;
    background: #ffffff;
}
div#sitemap {
    position:absolute;
    top:10px;
    left:200px;
    width:300px;
    height:443px;
   	color:#000000;
    background: #ffffff;
}






























div.contact h2 {
    font-size:109%;
    text-transform:uppercase;
    margin-right:20px;
    margin-left:20px;
    color: #444444; 
}

div.contact {
    clear:left;
    float:left;
    width:300px;
    margin-top:10px;
    margin-right:20px;
    margin-left:20px;
    font-size: 8pt;
    color: #444444;  
}

div.titre_menu span {
    font-size:135%;
    text-transform:uppercase;
    align:center;
    color: #FFFFFF; 
}

div.admin_entete {
    clear:left;
    float:left;
    margin-top:5px;
    margin-right:7px;
    margin-left:7px;
    font: 11px verdana, sans-serif;
    color: #2F6BB3;  
}
div.offre, TABLE.offre {
	margin-left:25px;
    clear:left;
    float:left;
    font: 11px verdana, sans-serif;
    color: #2F6BB3;   
}

div.map {
    clear:left;
    float:left;
    margin-top:10px;
    margin-left:310px;
    font: 11px verdana, sans-serif;
    color: #2F6BB3;  
}
div.admin_menu {
    clear:left;
    float:right;
    margin-top:5px;
    margin-right:7px;
    font-size: 8pt;
    color: #444444;  
}
div.formulaire {
    clear:right;
    float:right;
    valign:bottom; 
    width:350px;
    font: 12px verdana, sans-serif;
    color:#000000;
    margin-right:20px;
    margin-left:20px;
    margin-top:10px;
}
.monformulaire {
    clear:left;
    float:left;
    valign:bottom;
    font: 12px verdana, sans-serif;
    color:#000000;
    margin-right:5px;
    margin-left:5px;
    margin-top:5px;
}

span.etoile{
font: 10px verdana, sans-serif;
color:#D44064;
}

A {
  color: #D24475;
  text-decoration: none;
}

A:hover {
  color: #6c6363;
  text-decoration: underline;
}

textarea {
border:1px solid black;
background-color:#E3DDCE;
font-family: 12px verdana;
color:#000000;
}

input {
border:1px solid black;
background-color:#E3DDCE;
font-family: 12px verdana;
color:#00000;
}
div.hometotale {
    font: 11px verdana, sans-serif;
    color:#D44064;
   	
}

div.hometotale h2 {
    font-size:109%;
    text-transform:uppercase;   
}



div.homeleft {
    clear:left;
    float:left;
    width:300px;
    font: 11px Verdana, Arial;
    color:#858586;
    margin-top:20px;
    margin-right:10px;
    margin-left:10px;
}


div.homeleft h2 {
    font-size:100%;
    text-transform:uppercase;
    margin-right:10px;
    margin-left:10px;
   color: #C50030;
}

div.homeright {
    clear:right;
    float:right;
    width:350px;
    font: 11px Verdana, Arial;
    color:#858586;
    margin-right:10px;
    margin-left:10px;
    margin-top:20px;
 
}


div.homeright h2 {
    font-size:109%;
    text-transform:uppercase;
    margin-right:10px;
    margin-left:10px;
	margin-top:20px;
}


div.orgaleft {
    clear:left;
    float:left;
    width:300px;
    font: 11px Verdana, Arial;
    color:#858586;
    margin-top:20px;
    margin-left:20px;
}


div.orgaright {
    clear:right;
    float:right;
    width:400px;
    font: 11px Verdana, Arial;
    color:#858586;
    margin-top:20px;
 
}

div.whereleft {
    clear:left;
    float:left;
    width:225px;
    margin-right:20px;
    margin-left:20px;
}


div.whereleft h2 {
    font-size:109%;
    text-transform:uppercase;
    margin-right:20px;
    margin-left:20px;
}

div.whereright {
    clear:right;
    float:right;
    width:425px;
    font: 14px verdana, sans-serif;
    color:#D44064;
    margin-right:20px;
    margin-left:20px;
 
}


div.whereright h2 {
    font-size:109%;
    text-transform:uppercase;
    margin-right:20px;
    margin-left:20px;
}






div.candileft {
    clear:left;
    float:left;
    width:200px;
    margin-top:90px;
    margin-right:10px;
    margin-left:5px;
    font: 11px verdana, sans-serif;
    color: #2F6BB3; 
}

div.candiright h2 {
    font-size:140%;
    margin-top:0px;
    margin-right:20px;
    margin-left:0px;
}



div.candiright {
    clear:right;
    float:left;
    width:520px;
   	margin-top:40px;
    margin-right:10px;
    font: 11px verdana, sans-serif;
    color: #2F6BB3; 
 
}

/*
////////////////////////
Fin Body Navigation home
////////////////////////
*/




/*
////////////
Menu Admin
////////////
*/
#menu {          
/** La couleur du background est definie a noire car on a choisi une image de fond foncée */
/*
	background: #D44064 url(g08/background.jpg) no-repeat;
	background: #FFFFFF url("../image/ciel.jpg") top left no-repeat;
*/


background: #FFFFFF url("../image/ciel2.jpg") top left no-repeat;                
/** on retire les puces **/
list-style: none;
                
/** on supprime le padding et les margin par defaut, on rajoute un padding en haut et en bas **/
padding: 5px 0px 5px 0px;
margin: 0px;
width: 450px;
}
             
#menu lu {
margin: 5px;
}
             
#menu lu a {
/** pour que le lien prenne toute la largeur **/
display: block;

font-size: 1em;
font-family: verdana;
font-weight: bold;
text-decoration: none;
/** par defaut, ecrit en noir sur fond blanc, les liens restent toujours visible */
color: #1C5BA6;
background: #fff;               
/* ces propriétés permettent l'effet de transparence sur la plupart des navigateurs
cependant, si un navigateur ne les prend pas en compte, ils n'auront aucun effet mais le menu restera lisible
*/
opacity: 0.5;
filter: alpha(opacity:50);
-khtml-opacity: 0.5;
-moz-opacity: 0.5;               
/* note: la valeur 0.7 peut être ajustée en fonction de l'image de fond
plus la valeur est faible, mois le texte est visible */
}
             
#menu li a:hover {
opacity: 0.7;
filter: alpha(opacity:70);
-khtml-opacity: 0.7;
-moz-opacity: 0.7;                   
/* sans image le background redevient noir, et le lien blanc, toujours lisible ! */
background: transparent;
color: #1C5BA6;
}
              
              
/* mentions et copyright */
div#mentions {
  font-family: verdana, arial, sans-serif;
  position: absolute;
  bottom : 200px;
  right : 10px;
  width: 400px;
  margin: 1em;
  padding: 0.5em;
  background: #FFF7D2;
  -moz-border-radius:10px;
  border-radius:10px;
  line-height: 1.1;
  font-size: 0.9em;
}
div#mentions a {
  text-decoration: none;
  color: #222;
}
div#mentions a:hover {
  text-decoration: underline;
  color: black;
}




.titre {  font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
text-align: left;
color: #2F6BB3
}

div#titremap {  font-family: Arial, Helvetica, sans-serif;
margin-left:20;
margin-top:40;
font-size: 16px;
font-weight: bold;
text-align: left;
color: #2F6BB3
}

.error {  font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #C50030
}
/*
///////////////
Fin Menu Admin
///////////////
*/
/////////////recup dipinfo/////////////
*/


.stitre {  font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
color: #C50030
}


.texte {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px}
.textej {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-align: justify}
.bloctexte {  font-family: Verdana; font-size: 11px; margin-right: 15px; margin-left: 20px; text-align: justify}
.chiffres {  font-family: Arial; font-size: 13px; color: #CC0033}
.titrerub {  font-family: Helvetica; font-size: 16px; font-weight: bold; color: #C50030}
*/