/* TABLE DES MATIÈRES:
	- Classes générales (body, html, h1, h2, ...)
	- Conteneurs
	- Menus et sous-menus
	- Textes
	- Pieds de page
	- Formulaires
----------------------------------------------------------------------------------------*/

/* GÉNÉRALES
--------------------------------------------------------------------------------------- */

body, html, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{ border:0; margin:0; padding:0; }
body{ background: white url(Gx/bg_body.jpg) repeat-x; text-align:left; }
body#sms{ background: #000; }
html{ background: white url(Gx/bg_body.jpg) repeat-x; color: #000; font-size: 12px; line-height: 16px; font-family: Arial, Verdana, Tahoma; }

/* TEXTES
--------------------------------------------------------------------------------------- */

h1{ color: #000; font-size: 16px; line-height: 18px; padding-top: 10px; }

p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color: #8e7949; text-decoration: none;}

p a:hover, p a:visited:hover, ul li a:hover, ul li a:visited:hover, ol li a:hover, ol li a:visited:hover, td a:hover, td a:visited:hover{ color:#8e7949; text-decoration:none; }

ul li{ color:#1F1F1F; font-size:12px; line-height:150%; list-style:square; margin-left:16px; }
ol li{ color:#1F1F1F; font-size:12px; line-height:150%; margin-left:16px; }

.both{clear: both;}

a{ outline: none; }

/* CONTENEURS
--------------------------------------------------------------------------------------- */

#conteneur{ width: auto; padding: 0 8px; }

#conteneur #menuHaut{ width: auto; height: 22px; background: url(Gx/menu_haut_bg.jpg) repeat-x; overflow: hidden; }
#conteneur #menuHaut #coinGauche{ background: url(Gx/menu_haut_coin.jpg) no-repeat left top; width: 5px; height: 22px; float: left; }
#conteneur #menuHaut #coinDroite{ background: url(Gx/menu_haut_coin.jpg) no-repeat right top; width: 5px; height: 22px; float: right; }
#conteneur #menuHaut a{ color: white; font-weight: bold; font-size: 13px; text-decoration: none; padding: 0 8px; position: relative; top: 2px; }
#conteneur #menuHaut a:hover{ color: #64a6cf; }
#conteneur #menuHaut a#lienLangue{ float: right; }

#conteneur #haut{ width: auto; height: 90px; overflow: hidden; }
#conteneur #haut #logo{ width: 137px; height: 74px; background: url(Gx/logo_fr.gif) no-repeat; margin: 6px 0 0 4px; display: block; text-decoration: none; outline: none; }
#conteneur #haut #logo.langue_fr{ background: url(Gx/logo_fr.gif) no-repeat; }
#conteneur #haut #logo.langue_en{ background: url(Gx/logo_en.gif) no-repeat; }
#conteneur #haut #btnRecherche{ background: url(Gx/btn_recherche.gif) no-repeat left top; width: 123px; height: 31px; display: block; float: right; margin-top: 42px; text-decoration: none; }
#conteneur #haut #btnRecherche:hover{ background-position: left bottom; }
#conteneur #haut #btnRecherche span{ font-size: 11px; color: white; font-weight: bold; position: relative; top: 7px; left: 8px; }

#conteneur a.btnBleu{ height: 44px; width: auto; display: block; background: url(Gx/btn_bleu_bg.gif) repeat-x left top; margin: 0 15px 4px 5px; padding: 0; color: white; text-decoration: none; }
#conteneur a.btnBleu div.coteGauche{ width: 5px; height: 44px; background: url(Gx/btn_bleu.gif) no-repeat; float: left; position: relative; left: -5px; }
#conteneur a.btnBleu div.coteDroite{ width: 15px; height: 44px; background: url(Gx/btn_bleu.gif) no-repeat right top; float: right; position: relative; left: 15px; }
#conteneur a.btnBleu span.texte{ color: white; font-weight: bold; font-size: 11px; padding: 0; position: relative; top: 14px; left: 5px; }

#conteneur a.btnBleu:hover div.coteGauche{ background-position: left bottom; }
#conteneur a.btnBleu:hover div.coteDroite{ background-position: right bottom; }
#conteneur a.btnBleu:hover{ background-position: left bottom; }

#conteneur #filDariane{ margin: 0 0 5px 5px; font-size: 12px;}
#conteneur #filDariane a, #conteneur #filDariane span{ color: #252525; font-size: 12px; text-decoration: none; }
#conteneur #filDariane a:hover{ text-decoration: underline; }

/* ACCUEIL
--------------------------------------------------------------------------------------- */

#conteneur #boiteCentreAccueil{ width: auto; background: #7f7f7f url(Gx/00/boite_centre_accueil_bg.gif) repeat-x; }
#conteneur #boiteCentreAccueil #contenu{ padding: 5px 10px 15px 14px; min-height: 200px; }
#conteneur #boiteCentreAccueil #bgMap{ background: url(Gx/00/boite_centre_accueil_bg_map.jpg) no-repeat center top; }

#conteneur #boiteCentreAccueil #haut{ width: auto; height: 6px; }
#conteneur #boiteCentreAccueil #haut #coinGauche{ background: url(Gx/00/boite_centre_accueil_coin_rond.gif) no-repeat left top; height: 6px; width: 6px; float: left; }
#conteneur #boiteCentreAccueil #haut #coinDroite{ background: url(Gx/00/boite_centre_accueil_coin_rond.gif) no-repeat right top; height: 6px; width: 6px; float: right; }

#conteneur #boiteCentreAccueil #bas{ width: auto; height: 6px; }
#conteneur #boiteCentreAccueil #bas #coinGauche{ background: url(Gx/00/boite_centre_accueil_coin_rond.gif) no-repeat left bottom; height: 6px; width: 6px; float: left; }
#conteneur #boiteCentreAccueil #bas #coinDroite{ background: url(Gx/00/boite_centre_accueil_coin_rond.gif) no-repeat right bottom; height: 6px; width: 6px; float: right; }

#conteneur #boiteCentreAccueil h1{ font-size: 16px; color: white; font-weight: bold; margin: 0 0 10px 0; padding: 0; }

#conteneur #boiteCentreAccueil #texteDynamique{ padding-top: 5px; color: white; font-size: 13px; }
#conteneur #boiteCentreAccueil #texteDynamique ul{ margin: 0; padding: 0; font-size: 13px; }
#conteneur #boiteCentreAccueil #texteDynamique ul li{ list-style: none; margin: 0 0 0 1px; padding: 0 0 0 9px; font-size: 12px; color: white; background: url(Gx/fleche_liste.gif) no-repeat left center; }

#conteneur #texteDynamique a{ color: #981A32; text-decoration: none; }
#conteneur #texteDynamique a:hover{ text-decoration: underline; }

/* LISTE PROJETS
--------------------------------------------------------------------------------------- */

#conteneur #boiteCentre #listeProjets{ padding: 5px 10px 15px 14px; min-height: 200px; }
#conteneur #boiteCentre #listeProjets h1{ font-size: 16px; color: white; font-weight: bold; margin: 0 0 3px 0; padding: 0; }
#conteneur #boiteCentre #listeProjets h2{ font-size: 14px; color: #981a32; font-weight: bold; margin: 0 0 5px 0; padding: 0; position: relative; top: -3px; }

#conteneur #boiteCentre{ width: auto; background: #d9d9d9 url(Gx/00/boite_centre_bg.gif) repeat-x; }
#conteneur #boiteCentre #bgMap{ background: url(Gx/00/boite_centre_bg_map.jpg) no-repeat center top; }

#conteneur #boiteCentre #haut{ width: auto; height: 6px; }
#conteneur #boiteCentre #haut #coinGauche{ background: url(Gx/00/boite_centre_coin_rond.gif) no-repeat left top; height: 6px; width: 6px; float: left; }
#conteneur #boiteCentre #haut #coinDroite{ background: url(Gx/00/boite_centre_coin_rond.gif) no-repeat right top; height: 6px; width: 6px; float: right; }

#conteneur #boiteCentre #bas{ width: auto; height: 6px; }
#conteneur #boiteCentre #bas #coinGauche{ background: url(Gx/00/boite_centre_coin_rond.gif) no-repeat left bottom; height: 6px; width: 6px; float: left; }
#conteneur #boiteCentre #bas #coinDroite{ background: url(Gx/00/boite_centre_coin_rond.gif) no-repeat right bottom; height: 6px; width: 6px; float: right; }

/* btn liste projet */
#conteneur #boiteCentre #listeProjets a.projet{ height: 74px; width: auto; display: block; background: url(Gx/04/btn_projet_cote_gauche.gif) no-repeat left top; margin: 0 0 2px 0; padding: 0 0 0 5px; color: white; text-decoration: none; }
#conteneur #boiteCentre #listeProjets a.projet .coinDroite{ height: 74px; width: auto; background: url(Gx/04/btn_projet_cote_droite.gif) no-repeat right top; padding: 0 5px 0 0; }
#conteneur #boiteCentre #listeProjets a.projet .coinDroite .contenue{ height: 70px; width: auto; background: url(Gx/04/btn_projet_bg.gif) repeat-x center top; padding: 4px 0 0 0; }

#conteneur #boiteCentre #listeProjets a.projet:hover{ background-position: left bottom; text-decoration: underline; }
#conteneur #boiteCentre #listeProjets a.projet:hover .coinDroite{ background-position: right bottom; text-decoration: underline; }
#conteneur #boiteCentre #listeProjets a.projet:hover .coinDroite .contenue{ background-position: center bottom; text-decoration: underline; }
#conteneur #boiteCentre #listeProjets a.projet:hover .coinDroite .contenue span.nom{ text-decoration: underline; }
#conteneur #boiteCentre #listeProjets a.projet:hover .coinDroite .contenue span.arrondissement{ text-decoration: underline; }

#conteneur #boiteCentre #listeProjets a.projet .coinDroite .contenue .photo{ float: left; height: 66px; overflow: hidden; margin-right: 4px; position: relative; left: -1px; }
#conteneur #boiteCentre #listeProjets a.projet .coinDroite .contenue .photo img{ vertical-align: top; }

#conteneur #boiteCentre #listeProjets a.projet .coinDroite .contenue .texteCentrerVerticalement{ height: 66px; width: auto; margin: 0; padding: 0; border-collapse: collapse; border-spacing: 0; }
#conteneur #boiteCentre #listeProjets a.projet .coinDroite .contenue .texteCentrerVerticalement tr{ margin: 0; padding: 0; }
#conteneur #boiteCentre #listeProjets a.projet .coinDroite .contenue .texteCentrerVerticalement tr td{ margin: 0; padding: 0; vertical-align: center; text-align: left; }
#conteneur #boiteCentre #listeProjets a.projet .coinDroite .contenue span.nom{ font-size: 11px; font-weight: bold; color: white; line-height: 12px; display: block; margin-bottom: 4px;   }
#conteneur #boiteCentre #listeProjets a.projet .coinDroite .contenue span.arrondissement{ font-size: 11px; font-weight: normal; color: white; line-height: 12px; display: block; }

/* PAGE DÉTAIL D'UN PROJET
--------------------------------------------------------------------------------------- */

#conteneur #boiteCentre #colonneDescriptionProjet{ width: 100%; margin: 0; padding: 0; border-collapse: collapse; border-spacing: 0; }
#conteneur #boiteCentre #colonneDescriptionProjet tr{ margin: 0; padding: 0; }
#conteneur #boiteCentre #colonneDescriptionProjet tr td{ margin: 0; padding: 0; vertical-align: top; text-align: left; width: 50%; }

#conteneur #boiteCentre #colonneDescriptionProjet a.photo{ text-decoration: none; }
#conteneur #boiteCentre #colonneDescriptionProjet a.photo img{ vertical-align: top; border: none; }
#conteneur #boiteCentre #colonneDescriptionProjet p{ font-size: 10px; line-height: 12px; }
#conteneur #boiteCentre #colonneDescriptionProjet a{ color: #981A32; font-size: 10px; }
#conteneur #boiteCentre #colonneDescriptionProjet a:hover{ text-decoration: underline; }

#conteneur #boiteCentre #colonneDescriptionProjet #collDroite{ margin-left: 5px; }

#conteneur #boiteCentre #colonneDescriptionProjet a.btnRouge{ width: 123px; height: 23px; display: block; margin-bottom: 4px; background: url(Gx/04/btn_rouge.gif) no-repeat left top; font-size: 12px; color: white; text-decoration: none; text-align: center; padding: 7px 0 0 0; outline: none; }
#conteneur #boiteCentre #colonneDescriptionProjet a.btnRouge:hover{ background-position: left bottom; }

/* NAVIGUATEUR PAS MOBILE
--------------------------------------------------------------------------------------- */

#FrameSms{ border: none; height:50px; width: 100%; overflow: hidden; background: #000; }
#SMSForm{ background: #000; }
#SMSForm p{ color: #fff; font-weight: bold; }
#SMSForm a{ color: #fff; }
#SMSForm td{ padding: 5px; }

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */

.containerFade{ height: 106px; overflow: hidden; position: relative; width: 212px; margin: 20px auto 0 auto; }
.containerFade img{ display: none; }
.containerFade img.default{ display: block; }

#piedPage{ margin: 15px 0 25px 0; }
#piedPage a.copyright{ font-size: 13px; color: #a4a799; }
#piedPage a{ font-size: 13px; color: black; text-decoration: none; }

#conteneur #piedPage #btn_facebook { float: right; text-decoration: none; }