/* CSS Document */

/*
orange :#F1AB00;
vert :#CBD200;
gris foncé :#626469;
gris très foncé :#3a3b3e;
gris clair : #848587;
gris tres clair :#B5B5B5;
*/

*{  
  margin:0px;  
  padding:0px;
}
body{
  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
 	font-size: 62.5%;
}
#conteneur{
  width:962px;
  margin:0px auto;
  padding:0px 5px;
  background: url(images/ombre.gif) repeat-y;
}
img{
  border:none;
}
.net{
  visibility:hidden;
  clear:both;
}
a:link, a:visited{
  color:#3a3b3e;
}
a:hover{
  text-decoration:none;
  color:#CBD200;
}
hr.vert{
  background-color:#CBD200;
  border:none;
}
h1{
  font-size:1.9em;
}
h2{
  display:block;
  font-size:1.4em;
  padding:5px 0px;
  /*background:url(images/ligneh2.gif) repeat-x bottom;*/
  border-bottom: 1px solid #CBD200;
}
h3{
  margin:0px 0px 20px 0px;
  font-size:1.2em;
}
h4{
  margin:5px 0px;
  font-size:1.1em;
  color:#3a3b3e;
}
/*titre vert*/
h5{
  margin:15px 0px 5px 0px;
  font-size:1.3em;
  color:#CBD200;
}
/*boutons radios*/
h6{
  font-size:1em;
  color:#626469;
  float:left;
  width:180px;
}

/* ----------------parti haute--------------------------- */
#haut{
  height:40px;
  text-align:center;
  background-color:#b5b5b5;
  margin-bottom:52px;
} 
  
#header{
  width:878px;
  margin-left:52px;  
}
/*different header*/
.acc{background:url(images/bandeau-acc.jpg) no-repeat right;}
.part{background:url(images/bandeau-part.jpg) no-repeat right;}
.util{background:url(images/bandeau-util.jpg) no-repeat right;}
.implant{background:url(images/bandeau-imp.jpg) no-repeat right;}
.offre{background:url(images/bandeau-offre.jpg) no-repeat right;}
.prest{background:url(images/bandeau-prest.jpg) no-repeat right;}

#menu{
	height: 15px;
	text-align: right;
	margin-top: -15px;
}
#menu img{
		margin-right: 35px;
}
#sousmenu{
   background:url(images/E2bas.gif) no-repeat;
   height:38px; 
}
  #sousmenu ul{
    padding-top:15px;
    padding-left:350px;

  }
  #sousmenu li{
    float:left;
    list-style:none;
    width:97px;
  }
  #sousmenu a{
    display:block;
    width:97px;
	height:23px;
    text-align:center;
    padding-top:4px;
    background:url(images/sousMenu.gif) no-repeat;
    color:#3a3b3e;
    font-size:0.9em;       
  }
  
  #sousmenu a:link, #sousmenu a:visited{
     text-decoration:none;
  }
  #sousmenu a:hover{
    height:23px;
    text-decoration:none;
    background:url(images/sousMenuOver.gif) no-repeat; 	   
  }
  .fondOver{
    width:97px;
    height:23px;
    text-align:center;
    padding-top:4px;
    background:url(images/sousMenuActif.gif) no-repeat;
    color:white;
    font-size:0.9em;
  }
  .fondGris{
    width:97px;
    height:23px;
    text-align:center;
    padding-top:4px;
    background:url(images/sousMenu.gif) no-repeat;
    color:#3a3b3e;
    font-size:0.9em;
  }
  .adminVert a{    
    background:url(images/sousMenuActif.gif) no-repeat;         
  }
/* ----------------partie central----------------------- */
/*gauche*/
#gauche{
  float:left;
  width:280px;
  background:url(images/fond-gauche.gif) no-repeat right top;
  height: auto;
  min-height: 400px;
  _height: 400px;
}
#gauche ul{margin-top:87px;}
#gauche li{list-style:none;}
#mention a{display:block;width:127px; height:20px;background:url(images/mention.gif) no-repeat;}
#anpe a{display:block;width:127px; height:20px;background:url(images/anpe.gif) no-repeat;}
#contact a{display:block;width:127px; height:20px;background:url(images/contact.gif) no-repeat;}
#mention a:hover{background:url(images/mentionOver.gif) no-repeat;}
#anpe a:hover{background:url(images/anpeOver.gif) no-repeat;}
#contact a:hover{background:url(images/contactOver.gif) no-repeat;}
/*Droite*/
#droite{
  float:left;
  background:url(images/fond-droite.gif) no-repeat right bottom;
  width:680px;
  height: auto;
  min-height: 400px;
  _height: 400px;
}
#contenu{
  padding:40px 31px 40px 70px;
  font-size:1.2em;
  color:#626469;
}
#contenu li{
  margin:3px 0px 0px 25px;
  list-style-image: url(images/puce.gif);
}
#contenu li.num{
	margin:3px 0px 0px 25px;
	list-style: decimal;
}

/* ----------------tableau des implantations----------------------- */

.zone th{
	background-color:#FFF;
	text-align:center;
	font-weight:normal;
	width:20%;
	color:black;
	background-color:#F1AB00;
}
.zone td{
	vertical-align:top;
	padding:3px;
}
.zone p{
	margin-bottom:10px;
}
.bordure-droite{
	border-right:1px solid #F1AB00;
}

/* ---------------footer------------------------------- */
#footer{
  height:16px;
  background:#cbd200;
  margin-right:2px;
  padding:2px 0px 0px 2px;
  color:#3a3b3e;
}
#footer a{
  text-decoration:none;
  color:#626469;
}
#footer a:hover{
  text-decoration:underline;
  color:#848587;
}
/* ---------------admin------------------------------- */
  #sousmenu .retour a{
    background:url(images/retour.gif) no-repeat;
  }
  #sousmenu .retour a:hover{
    background:url(images/retourOver.gif) no-repeat;
  }

#mess{
  width:300px;
  margin:40px auto;
  border:2px solid #CBD200;
  padding:10px 20px 10px 20px;
  text-align:center;
  font-size:1.2em; 
}

#connect{
  width:300px;
  margin:40px auto;
  border:2px solid #CBD200;
  padding:0px 20px 20px 20px;
  text-align:center;
  font-size:1.2em; 
}
#connect .log{
  width:150px;
  border:1px solid #626469;
  margin-bottom:3px;
}
#gerer{
  font-size:1.2em;
  color:#626469;
}
.gerer form{
  height:30px;
  width:367px;
  background: url(images/fondGerer.gif) no-repeat;
  margin:10px 0px;
  padding:10px 10px 17px 10px;
}
.gerer label{
  display:block;
  width:100px;
  float:left;
}
.gerer select{
  width:150px; 
}
.gerer .stat{
  float:left; 
}
 
.gerer span{
  width:148px;
}
.gerer a.aAjout{
  display:block;
  margin:10px 0px 0px 3px;
  font-size:1.2em;
  float:left;
}
.gerer img{
  float:right;
  margin-right:15px;
}
.gerer a:hover{
  text-decoration:none;
  color:#626469;
}
.gerer .nOffre{
  width:150px;
  border:1px solid #CBD200;
  margin-top:3px;
  margin-left:5px;
}
.gerer .nOffreStat{
  width:150px;
  border:1px solid #CBD200;
  margin-top:3px;
}
.actionAffich{
  background:url(images/afficher.gif) no-repeat;
  width:52px;
  height:38px;
  text-align:center;
  border:none;
  margin-left:50px;
  margin-top:-15px;
}
.actionModif{
  background:url(images/modifier.gif) no-repeat;
  width:52px;
  height:38px;
  text-align:center;
  border:none;
  margin-left:50px;
  margin-top:-15px;
}
.actionSupp{
  background:url(images/supp.gif) no-repeat;
  width:52px;
  height:38px;
  text-align:center;
  border:none;
  margin-left:50px;
  margin-top:-15px;
}

/* statistiques*/
.statDate{
  width:70px;
}
#statCo{ 
  border:1px solid #CBD200;
}
#statCo td{ 
  border:1px solid #CBD200;
  padding:5px;
}
.top_stat{
  background-color:#3a3b3e;
  color:white;
  font-size:1.1em;
}
.bas_stat{
  background-color:#DFE0E5;
  font-size:1em;
}
.decal{
  margin-left:70px;
}
.actionStat{
  background:url(images/regarder.gif) no-repeat;
  width:52px;
  height:38px;
  text-align:center;
  border:none;
  margin-left:60px;
  margin-top:-15px;
}

#modifMdp label{
  display:block;
  float:left;
  width:100px;  
}
#modifMdp .mdpModif{
  width:200px;  
}
#modifMdp select{
  width:203px;  
}
/*page affichage*/


#ajout{
  font-size:1.1em;
  color:#3a3b3e;
}
#alerte{
  color:red;
}
#ajout .txt-gauche{
  width:40%;
  text-align:right;
  padding-right:5px;
}
.bord{
  border-bottom:1px grey solid;
}
.selects{
  width:140px;
}
.inputs2{
  width:100px;
}
.inputs3{
  width:146px;
}
.bloc-droit input{
  width:200px;
  border:1px solid #CBD200;
  padding:1px 4px;
}
.bloc-droit select{
  width:210px;
  border:1px solid #CBD200;
}
#ajout textarea{
  border:1px solid #CBD200;
  width:440px;
  height:70px;
}
.ligne{
  width:520px;
  background:#F1AB00;
  border:none;
  height:1px;
  margin-left:10px;
}
.black{
  color:black;
  font-size:1.1em;
}

/*----------------------------- Recherche -----------------------------*/

  /*page detail*/
  #affichage td{
    border-bottom:1px solid white;
    padding:10px 0px 10px 10px;
  }
  #affichage td.bordVert{
    border-bottom:1px solid #CBD200;
  }
  #affichage strong{
    color:#626469;
  }
  .alignRight{
    text-align:right;
  }
  .txtGrand{
    font-size:1.2em;
    font-weight: bold;
  }
/*page affichage*/
.affichageListe{
  font-size:1.2em;
  margin-bottom:8px;
  text-align:center;
}
.affichageListe td{
  padding:5px 1px;
   border-bottom:1px solid #CBD200;
}
.affichageListe strong{
  color:#626469;
}
.affichageListe a{
	color:#626469;
	text-decoration: none;
}

.affichageListe a:hover{
  color:#CBD200;
  text-decoration:underline;
}
.affichageListe form{
  display:inline;
}
#tab_top{
	color:white;
}
#tab_top a{
	color:white;
	text-decoration:underline;
}

#tab_top a:hover{
  color:white;
  text-decoration: none;  
}
#tab_top{
  background-color:#626469;
  border-color:white;
}
#tab_top td{
  border-right:1px solid white;
}

#tabVilles td{
  padding:8px 3px;
}

.actionModifB{
  background:url(images/modifierBlanc.gif) no-repeat;
  width:25px;
  height:25px;
  text-align:center;
  border:none;
  margin:0px;
}
.actionSuppB{
  background:url(images/suppBlanc.gif) no-repeat;
  width:25px;
  height:25px;
  text-align:center;
  border:none;
  margin:0px;
}
.actionRelationB{
  background:url(images/relBlanc.gif) no-repeat;
  width:25px;
  height:25px;
  text-align:center;
  border:none;
  margin:0px;
}
a:link.lienWhite, a:visited.lienWhite{
  color:white;
  text-decoration:none;
}
a:link.hover{
  color:white;
}
.actionRelationB1{
  background:url(images/relBlanc1.gif) no-repeat;
  width:25px;
  height:25px;
  text-align:center;
  border:none;
  margin:0px;
}
.actionRelationB2{
  background:url(images/relBlanc2.gif) no-repeat;
  width:25px;
  height:25px;
  text-align:center;
  border:none;
  margin:0px;
}
.case_rome input{
  width:40px;
  margin-right:25px;
}
#recherche .radios{
  margin:5px 3px 0px 15px;
}
.radiosLabel{
  display:block;
  float:left;
}

.bloc-droit .selectsRome{
  width:295px;
}
/*relations*/
#topRelation td{
  background-color:#626469;
  color:white;
}
#relations td{
  padding:5px 3px; 
  border-bottom:1px solid #CBD200;
  text-align: center; 
}
#relations #subRelation td{
  border-bottom:none;
}
#relations{
  margin-bottom:60px;
}
#ajouterR{
  margin-top:15px;
}
#ajouterR .txt-gauche{
  text-align: right;
  padding-right:10px;
}
#ajouterR td{
  padding:5px 0 5px 0;
}
.topRelations{
  width:573px;
  padding:7px 2px 7px 4px;
  margin:15px 0 0 0 ;
  border:1px solid #CBD200;
  color:white;
  background-color:#626469;
}
.listRelations{
  border:1px solid #CBD200;  
}
.listRelations td{
  padding:3px 3px; 
  border-bottom:1px solid #CBD200;
  text-align: center;
}
.listRelations td.mod{
  padding:3px 3px; 
  border-bottom:1px solid #CBD200;
  text-align: right;
}
.ligne1 td{
  background-color:#CBD200;
  color:black;
}
/*calendrier*/

.ds_box {
	background-color: #FFF;
	border: 1px solid #000;
	position: absolute;
	z-index: 32767;
}

.ds_tbl {
	background-color: #FFF;
}

.ds_head {
	background-color: #333;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
}

.ds_subhead {
	background-color: #CCC;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	width: 32px;
}

.ds_cell {
	background-color: #EEE;
	color: #000;
	font-size: 13px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	cursor: pointer;
}

.ds_cell:hover {
	background-color: #F3F3F3;
} /* This hover code won't work for IE */