/* ________________ BALISE GLOBALE________________ */

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
background-color: #8D2C1A;
background-image: url(../img/background.jpg);
background-repeat: no-repeat ;
background-position: top center;
}

img {
border:0px;
}

form{
margin-bottom:0px;
padding-bottom:0px;
}

hr {
  background-color: #4C4D4C;
  height: 1px;
  border: 0;
}
/* ________________ INTERFACE GENERALE ________________ */

#header {
height: 290px;
background-color: #FFFFFF;
}

#logo {
position: absolute;
z-index: 1;
}
#menuHaut {
position: absolute;
top: 0px;
left:390px;
}
#menuHaut img {
  margin-right:15px;
}
#arborescence {
position: absolute;
top: 269px;
height: 19px;
padding-left:10px;
width: 545px;
color: #ffffff;
background-color: #4C4D4C;
font-size: 11px;
font-weight: bold;
border-left: solid #FFFFFF 7px;
}
#arborescence a {
  text-decoration: none;
  color: #ffffff;
  font-size: 11px;
  font-weight: bold;
}
#arborescence a:hover {
  text-decoration: underline;
  color: #ffffff;
  font-size: 11px;
  font-weight: bold;
}

#newsletter {
position: absolute;
top: 266px;
height: 22px;
padding-left:600px;
width: 380px;
color: #ffffff;
background-color: #4C4D4C;
font-size: 12px;
font-weight: bold;
border-left: solid #FFFFFF 7px;
border-right: solid #FFFFFF 11px;
}
#newsletter input {
border: solid #832D25 1px;
font-size: 10px;
padding-left:2px;
margin-right: 5px;
margin-left: 5px;
}

#newsletter img {
vertical-align: bottom;
}
#conteneur {
position: relative;
width: 998px;
margin: 0 auto; 
height: 100%;
background-color:#FFFFFF;
border-left: solid #4C4D4C 0px;
border-right: solid #4C4D4C 0px;
z-index:0;
}
#bandeauHaut {
background-color:#FFFFFF;
height:180px;
position:relative;
z-index:0;
}

#bandeauHaut a {
padding: 0px 1px 0px 2px;
margin:0px;
}

#bandeauHaut a:hover {
padding: 0px 1px 0px 2px;
margin:0px;
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity: 0.5;
}

#droite {
width: 310px;
float:left;
}


#centre {
width: 688px;
float:left;
}

#droite2 {
width: 360px;
float:left;
}


#centre2 {
width: 638px;
float:left;
}

#corps{
padding-top: 15px;
margin-left: 0px;
position:absolute;
background-image: url(../img/backCentre.jpg);
background-position: bottom;
background-repeat: no-repeat ;
border-left: solid #4C4D4C 0px;
border-right: solid #4C4D4C 0px;
background-color: #FFFFFF;
}

#corps2{
padding-top: 15px;
margin-left: 0px;
position:absolute;
border-left: solid #4C4D4C 0px;
border-right: solid #4C4D4C 0px;
background-color: #FFFFFF;
}


#pied {
float:left;
width: 998px;
height:31px;
background-color: #4C4D4C;
background-image: url(../img/backPied.gif);
FONT-WEIGHT: bold; 
FONT-SIZE: 11px; 
color: #FFFFFF;
text-align: center;
padding-top: 10px;
margin: 0px;
}

#pied a {
	TEXT-DECORATION: none;
	color: #FFFFFF;
}

#pied a:hover {
	TEXT-DECORATION: underline;
}

/* ________________ FENETRE D'IDENTIFICATION ________________ */
#idClient{
  z-index: 1;
  position: absolute;
  top: 45px;
  left: 423px;
  width:280px;
  display: none;
  text-align: right;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: bold;
}

#loginHaut{
    background-image: url(../img/loginHaut.gif);
    width:280px;
    height:11px;
    background-position: bottom;
    background-repeat: no-repeat ;
    margin:0px;
}

#loginBas{
    background-image: url(../img/loginBas.gif);
    width:280px;
    height:11px;
    background-position: top;
    background-repeat: no-repeat ;
    margin:0px;
}

#loginCentre{
    margin:0px;
    padding:10px;
    padding-top: 20px;
    padding-bottom: 0px;
    background-image: url(../img/loginBack.gif);
    background-position: top;
    background-repeat: no-repeat ;
    background-color: #85ab00;
    width:260px;
}

#idPartenaire{
  z-index: 1;
  position: absolute;
  top: 45px;
  left: 588px;
  width:280px;
  display: none;
  text-align: right;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: bold;
}

#idClient input, #idPartenaire input,  #formNews input {
font-size: 10px;
padding-left:2px;
margin-left: 5px;
border: solid #4C4D4C 1px;
}

#idClient a, #idPartenaire a {
  color: #FFFFFF;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
}

#idClient a:hover, #idPartenaire a:hover {
  text-decoration: underline;
}

.idFermer {
position: absolute;
top: 7px;
left: 225px;
}

#mdpOublie {
  width: 200px;
  float: left;
  text-align: left;
  padding-left: 10px;
}

#valideLogin {
  width: 50px;
  float: left;
}

#divFormulaire {
    width: 650px;
    margin: 20px;
    margin-left: 50px;
    margin-top: 0px;
    FONT-WEIGHT: bold;
  	FONT-SIZE: 12px; 
    color: #4C4D4C;
}

#divFormulaire input, #divFormulaire select {
border: solid #4C4D4C 1px;
font-size: 10px;
padding-left:2px;
margin-right: 5px;
margin-left: 5px;
}

#societe {
    width: 625px;
    margin: 20px;
    margin-left: 25px;
    margin-top: 0px;
    FONT-WEIGHT: normal;
  	FONT-SIZE: 11px; 
    color: #4C4D4C;
    text-align: justify;
}

#mentions {
    width: 625px;
    margin: 20px;
    margin-left: 0px;
    margin-top: 0px;
    FONT-WEIGHT: normal;
  	FONT-SIZE: 11px; 
    color: #4C4D4C;
    text-align: justify;
}


#societe h2 {
    color: #8D2C1A;
}

#societe p {
  text-indent: 25px;
  padding-left:20px;
  padding-right:20px;
}

#mentions p {
  text-indent: 25px;
  padding-left:30px;
  padding-right:20px;
}

#mentions li {
  margin-left:45px;
  padding-right:20px;
}


#societe a, #mentions a, #devisResult a{
    color: #832D25;
    FONT-WEIGHT: bold;
	  FONT-SIZE: 11px; 
	  text-decoration: none;
	  padding-right:20px;
}

#societe a:hover, #mentions a:hover, #devisResult a:hover{
    color: #832D25;
    FONT-WEIGHT: bold;
	  FONT-SIZE: 11px; 
	  text-decoration: underline;
}

#devis {
  padding-left: 30px;
  padding-right: 10px;
  color: #832D25 ;
  font-size: 12px;
  font-weight: bold;
}

#devisResult {
  padding-left: 30px;
  padding-right: 10px;
  width: 620px;
  color: #4D4C4D ;
  text-align: justify;
  font-size: 12px;
}

#devis h2 {
  color:#4C4D4C;
  margin-bottom: 0px;
}

#devis INPUT, #devis SELECT, #devis textarea {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px; 
  color: #4C4D4C ;
	LINE-HEIGHT: 15px; 
	border: solid #4C4D4C 1px; 
	FONT-STYLE: normal;  
	TEXT-DECORATION: none
}

#devis a{
    color: #4C4D4C;
    FONT-WEIGHT: bold;
	  FONT-SIZE: 12px; 
	  text-decoration: none;
}

#devis a:hover{
    color: #832D25;
    FONT-WEIGHT: bold;
	  FONT-SIZE: 12px; 
	  text-decoration: underline;
}

#envoiAmi {
    color: #4C4D4C;
    FONT-WEIGHT: normal;
	  FONT-SIZE: 11px; 
	  text-align: left;
	  padding-left: 20px;
}

#envoiAmi input {
  FONT-SIZE: 11px; 
  color: #4C4D4C ;
	LINE-HEIGHT: 15px; 
	border: solid #4C4D4C 1px; 
}

#tabResultBien a {
    color: #4C4D4C;
    FONT-WEIGHT: normal;
	  FONT-SIZE: 11px; 
	  text-decoration: none;
}

#tabResultBien a:hover {
    color: #4C4D4C;
    FONT-WEIGHT: normal;
	  FONT-SIZE: 11px; 
	  text-decoration: underline;
}

/* ________________ GESTION DES CADRES ________________ */
.cadre{
position:relative;
width: 635px;
padding:10px;
background:transparent url(../img/backCadre.png);
margin-bottom:20px;
border-bottom: solid #8D2C1A 1px;
border-right: solid #8D2C1A 10px;
}


.cadreChasse{
position:relative;
width: 635px;
padding:5px;
background:transparent url(../img/backCadre.png);
margin-bottom:10px;
border-bottom: solid #4C4D4C 1px;
border-right: solid #4C4D4C 10px;
FONT-WEIGHT: bold;
FONT-SIZE: 12px; 
color: #4C4D4C;
}

.cadreDroitVert{
position:relative;
width: 287px;
margin: 0px;
background:transparent url(../img/backCadre.png);
margin-bottom:20px;
border-bottom: solid #85AB00 1px;
border-left: solid #85AB00 10px;
float:right;
}

.cadreDroitVert a{
    color: #85AB00;
    FONT-WEIGHT: bold;
	  FONT-SIZE: 12px;
	  text-decoration: none;
}

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

.cadreDroitRouge{
position:relative;
width: 287px;
margin: 0px;
background:transparent url(../img/backCadre.png);
margin-bottom:20px;
border-bottom: solid #8D2C1A 1px;
border-left: solid #8D2C1A 10px;
float:right;
}

.cadreDroitRouge a{
    color: #8D2C1A;
    FONT-WEIGHT: bold;
	  FONT-SIZE: 12px;
	  text-decoration: none;
}

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

.cadreDroitGris{
position:relative;
width: 287px;
margin: 0px;
background:transparent url(../img/backCadre.png);
margin-bottom:20px;
border-bottom: solid #4C4D4C 1px;
border-left: solid #4C4D4C 10px;
float:right;
}

.cadreDroitGris a{
    color: #4C4D4C;
    FONT-WEIGHT: bold;
	  FONT-SIZE: 12px;
	  text-decoration: none;
}

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

.cadreDroitGris INPUT, .cadreDroitGris SELECT, .cadreDroitGris textarea {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px; 
  color: #4C4D4C ;
	LINE-HEIGHT: 15px; 
	border: solid #4C4D4C 1px; 
	FONT-STYLE: normal;  
	TEXT-DECORATION: none
}

.cadreDroitGris FORM {
  margin-top: 10px;
  padding-left : 10px;
  FONT-WEIGHT: bold;
	FONT-SIZE: 11px; 
  color: #4C4D4C ;
}

.cadreDroitVert img, .cadreDroitGris img, .cadreDroitRouge img {
  border: 0px;
  vertical-align: bottom;
}

#listeSection {
  position:relative;
  margin: 0px;
  margin-bottom: 40px;
  width: 288px;
  float:right;
}

#listeSection a{
    width: 100%;
    color: #4C4D4C;
    FONT-WEIGHT: bold;
	  FONT-SIZE: 12px; 
	  text-decoration: none;
}

#listeSection a:hover{
    width: 100%;
    color: #832D25;
    FONT-WEIGHT: bold;
	  FONT-SIZE: 12px; 
	  text-decoration: underline;
}

/* ________________ ELEMENT DE TEXTE CLASSIQUE ________________ */
.boldRouge12 {
  FONT-WEIGHT: bold;
	FONT-SIZE: 12px; 
  color: #8D2C1A;
}

.boldRouge13 {
  FONT-WEIGHT: bold;
	FONT-SIZE: 13px; 
  color: #8D2C1A;
}


.boldRouge11 {
  FONT-WEIGHT: bold;
	FONT-SIZE: 11px; 
  color: #8D2C1A;
}

.boldRouge16 {
  FONT-WEIGHT: bold;
	FONT-SIZE: 16px; 
  color: #8D2C1A;
}

.boldRouge18 {
  FONT-WEIGHT: bold;
	FONT-SIZE: 18px; 
  color: #8D2C1A;
}

.titreRouge {
  FONT-WEIGHT: bold;
	FONT-SIZE: 18px; 
  color: #8D2C1A;
}

.boldGris12 {
  FONT-WEIGHT: bold;
	FONT-SIZE: 12px; 
  color: #4C4D4C;
}

.bold11 {
  FONT-WEIGHT: bold;
	FONT-SIZE: 11px; 
}

.boldGris16 {
  FONT-WEIGHT: bold;
	FONT-SIZE: 18px; 
  color: #4C4D4C;
}

.boldGris13U {
  FONT-WEIGHT: bold;
	FONT-SIZE: 13px; 
  color: #4C4D4C;
  text-decoration: underline;
}

.boldGris11 {
  FONT-WEIGHT: bold;
	FONT-SIZE: 11px; 
  color: #4C4D4C;
}

.boldGris10 {
  FONT-WEIGHT: bold;
	FONT-SIZE: 10px; 
  color: #4C4D4C;
}

.gris10 {
  FONT-WEIGHT: normal;
	FONT-SIZE: 10px; 
  color: #4C4D4C;
}

.gris11 {
  FONT-WEIGHT: normal;
	FONT-SIZE: 11px; 
  color: #4C4D4C;
}

.text11 {
  FONT-WEIGHT: normal;
	FONT-SIZE: 11px; 
}

/* ________________ ELEMENT SOUS FORME DE TABLEAU ________________ */
.enteteTabRouge{
    background-color:#8D2C1A;
    color: #FFFFFF;
    FONT-WEIGHT: bold;
	  FONT-SIZE: 12px; 
	  text-align: center;
}

.enteteTabRougeG{
    background-color:#8D2C1A;
    color: #FFFFFF;
    FONT-WEIGHT: bold;
	  FONT-SIZE: 12px; 
	  text-align: left;
	  padding-left: 10px;
}

.enteteTabGris{
    background-color:#4C4D4C;
    color: #FFFFFF;
    FONT-WEIGHT: bold;
	  FONT-SIZE: 12px; 
	  text-align: center;
}

.enteteTabGrisG{
    background-color:#4C4D4C;
    color: #FFFFFF;
    FONT-WEIGHT: bold;
	  FONT-SIZE: 12px; 
	  text-align: left;
	  padding-left: 10px;
}

.enteteTabVertG{
    background-color:#85AB00;
    color: #FFFFFF;
    FONT-WEIGHT: bold;
	  FONT-SIZE: 12px; 
	  text-align: left;
	  padding-left: 10px;
}

.cadreTiret{
    background-color:#e8e8e8;
    color: #4D4C4D;
    FONT-WEIGHT: bold;
	  FONT-SIZE: 12px; 
	  margin-left: 20px;
	  text-align: left;
	  padding-top: 5px;
	  padding-bottom: 5px;
	  padding-left: 10px;
	  border: dashed #4C4D4C 1px; 
}

.descRecrutement {
    margin-top: 5px;
    margin-left: 20px;
    border: dashed #4C4D4C 1px; 
    color: #4D4C4D;
    FONT-WEIGHT: normal;
	  FONT-SIZE: 11px; 
    padding-left: 10px;
    padding-right: 10px;
    text-align: justify;
}

.descRecrutement a{
    color: #4D4C4D;
    FONT-WEIGHT: bold;
	  FONT-SIZE: 11px; 
	  text-decoration: none;
}

.descRecrutement a:hover{
    color: #832D25;
    FONT-WEIGHT: bold;
	  FONT-SIZE: 11px; 
	  text-decoration: underline;
}

.enteteTabRouge select{
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px; 
  color: #4C4D4C ;
	LINE-HEIGHT: 15px; 
	border: solid #4C4D4C 1px; 
	FONT-STYLE: normal;  
	TEXT-DECORATION: none
}

.enteteTabRouge a{
    color: #FFFFFF;
    FONT-WEIGHT: bold;
	  FONT-SIZE: 12px; 
	  text-align: center;
	  text-decoration: none;
}

.enteteTabRouge a:hover{
    color: #FFFFFF;
    FONT-WEIGHT: bold;
	  FONT-SIZE: 12px; 
	  text-align: center;
	  text-decoration: underline;
}

.celluleGrise {
  background-color: #e8e8e8;
  text-align: justify;
  padding-left:15px;
  padding-right: 15px;
}

.tabPair {
  height: 40px;
  background-color: #FFFFFF;
}

.tabErreur {
  height: 40px;
  background-color: #eca69a;
}

.tabNeutre {
  height: 40px;
  background-color: #FFFFFF;
}

.tabImpair {
  height: 40px;
  background-color: #e8e8e8;
}

/* ________________ ELEMENT DE LA HOME PAGE ________________ */
#selectForm {
  FONT-WEIGHT: bold;
	FONT-SIZE: 12px; 
  color: #8D2C1A;
  margin-bottom: 20px;
}

#home_carte{
  width:200px;
  float:left;
  margin-top: 50px;
  text-align: center;
  FONT-WEIGHT: bold;
	FONT-SIZE: 11px; 
  color: #4C4D4C;
}
#home_carte2{
  width:200px;
  float:left;
  margin-top: 5px;
  text-align: center;
  FONT-WEIGHT: bold;
	FONT-SIZE: 11px; 
  color: #4C4D4C;
}
#home_limiteur{
  width:1px;
  background-color: #832D25;
  height:325px;
  float:left;
}

#home_limiteur2{
  width:1px;
  height:200px;
  background-color: #832D25;
  float:left;
}

#home_formSearch{
  padding-left:15px;
  float:left;
  FONT-WEIGHT: bold;
	FONT-SIZE: 12px; 
  color: #832D25 ;
}

#home_formSearch INPUT, #home_formSearch SELECT {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px; 
  color: #4C4D4C ;
	LINE-HEIGHT: 15px; 
	border: solid #4C4D4C 1px; 
	FONT-STYLE: normal;  
	TEXT-DECORATION: none;
}

#endCadre {
clear:both;
height:0px;
}

#descriptionMetier {
  padding:10px;
  padding-right: 20px;
  padding-top:0px;
  FONT-WEIGHT: normal;
	FONT-SIZE: 11px; 
  color: #4C4D4C;
  text-align:justify;
}

#descriptionMetier p {
  text-indent: 20px;
}

#descriptionMetier li {
 margin-left:5px;
 display : list-item;
 list-style-image : url(../img/puce.gif);
 list-style-position: outside;
} 

#descriptionMetier a{
    color: #832D25;
    FONT-WEIGHT: bold;
	  FONT-SIZE: 11px; 
	  text-decoration: none;
	  padding-right:20px;
}

#descriptionMetier a:hover{
    color: #832D25;
    FONT-WEIGHT: bold;
	  FONT-SIZE: 11px; 
	  text-decoration: underline;
}


.erreur {
  color: #FF0000;
}

.imgLot {
  margin: 5px;
}

.retrait {
  padding-left: 15px;
  text-align: left;
}

.navTexte {
  width: 630px;
  text-align: center;
  padding-top: 20px;
}

.ajaxResult {
    padding: 15px;
    margin-left: 30px;
    width: 500px;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: justify;
    border: dashed #4D4C4D 1px;
}

#planSite {
    width: 625px;
    margin: 20px;
    margin-left: 25px;
    margin-top: 0px;
    FONT-WEIGHT: normal;
  	FONT-SIZE: 11px; 
    color: #4C4D4C;
    text-align: justify;
}

#planSite h1 {
    color: #8D2C1A;
    text-indent: 25px;
    margin-bottom: -5px;
    font-size: 18px;
}

#planSite img {
    margin-top: 5px;
    margin-bottom: 5px;
}

#planSite a {
    color: #4D4C4D;
	  text-decoration: none;
	  padding-right:20px;
}

#planSite a:hover{
	  text-decoration: underline;
}

.cadrePlan{
    background-color:#e8e8e8;
    color: #4D4C4D;
    FONT-WEIGHT: bold;
	  FONT-SIZE: 12px; 
	  margin-left: 20px;
	  text-align: left;
	  padding-top: 5px;
	  padding-bottom: 5px;
	  padding-left: 10px;
	  border: dashed #4C4D4C 1px; 
}

.lienTab {
    color: #4D4C4D;
    text-decoration: none;
}