* { margin: 0; padding: 0; }

a img { border: 0; }
.clearfix { clear: both; visibility: hidden; font-size: 0; height: 0;}

body
{
  font: 11px Arial, Helvetica, Sans-Serif;
  color: #000000;
}

.Size2 { font-size:12px; }

.site
{
  background: #6a4623;
}

p { margin-bottom: 10px; }

a { color: #B5A47F; text-decoration: underline; }
a:hover { text-decoration: none; }

#conteneur
{
  width: 750px;
  margin: 10px auto;
  position: relative;
  background:  url(../images/backgroundConteneur.gif) repeat-y;
  padding-left: 10px;
  padding-right: 10px;
}


#enteteImprimer
{  
  visibility: hidden;
  display: none;
}

#basImprimer
{  
  visibility: hidden;
  display: none;
}


/*Page d'accueil 2*/
body#accueil2{
background-color:#6a4623;
}
#pageAccueil{
width:800px;
margin:0 auto;
}
#enteteAcc{
height:128px;
}
#zoneGauche{
float:left;
width:457px;
}
#zoneDroite{
float:left;
height:297px;
width:343px;
background-image:url(../accueil/bg_txtDroit.jpg);
background-repeat:no-repeat;
}
#zoneDroite a{
text-decoration:none;
font-weight:bold;
}
#zoneDroite a:hover{
color:#e0cb9d;
}
#entrer{
position:absolute;
font-size:12px;
top:20em;
right:20em;
}
#enter{
position:absolute;
font-size:12px;
right:20em;
top:28em;
}

/* Entete et haut de page */
#entete
{
  position: relative;
  width: 772px;
  background: #6a4623;
  left: -10px;
  padding-bottom: 5px;
}

#entete #enteteLogo
{
  width: 197px;
  height: 57px;
  background: url(../images/logoEntete.gif) no-repeat;
  display: block;
  outline: none;
  text-indent: -5000px;
  margin-left: 20px;
}

#entete ul
{
  list-style: none;
  position: absolute;
  left: 490px;
  top: 40px;   
}

* html #entete ul { left: 475px; }

#entete ul li
{
  float: left;
  margin-left: 15px;
}

#entete ul li a, #basDePage a
{
  color: #b5a47f;
  text-decoration: none;
}

#entete ul li a:hover, #basDePage a:hover { text-decoration: underline; }

#contenuHaut
{
  width: 770px;
  height: 10px;
  line-height: 10px;
  font-size: 0;
  background: url(../images/contenuHaut.gif) no-repeat;
  position: relative;
  left: -10px;
}



/* Menu principal */
#menu
{
  list-style: none;
  height: 26px;
  width: 750px;
  border-bottom: 4px solid #b5a47f;
}

#menu li
{
  width: 150px;
  height: 26px;
  float: left;
  position: relative;
  background: url(../images/menu.gif) -150px 0px;
}

#menu li a
{
  width: 150px;
  height: 26px;
  text-align: center;
  display: block;
  text-transform: uppercase;
  font-weight: bold;
  color: #6a4623;
  text-decoration: none;
  line-height: 26px;
}

#menu li:hover, #menu li.over, #menu li.selectionne  { background-position: -150px -26px; }

* html #menu li#entreprise.over { background-position: 0px -26px; }

#menu li#entreprise  { background-position: 0px 0px; }
#menu li#entreprise:hover, #menu li#entreprise.selectionne { background-position: 0px -26px; }

* html #menu li#nousContacter.over { background-position: -300px -26px; }

#menu li#nousContacter  { background-position: -300px 0px; }
#menu li#nousContacter:hover, #menu li#nousContacter.selectionne  { background-position: -300px -26px; }

#menu li ul
{
  position: absolute;
  top: 26px;
  list-style: none;
  left: -5000px;
  border-top: 4px solid #b5a47f;
}

#menu li:hover ul, #menu li.over ul { left: auto }

#menu li ul li
{
  height: 20px;
  width: 150px;
  float: none;
  position: relative;
  background: #6a4623 none;
  line-height: 20px;
}

* html #menu li ul { border-bottom: 1px solid #fff; }

* html #menu li ul li a { border-bottom: 0; }

#menu li ul li a
{
  color: #fff;
  height: 20px;
  line-height: 20px;
  text-transform: none;
  font-weight: normal;
  text-align: left;
  padding-left: 10px;
  width: 139px;
  border: 1px solid #fff;;
}

#menu li ul li:hover, #menu li ul li.over { background: #b5a47f; }



/* Page d'accueil */
#accueilContenu
{
  width: 580px;
  height: 322px;
  color: #dfd4bc;
  float:left;
}

#accueilActualiteContenu
{
  width: 170px;
  height:262px;
  background: url(../accueil/background_accueilActualite.jpg) no-repeat;
  color: #dfd4bc;
  float:right;
  padding-top: 60px;
}

#accueilActualiteContenu ul
{
  list-style: none;
  margin: 0;
  padding: 0;
  width: 138px;
}

#accueilActualiteContenu ul li
{
  background: url(../accueil/bulletAccueil.gif) 0px 3px no-repeat;
  padding-left: 10px;
  padding-bottom: 10px;
}

#accueilActualiteContenu a
{
  color: #b5a47f;
  text-decoration: none;
}

#accueilActualiteContenu #archives
{
  display: block;
  width: 45px;
  height: 9px;
  background: url(../accueil/accueilArchives.jpg);
  text-indent: -5000px;
  outline: none;
  margin-left: 95px;
  line-height: 9px;
  font-size: 0;
}


/* Pour la page des rialisations */
#pageInterieure
{
  width: 750px;
  background: #fff url(../images/pageInterieureBackground.gif) repeat-y;
  padding-bottom: 20px;
}





/* Pour les sous-menus ` gauche */
#menuGauche
{
  list-style: none;
  padding-top: 30px;
  width: 166px;
  min-height: 209px;
}
#pageGauche
{
  padding-left: 10px;
  background: url(../images/gaucheBackground.jpg) no-repeat;
  float: left;
  
}

* html #menuGauche { height: 209px; }

#menuGauche li
{
 margin-bottom:5px;
}

#menuGauche li a 
{ 
  width: 145px;
  text-decoration: none; 
  background: url(../images/bulletMenu.gif) 0px 4px no-repeat;
  padding-left: 10px;
}
#menuGauche li a:hover 
{ 
  color: #fff; 
  background-image: url(../images/bulletMenuSelectionne.gif);
}

#menuGauche li.selectionne a { font-weight: bold; color: #fff; }

/* Input Moteur de recherche */
.inputTexte
{
  float:left;
  margin-right:3px;
}
#inputTexteMenuGauche
{
  width: 90px;
  font: 11px Arial, Helvetica, Sans-Serif;
}
#imageSubmit
{
 margin-left:5px;
 margin-top:2px;
}
#moteurAvance
{
  font: 10px Arial, Helvetica, Sans-Serif;
  margin-left:15px;
  margin-top:10px;
}
#contenuBas a
{
  text-decoration:none;    
}
#contenuBas a:hover
{
  text-decoration:underline;    
}




/* Contenu du Site Internet */
#contenu
{
  padding-top: 20px;
  width: 554px;
  float: left;
  padding-right: 20px;
}

#contenu h1
{
  font: bold 12px Arial, Helvetica, Sans-Serif;
  margin-bottom: 10px;
  color:#b5a47f;
  text-transform: uppercase;
}

#contenu .texteBrun
{
  font:bold 13px Arial, Helvetica, Sans-Serif;
  color: #6A4623; 
}

#contenu ul
{
  list-style: none;
  margin: 0;
  padding: 0;
}

#contenu ul li
{
  background: url(../accueil/bulletAccueil.gif) 0px 3px no-repeat;
  padding-left: 10px;
  padding-bottom: 2px;
}

#contenu a { color: #A63A19; }




/* Actualitis */
#actualitesImages
{
 float:left;
 width:250px;
 margin: 0px 10px 10px 0px;
 border: 0;
}
#actualiteConsulter
{
 font-weight: bold;
 width:540px;
 border: 1px solid #855425;
 background-color:#D4C6AD;
 padding:2px;
 margin-bottom:5px;
}
#actualiteBasDePage
{
 float:left;
 margin-top:10px;
}




/* Moteur de Recherche */
div.cartemoteurDeRecherche
{
  width: 272px;
  height: 280px;
  float:right;
}

div.moteurDeRecherche h2
{
  width: 260px;
  background: url(../images/background_titrePrincipal.gif) repeat-y;
  font: bold 12px Arial, Helvetica, Sans-Serif;
  color: #dfd4bc;
  text-transform: uppercase;
  line-height: 25px;
  padding-left: 10px;
}

div.moteurDeRecherche div.formulaire
{
  background-color: #EFE9DD;
  width:260px;
  padding-left:10px;
  margin-top:3px;
  padding-top:14px;
  height:238px;
}

div.moteurDeRecherche div.formulaire select
{
  width:220px;
  margin-left:10px;
  margin-top:10px;
  font: 11px Arial, Helvetica, Sans-Serif;  
}
.cacherSelect { visibility: hidden; }
.voirSelect { visibility: visible; }

div.moteurDeRecherche div.formulaire select.page
{
  width:40px;
  margin-right:30px;
  float:right;
}

div.moteurDeRecherche div.formulaire #labelPage
{
  margin-left:8px;
  margin-top:10px;
  float:left;
}

div.moteurDeRecherche div.formulaire #imageSubmit2
{
  float:left;
  margin-top:10px;
  margin-left:214px;
}

div.moteurDeRecherche div.formulaire #ligne
{
  width: 260px;
  background: url(../images/ligne_separateur.gif) no-repeat;
  color: #dfd4bc;
  margin-top: 65px;
  display: block;
  height:15px;
}

*+html div.moteurDeRecherche div.formulaire #ligne
{
  margin-top: 40px;
} 

* html div.moteurDeRecherche div.formulaire #ligne
{
  margin-top: 15px;
}

div.moteurDeRecherche div.formulaire #image2
{  
  margin-right:31px;
  margin-top:5px;
  float:right;
}

div.moteurDeRecherche div.formulaire #inputTexte
{
  width: 175px;
  font: 11px Arial, Helvetica, Sans-Serif;
  margin-top: 5px;
  margin-left: 12px;
  margin-bottom:15px; 
  float:left;
  margin-right:3px;  
}



/* Risultat et listing des rialisations */
div.listeRealisation table
{
  background-color: #DEC9AC;
  width: 554px;
}

div.listeRealisation th
{
  background-color: #6A4622;
  color: #DED0B5;
  font-weight: bold;
  text-align: left;
  padding: 5px;
  padding-left: 10px;
}

div.listeRealisation td
{
  padding:2px;
  padding-left: 10px;
  background-color: #FFFFFF;
}
div.listeRealisation td.trier
{
  background-color: #F7F4ED;
}
div.listeRealisation td.trier img
{
  border: 0;
}

div.listeRealisation td.nomProjet
{
  background-color: #EFE9DD;
}

div.listeRealisation td a
{
  text-decoration: none;
}

div.listeRealisation td a:hover
{
  text-decoration: underline;
}

.positionListe
{
   margin-top: -13px;
   margin-left:250px;
}

.pageListe
{
   margin: -13px 1px 10px 0px; 
   float:right;   
}




/* Section Rialisation */
div.realisationImage
{
  width: 336px;
  height: 254px;
  float: left;
  height:auto;
}

div.realisationImage #listeImage
{
  margin-top:-13px;
  margin-left: 120px;
}

#boutonAgrandirImage
{
  margin-top: -20px;
  float: right;
}

div.infoRealisation
{
  float: left;
  margin-left: 3px;
  width: 215px;
  /* height: 254px; */
  min-height:314px;
}

div.infoRealisation h2
{
  width: 205px;
  height: 25px;
  background: url(../images/backgroundInfoRealisation.gif) repeat-y;
  font: bold 12px Arial, Helvetica, Sans-Serif;
  color: #dfd4bc;
  text-transform: uppercase;
  line-height: 25px;
  padding-left: 10px;
  border-bottom: 3px solid #fff;
}

div.infoRealisation div.infos
{
  width: 195px;
  /* height: 206px; */
  background: url(../images/backgroundInfoRealisationInfos.gif) repeat-y; 
  padding: 10px; 
  border-bottom: 3px solid #fff;
}

div.infoRealisation div.infos h3
{
  font: bold 13px Arial, Helvetica, Sans-Serif;
  color: #6a4623;
  padding-bottom: 5px;
  margin-bottom: -5px;
}

div.infoRealisation div.ligne
{
  width: 195px;
  background: url(../images/ligne_separateur.gif) no-repeat;
  color: #dfd4bc;
  margin-top: -7px;
  margin-bottom: -7px;
  display: block;
}

div.infoRealisation div.formulaire
{
  width:195px;
  padding-top:15px;
}

div.infoRealisation div.formulaire select
{
  width:195px;
  margin-top:10px;
  font: 11px Arial, Helvetica, Sans-Serif;  
}
.cacherImage { display:none; }
.montrerImage { display:block; }

div.descriptionRealisation
{
  float:left;
  display:block;
  width: 550px;
}


/* Page Processus */
#imageDroite
{  
  float:right;
  margin-left:20px;
}
#imageDroiteMission
{  
  float:right;
  margin-left:10px;
}
.imageDroiteProcessus
{
  width:250px;
}
#processusListeImage
{
 margin-top:7px;
 float:right;
 margin-right:-13px;
}



/* Page Représentation 3d */
.imageDroiteRepresentation
{
  width:300px;
}



/* Section Liens Utiles */
.liens
{
  display:block;
  width:545px;
  margin-bottom:15px;
}

.imageLiens
{
 float:left;
 margin: 0px 5px 10px 0px;
}



/* Section Nous Contacter et Carte de localisation */
#imageLocalisation
{
  float:left;
  margin-right:5px;
  margin-top:4px;
}

#texteLocalisation a
{
 font-weight:bold;
}

#carteDeLocalisation
{
  float:right;
}

#texteCarteDeLocalisation
{
  width:200px;
}

.boutonLocalisation
{
  margin-top:2px;
  float:left;
  padding-right:10px;
}



/* Bas de page */
#Imprimer
{
  float:right;
  margin:20px 10px -10px 0px;
}
#ImprimerTexte
{
  font: 11px Arial, Helvetica, Sans-Serif;  
}
#ImprimerTexte a
{
  text-decoration:none;
}
#ImprimerTexte a:hover
{
  text-decoration:underline;
}
html>body #Imprimer
{
  padding-right:9px;
}
#ImprimerBouton
{
  float:left;
  margin-right:3px;
}
#basDePage
{
  clear: both;
  color:#FFFFFF;
  background: #6a4623 url(../images/contenuBas.gif) no-repeat;
  width: 160px;
  position: relative;
  left: -10px;
  padding-left: 610px;
  padding-top: 15px;
  font-size: 12px;
}









/* Anglais */
#accueilActualiteContenuAnglais
{
  width: 170px;
  height:262px;
  background: url(../accueil/background_accueilActualite_ang.jpg) no-repeat;
  color: #dfd4bc;
  float:right;
  padding-top: 60px;
}
#accueilActualiteContenuAnglais ul
{
  list-style: none;
  margin: 0;
  padding: 0;
  width: 138px;
}

#accueilActualiteContenuAnglais ul li
{
  background: url(../accueil/bulletAccueil.gif) 0px 3px no-repeat;
  padding-left: 10px;
  padding-bottom: 10px;
}

#accueilActualiteContenuAnglais a
{
  color: #b5a47f;
  text-decoration: none;
}

#accueilActualiteContenuAnglais #archives
{
  display: block;
  width: 45px;
  height: 9px;
  background: url(../accueil/accueilArchives.jpg);
  text-indent: -5000px;
  outline: none;
  margin-left: 95px;
  line-height: 9px;
  font-size: 0;
}




/* Entete et haut de page */
#enteteAnglais
{
  position: relative;
  width: 772px;
  background: #6a4623;
  left: -10px;
  padding-bottom: 5px;
}

#enteteAnglais #enteteLogoAnglais
{
  width: 197px;
  height: 57px;
  background: url(../images/logoEntete_ang.gif) no-repeat;
  display: block;
  outline: none;
  text-indent: -5000px;
  margin-left: 20px;
}

#enteteAnglais ul
{
  list-style: none;
  position: absolute;
  left: 520px;
  top: 40px;   
}

* html #enteteAnglais ul { left: 505px; }

#enteteAnglais ul li
{
  float: left;
  margin-left: 15px;
}

#enteteAnglais ul li a, #basDePage a
{
  color: #b5a47f;
  text-decoration: none;
}

#enteteAnglais ul li a:hover, #basDePage a:hover { text-decoration: underline; }

#basDePageAnglais
{
  clear: both;
  color:#FFFFFF;
  background: #6a4623 url(../images/contenuBas.gif) no-repeat;
  width: 295px;
  position: relative;
  left: -10px;
  padding-left: 475px;
  padding-top: 15px;
  font-size: 12px;
}




/* Moteur de Recherche */
div.cartemoteurDeRechercheAnglais
{
  width: 272px;
  height: 280px;
  float:right;
}