/* @override Credits */
/*
Date : 04.11.2009 
Auteur : Adrien Heury + Rémi Buisson
Projet : Patriarche (site web)
Logiciel : CSS Edit 2.6 - iMac
Commentaire : updated 31/03/2011 pour referencement changement des h2 en h1, h3 en h2...

A noter que "Expertise" et devenu "Savoir-faire" (du point de vue affichage) mais dans la css on conserve de partout la classe expertise


                        
                          oooo$$$$$$$$$$$$oooo
                      oo$$$$$$$$$$$$$$$$$$$$$$$$o
                   oo$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$o         o$   $$ o$
   o $ oo        o$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$o       $$ $$ $$o$
oo $ $ "$      o$$$$$$$$$    $$$$$$$$$$$$$    $$$$$$$$$o       $$$o$$o$
"$$$$$$o$     o$$$$$$$$$      $$$$$$$$$$$      $$$$$$$$$$o    $$$$$$$$
  $$$$$$$    $$$$$$$$$$$      $$$$$$$$$$$      $$$$$$$$$$$$$$$$$$$$$$$
  $$$$$$$$$$$$$$$$$$$$$$$    $$$$$$$$$$$$$    $$$$$$$$$$$$$$  """$$$
   "$$$""""$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$     "$$$
    $$$   o$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$     "$$$o
   o$$"   $$$$$$$$$$$    HAVE FUN WITH MY CSS    $$$$$$$$$$$$       $$$o
   $$$    $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$" "$$$$$$ooooo$$$$o
  o$$$oooo$$$$$  $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$   o$$$$$$$$$$$$$$$$$
  $$$$$$$$"$$$$   $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$     $$$$""""""""
 """"       $$$$    "$$$$$$$$$$$$$$$$$$$$$$$$$$$$"      o$$$
            "$$$o     """$$$$$$$$$$$$$$$$$$"$$"         $$$
              $$$o          "$$""$$$$$$""""           o$$$
               $$$$o                                o$$$"
                "$$$$o      o$$$$$$o"$$$$o        o$$$$
                  "$$$$$oo     ""$$$$o$$$$$o   o$$$$""
                     ""$$$$$oooo  "$$$o$$$$$$$$$"""
                        ""$$$$$$$oo $$$$$$$$$$
                                """"$$$$$$$$$$$
                                    $$$$$$$$$$$$
                                     $$$$$$$$$$"
                                      "$$$""*/

/*[Table of contents]
-------------------------------------------------------------------*/
/*[Color codes]
Marron : #211611 (officiel) / #080604 (+ foncé - noir 75% sur le marron)
Vert : #a3c540 (officiel)

Gris : #c8c8c8 (liens)
Gris : #393836 (lignes)

Couleur des métiers DANS L'ORDRE !!
Marron : #211611 (architecture) > modifié (eclairci : #4e352a)
Violet : #9c7ab1 (structure)
Orange : #e36126 (énergie)
Bleu : #121d39 (économie) > modifié (eclairci : #1c3f99)
Violet : #58398a (travaux)
Blanc : #fff (MC+)
Rose : #de276c (design)
Vert : #bbcf1b (QEB)
Rouge : #dd2739 (urbanisme)
-------------------------------------------------------------------*/
/*[Typography]
Futura + Arial
-------------------------------------------------------------------*/

@import url("reset.css");
@import url("grid.css"); 
@import url("typography.css");

body {
	background: #211611 /*url(../images/bkg-visuel.jpg) no-repeat center 0 fixed*/;
	color: #fff;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	/* On force l'affichage de la scrollbar meme quand il n'y en a pas besoin pour eviter que l'image se redimensionne quand on fait disparaitre le contenu central */
	overflow-y: scroll !important;
}
* html body {
    background: url(null) fixed ; /* évite le sautillement lors d'un IE6 position fixed */
}

*+ html body, * html body {
	/* IE lui affiche 2 scrollbar !! alors faut lui preciser... */ 
	overflow-y: auto !important;
}

/* IE Fix: Bicubic Scaling for Images */
img { -ms-interpolation-mode: bicubic; }

/* @group BKG sur body */

/* Le Flash occupe 100% de la page (hauteur et largeur) en background et se redimensionne à la taille du navigateur + Le Contenu scroll par dessus */
html, body { height: 100%; width: 100%; }
#flashcontent { height: 100%; width: 100%; position: fixed; top:0; left:0; }
#flashcontentPlayer { position: absolute; top:20px; left:210px; visibility: hidden; }

/* Spéciale IE6 => pas de position fixed ! */
* html #flashcontent {
    position: absolute;
    top:expression(documentElement.scrollTop+body.scrollTop);
	height: 100%; 
    width: 100%; 
    left:0;
}
.thecontainerFlash { position: absolute; top:0; left: 0; /*width: 950px;*/ }

/* Effet de pointillés sur les images */
.pointilles {
	background: url(../images/bkg-points.png) repeat 0 0; 
	width: 100%; 
	height: 100%;
	position: fixed;
	top: 0px;
}
/* L'effet pointillé sur les images fait BUGGUER le scroll sur IE malheureusment il faut le virer */
*+ html .pointilles, * html .pointilles {
	background: none;
}

/* Image de fond AVEC ou SANS flash : pour désactiver le flash mettre #flashcontent en display: none / AVEC ou SANS pointillés : pour désactiver les pointillés mettre .pointilles en display: none*/
body.bodyAgences {
	background: #211611 /*url(../images/bg_05.jpg) no-repeat center 0 fixed*/;
}

/*
body.bodyAgences #flashcontent {
	display: none !important;	
}
*/

body.bodyMetiers {
	background: #211611 /*url(../images/bg_metiers.jpg) no-repeat center 0 fixed*/;
}

body.bodyMetiers #flashcontent {
	/*display: none !important;*/	
}

/*body.bodyHome {
	background: #211611 url(../images/bg_06.jpg) no-repeat center 0 fixed;
}

body.bodyHome #flashcontent {
	display: none !important;	
}*/

body.bodyExpertise {
	background: #211611 /*url(../images/bg_expertise.jpg) no-repeat center 0 fixed*/;
}

/*body.bodyExpertise #flashcontent {
	display: none !important;
}*/

body.bodyConcepts, body.bodyConceptFiche {
	background: #211611 /*url(../images/bg_concepts.jpg) no-repeat center 0 fixed*/;
}

body.bodyConcepts #flashcontent, body.bodyConceptFiche #flashcontent {
	/*display: none !important; */
}

body.bodyClients {
	background: #211611 /*url(../images/bg_clients.jpg) no-repeat center 0 fixed*/;
}

body.bodyClients #flashcontent {
	/*display: none !important;*/	
}

body.bodyEquipe, body.bodyEquipeFiche {
	background: #211611 /*url(../images/bg_equipe.jpg) no-repeat center 0 fixed*/;
}

body.bodyEquipe #flashcontent, body.bodyEquipeFiche #flashcontent {
	/*display: none !important;*/	
}

body.bodyCarrieres {
	background: #211611 /*url(../images/bg_carriere.jpg) no-repeat center 0 fixed*/;
}

body.bodyCarrieres #flashcontent {
	/*display: none !important;*/
}

body.bodyBlog {
	background: #211611;
	background: #fff;
}

body.bodyBlog #flashcontent {
	/*display: none !important;*/	
}

body.bodyContact {
	background: #211611;
}

body.bodyContact #flashcontent, body.bodyContact .pointilles {
	display: none !important;	
}

body.bodyNewsletter {
	background: #211611 /*url(../images/bg_10.jpg) no-repeat center 0 fixed*/;
}

body.bodyReaListe {
	background: #211611 /*url(../images/bg_encours.jpg) no-repeat 0 0 fixed*/;
}

body.bodyReaListe #flashcontent {
	/*display: none !important;	*/
}

body.bodyReaVignettes {
	background: #211611 url(../images/bg_04.jpg) no-repeat 0 0 fixed;
}

body.bodyReaVignettes #flashcontent {
	/*display: none !important;	*/
}

body.bodyReaFiche {
	background: #211611 /*url(../images/bg_02.jpg) no-repeat 0 0 fixed*/;
}

/*body.bodyReaFiche #flashcontent {
	display: none !important;	
}*/

/* @end */

/* @group Généralités */

/* Liens génériques */
a, a:focus {
	color: #c8c8c8;
	text-decoration: none;
	outline: none;
}

a:hover {
	color: #a3c540;
}

/* Titrages génériques */
/* h1 = logo 
h1 {
	margin: 0;
	padding: 0;
}*/

/* Titre des pages en images */
h2 span, h1 span {
	display: none;
}

h5 {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}

h6 {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	margin: 10px 0 10px 40px;
}

/* Entete : Architecte + Ingénieurs (menu de gauhce) et Bourget du lac, Lyon, Annecy, Paris, Montréal (partie centrale) */
span.titre {
	text-transform: uppercase;
	font: normal 8px Tahoma, Verdana, sans-serif;
}

/* Liens de langue en haut à droite */
span.langue {
	/*position: absolute;
	top: 40px;
	right: 50px;
	font: normal 9px Tahoma, Verdana, sans-serif;
	*/
	
	float: right;
	margin: 0px 20px 0px 0px;
	font: normal 9px Tahoma, Verdana, sans-serif;
}
span.langue a {

    text-decoration: underline;
    font-size: 10px;
}
span.langue a:hover {

    text-decoration: none;
}


/* Bouton fermeture */
span.fermeture {
	cursor: pointer;
	float: right;
	margin-right: 20px;
	z-index: 2000;
}

span.fermeture span {
	background: url(../images/picto-close.png) no-repeat 0 -15px;
	display: block;
	width: 15px;
	height: 15px;
}

span.fermeture span:hover {
	background-position:  0 0;
}

span.fermeture span span {
	display: none;
}

span.miniInfo {
	font-size: 11px;
	color: #c8c8c8;
}

/* Petit lien pour téléchargement */
.miniLink {
	font-size: 11px;
	line-height: 13px;
}

/* Texte aide */
.help {
	font-size: 10px;
	display: block;
	margin-left: 100px;
	font-style: italic;
}

/* Lien de retour */
.back {
	display: block;
	height: 20px;
	background: url(../images/picto-fleche-back.gif) no-repeat 0 0;
	float: right;
	margin-right: 5px;
	margin-top: 65px;
}

.back span {
	padding: 0 0 0 25px;
	margin: 2px 0 0 0;
	display: block;
}

/* Fil d'ariane */
span.ariane {
	display: block;
	margin: 0 0 5px 0;
	font-size: 11px;
}

.focus {
	background: #4c4c4c;
	color: #eee !important;
	font-size: 9px;
	padding: 2px;
	float: right;
}

.oblig {
	color: #f8005d;
}

.delete {
	color: #f00;
}

/* @end */

/* @group Gauche (Menu + Logo) */
#fullMenu {
	position: fixed;
	z-index:1000;
}
/* Spéciale IE6 => pas de position fixed ! */
* html #fullMenu {
    position: absolute;
    top:expression(documentElement.scrollTop+body.scrollTop);
	z-index:1000;
}

.menu {
	background: #211611;
	margin: 0 0 0 0;
	padding: 12px 20px 20px 20px;
	/*-moz-border-radius: 11px;
	-khtml-border-radius: 11px;
	-webkit-border-radius: 11px;
	position: fixed;*/
	margin: 0;
}

/* Arrondir les angles : ie7... */
.menuTop {
	background: url(../images/bkg-menu-top.png) no-repeat 0 0;
	margin: 20px 0 0 0;
	height: 10px;
}

.menuBottom {
	background: url(../images/bkg-menu-bottom.png) no-repeat 0 0;
	margin: 0;
	height: 10px;
}

/* Logo */
.menu .logo {
	display: block;
	margin: 40px 0 35px 0;
}

.menu .logo {
	text-decoration: none;
}

.menu span.titre {
	display: block;
	text-align: center;
}

/* Titres rubriques menu */
.menuTitreProjets span, .menuTitreApropos span, .menuTitreContact span {
	display: none;
}

/* Titres des 3 rubriques du menu */
.menuTitreProjets {
	display: block;
	background: url(../images/menu-titre-projets.png) no-repeat 0 0;
	width: 62px;
	height: 18px;
	margin: 0 0 15px 0;
	padding: 0;
}

.en .menuTitreProjets {
	background: url(../images/menu-titre-projets-en.png) no-repeat 0 0;
}

.menuTitreApropos {
	display: block;
	background: url(../images/menu-titre-apropos.png) no-repeat 0 0;
	width: 140px;
	height: 31px;
	margin: 0 0 15px 0;
	padding: 0;
}

.en .menuTitreApropos {
	background: url(../images/menu-titre-apropos-en.png) no-repeat 0 0;
}

.menuTitreContact {
	display: block;
	background: url(../images/menu-titre-contact.png) no-repeat 0 0;
	width: 140px;
	height: 26px;
	margin: 0 0 20px 0;
	padding: 0;
}

.en .menuTitreContact {
	background: url(../images/menu-titre-contact-en.png) no-repeat 0 0;
}

/* Menu */
.menu ul {
	list-style: none;
	margin: 0 0 12px 0;
	padding: 0;
	/*border-bottom: 1px solid #393836;*/
}

.menu ul li a span {
	color: #fff;
}

.menu ul li a:hover span, .menu ul li.select a span {
	color: #a3c540;
}

/* @end */

/* @group Centrale */

/* Arrondir les angles : ie7... */


.centraleTop {
	background: url(../images/bkg-opacity-75-top.png) no-repeat 0 0;
	margin: 20px 0 0 190px;
	height: 20px;	
	position: relative;
	z-index:10;
}

.centraleBottom {
	background: url(../images/bkg-opacity-75-bottom.png) no-repeat 0 0;
	margin: 0 0 10px 190px;
	height: 20px;
	position: relative;
	z-index:1;
}


.centrale {
	background: transparent url('../images/bkg-opacity-75.png') top left repeat !important;
	margin: 20px 0 20px 190px;
	padding: 20px 0 20px 40px;
	-moz-border-radius: 11px;
	-khtml-border-radius: 11px;
	-webkit-border-radius: 11px;
	min-height: 555px;
	position: relative;
	z-index: 10;
	/*position: absolute;*/
	/*
	display: none;
	*/
	
	/* Special bord arrondi */
	margin: 0 0 0 190px;
	padding: 0 0 0 40px;
	-moz-border-radius: 0;
	-khtml-border-radius: 0;
	-webkit-border-radius: 0;
}
* html .centrale,* html .centraleTop,* html .centraleBottom {

    margin-left:100px;
}

/* Formulaire de contact */
.centrale form.message {
	background: url(../images/bkg-opacity-75.png) repeat 0 0;
	-moz-border-radius: 11px;
	-khtml-border-radius: 11px;
	-webkit-border-radius: 11px;
	padding: 20px;
}

.centrale form.message fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

.centrale form.message fieldset legend {
	display: none;
}

.centrale form.message fieldset div {
	margin: 0 0 5px 0;
}

.centrale form.message fieldset div label {
	width: 100px;
	display: block;
	margin-top: 7px;
	float: left;
	font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
}

.centrale form.message fieldset div input.inputTexte, .centrale form.message fieldset div textarea {
	border: none;
	padding: 5px;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	width: 150px;
}

.centrale form.message fieldset div input.inputTexte:focus, .centrale form.message fieldset div textarea:focus {
	background: #FFFF99;
}

.centrale form.message fieldset div input.valider {
	background: #333;
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
	-webkit-border-radius: 7px;
	padding: 2px 8px;
	font-size: 10px;
	color: #fff;
	border: none;
}

.centrale form.message fieldset div input.valider:hover {
	background: #a3c540;
	cursor: pointer;
}

/* Formulaire php */
.centrale label.error, .centrale span.error {
	color: #f8005d;
}

.centrale input.error, .centrale textarea.error,.centrale select.error {
	border: 1px solid #f8005d !important;
}

.centrale .messageOK {
	color: #00fa99;
	font-size: 10px;
	margin-left: 120px;
}

.formINDIC {
	color: #00fa99;
	font-size: 10px;
}

/* @group Bloc Intro */

.centrale .intro {
	background: url(../images/separateur-repeat.gif) repeat-x 0 0;
	margin-right: 40px;
	padding: 30px 0 20px 40px;
	min-height: 1px;
}

/*.centrale .intro h3 {
	color: #a3c540;
	font: bold 12px Arial, Helvetica, Geneva, sans-serif;
	margin: 0 0 10px 0;
	padding: 0;
}

.centrale .intro h4 {
	color: #fff;
	font: normal 16px/24px Arial, Helvetica, Geneva, sans-serif;
	margin: 0;
	padding: 0;
}*/

/* Modif pour referencement */
.centrale .intro h2 {
	color: #a3c540;
	font: bold 12px Arial, Helvetica, Geneva, sans-serif;
	height: auto !important;
	width: auto !important;
	margin: 0 0 10px 0 !important;
	padding: 0 !important;
	background: none !important;
}

.centrale .intro h3 {
	color: #fff;
	font: normal 16px/24px Arial, Helvetica, Geneva, sans-serif;
	margin: 0;
	padding: 0;
}

/* @end */

/* @group Projets */

/* Réalisations */
.centrale .projets.realisations {
	/*background: url(../images/lines-projets.png) repeat-y 0 0;*/
}

.centrale .projets.realisations h1 {
	display: block;
	height: 50px;
	width: 500px;
	margin: 35px 0 10px 0;
	padding: 0;
	background: url(../images/titre-realisations.png) no-repeat 0 0;
}

.en .centrale .projets.realisations h1 {
	background: url(../images/titre-realisations-en.png) no-repeat 0 0;
}

.centrale .projets.realisations.fiche h1 {
	float: left;
}

.centrale .projets.realisations .intro {
	padding: 0 0 20px 0;
}

/* Réalisations EN COURS (uniquement la classe .encours à rajouter car tout est presenté sur le meme modele que réalisation) */
.centrale .projets.realisations.encours h1 {
	background: url(../images/titre-encours.png) no-repeat 0 0;
}

.en .centrale .projets.realisations.encours h1 {
	background: url(../images/titre-encours-en.png) no-repeat 0 0;
}

/* Réalisations CONCOURS (uniquement la classe .concours à rajouter car tout est presenté sur le meme modele que réalisation) */
.centrale .projets.realisations.concours h1 {
	background: url(../images/titre-concours.png) no-repeat 0 0;
}

.en .centrale .projets.realisations.concours h1 {
	background: url(../images/titre-concours-en.png) no-repeat 0 0;
}

/* @group 1 - Affichage en liste */

.alternance1 {
	background: url(../images/bkg-opacity-30.png) repeat 0 0;
}

.centrale .projets.liste table thead tr {
	height: 1px;
	padding: 0;
	margin: 0;
}

.centrale .projets.liste table thead tr td {
	height: 1px;
	padding-top: 0;
	padding-bottom: 0;
}

.centrale .projets.liste a img {
	border: 1px solid #53514e;
}

.centrale .projets.liste a:hover img {
	border: 1px solid #a3c540;
}

/* Tableau (Affichage en liste) */

table thead tr, table thead tr td, table tfoot tr, table tfoot tr td {
	border: none;
}

table tr.alternance1, table tr.alternance2, table tr.alternance1 td, table tr.alternance2 td {
	height: 30px;
	border-bottom: 1px solid #53514e;
}

td.infos span.projet, span.projet {
	font-weight: bold;
	color: #fff;
}

td.infos span.client {
	color: #fff;
	font-size: 10px;
}

td.infos span.expertise {
	display: block;
	/*font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;*/
	font: 11px Arial, sans-serif;
	color: #c8c8c8;
}

td.infos a:hover span {
	color: #a3c540;
}

/*td.metier {
	padding: 0;
	margin: 0;
}*/

td.pays {
	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
}

td.annee {
	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
}

/* Liste des métiers */
ul.metiersProjet {
	list-style: none;
	margin: 15px 0 0 0;
	padding: 0;
	display: block;
	height: 15px;
}

ul.metiersProjet li {
	display: inline;
}

ul.metiersProjet li a {
	display: block !important;
	height: 6px !important;
	width: 6px !important;
	float: right;
	margin: -1px 0 0 5px;
	cursor: default;
}

ul.metiersProjet li a span {
	display: none;
}

/* Les métiers (Par couleur et DANS L'ORDRE !) */
tbody ul.metiersProjet li.archi a {
	background: #4e352a;
	/*border: 1px solid #4e352a;*/
}

tbody ul.metiersProjet li.structure a {
	background: #9c7ab1;
	/*border: 1px solid #9c7ab1;*/
}

tbody ul.metiersProjet li.energie a {
	background: #e36126;
	/*border: 1px solid #e36126;*/
}

tbody ul.metiersProjet li.economie a {
	background: #1c3f99;
	/*border: 1px solid #1c3f99;*/
}

tbody ul.metiersProjet li.travaux a {
	background: #58398a;
	/*border: 1px solid #58398a;*/
}

tbody ul.metiersProjet li.mcplus a {
	background: #fff;
	/*border: 1px solid #eee;*/
}

tbody ul.metiersProjet li.design a {
	background: #de276c;
	/*border: 1px solid #de276c;*/
}

tbody ul.metiersProjet li.qeb a {
	background: #bbcf1b;
	/*border: 1px solid #bbcf1b;*/
}

tbody ul.metiersProjet li.urbanisme a {
	background: #dd2739;
	/*border: 1px solid #dd2739;*/
}

/* Spécial métier "VIDE" = pas réalisé sur le projet (on applique cette classe) */
tbody ul.metiersProjet li.vide a {
	background: none !important;
}

/* Special legende */
tfoot ul.metiers li {
	display: inline;
}

tfoot ul.metiers li a {
	display: block;
	width: auto;
	height: 10px;
	float: left !important;
	margin: 0 5px 0 0;
	background: none;
}

tfoot ul.metiers li a span {
	display: block;
	margin-left: 20px;
	font-size: 10px;
	color: #fff;
}

tfoot ul.metiers li.archi a {
	background: url(../images/puces-metiers.gif) no-repeat 7px 3px;
}

tfoot ul.metiers li.structure a {
	background: url(../images/puces-metiers.gif) no-repeat 7px -10px;
}

tfoot ul.metiers li.energie a {
	background: url(../images/puces-metiers.gif) no-repeat 7px -23px;
}

tfoot ul.metiers li.economie a {
	background: url(../images/puces-metiers.gif) no-repeat 7px -36px;
}

tfoot ul.metiers li.travaux a {
	background: url(../images/puces-metiers.gif) no-repeat 7px -49px;
}

tfoot ul.metiers li.mcplus a {
	background: url(../images/puces-metiers.gif) no-repeat 7px -62px;
}

tfoot ul.metiers li.design a {
	background: url(../images/puces-metiers.gif) no-repeat 7px -75px;
}

tfoot ul.metiers li.qeb a {
	background: url(../images/puces-metiers.gif) no-repeat 7px -88px;
}

tfoot ul.metiers li.urbanisme a {
	background: url(../images/puces-metiers.gif) no-repeat 7px -101px;
}

/* @end */

/* @group 2 - Affichage en vignettes */

.centrale .projets.vignettes .colonne1 {
	width: 320px;
	float: left;
	margin-right: 15px;
}

.centrale .projets.vignettes .colonne1 img {
	border: 1px solid #53514e;
}

.centrale .projets.vignettes .colonne2 {
	/*background: url(../images/separateur-repeat.gif) repeat-x 0 top;*/
	padding: 0;
	width: 75px;
	width: 358px;
	/*margin: 0 15px 0 0;*/
	float: left;
}

.centrale .projets.vignettes .colonne2 .bloc {
	height: 91px;
	margin: 0 12px 0 0;
	float: left;
}

.centrale .projets.vignettes .colonne2 .bloc a img {
	/*height: 75px;*/	
	border: 1px solid #53514e;
}

.centrale .projets.vignettes .colonne2 .bloc a:hover img {
	/*height: 75px;*/	
	border: 1px solid #a3c540;
}

/* Pagination */
.centrale .projets.vignettes #nav {
	float: right;
	margin-right: 40px;
}

.centrale .projets.vignettes #nav li {

}

/* @end */

/* @group 3 - Affichage en vignette big */

.vignettesBig {
	background: url(../images/bkg-opacity-75.png) repeat 0 0;
	margin-bottom: 20px;
}

.vignettesBig p {
	margin: 20px 20px 20px 0;
}

.vignettesBig a img {
	border: 1px solid #53514e;
}

.vignettesBig a:hover img {
	border: 1px solid #a3c540;
}

.vignettesBig h3 a {
	font-weight: bold;
	font-size: 24px;
	display: block;
	margin: 0 0 0 0;
	padding: 0;
	color: #fff;
}

.vignettesBig h3 a:hover, .vignettesBig h3 a:hover span.projet {
	color: #a3c540;
}

.vignettesBig h6 {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 10px;
}

.vignettesBig .expertiseListe {
	list-style: none;
	margin: 0 0 20px 0;
	padding: 0;
}

.vignettesBig .expertiseListe li {
	display: inline;
	border: none;
}

.vignettesBig .metiersListe {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* @end */


/* @group 4 - Affichage Fiche détaillée */

.centrale .projets.fiche h2 {
	color: #fff;
	font: normal bold 36px/36px Arial, Helvetica, Geneva, sans-serif;
	margin: 0px 0 20px 40px;
	padding: 0;
}

.centrale .projets.fiche .criteres, .centrale .projets .criteres {
	color: #fff;
	font-size: 10px;
	padding: 5px 0;
	margin-bottom: 5px;
	display: block;
	border-bottom: 1px solid #53514e;
	border-top: 1px solid #53514e;
	width: 680px;
}

.centrale .projets.fiche .criteres .delete, .centrale .projets .criteres .delete {
	float: right;
}

.centrale .projets.fiche h3 {
	color: #fff;
	font: normal bold 14px/18px Arial, Helvetica, Geneva, sans-serif;
	margin: 0 30px 0 40px;
	padding: 0;
}

.centrale .projets.fiche h4 {
	color: #fff;
	font: normal normal 12px/16px Arial, Helvetica, Geneva, sans-serif;
	margin: 20px 0 0 40px;
	padding: 0;
}

/* Liste des expertises */
/*.centrale .projets.fiche*/ .expertiseListe {
	list-style: none;
	margin: 0 0 20px 40px;
	padding: 0;
}

/*.centrale .projets.fiche*/ .expertiseListe li {
	font-size: 10px;
	display: block;
	margin: 0;
	padding: 5px 0 5px 0;
	border-bottom: 1px solid #53514e;
}
/*.centrale .projets.fiche*/ .expertiseListe li a {
	display: block;
}

/* Liste des métiers */
/*.centrale .projets.fiche*/ .metiersListe {
	list-style: none;
	margin: 0 0 0 40px;
	padding: 0;
}

/*.centrale .projets.fiche*/ .metiersListe li {
	font-size: 10px;
	display: block;
	margin: 0;
	padding: 5px 0 5px 15px;
	border-bottom: 1px solid #53514e;
}
/*.centrale .projets.fiche*/ .metiersListe li a {
	display: block;
}

/*.centrale .projets.fiche .metiersListe*/ li.archi {
	background: url(../images/puces-metiers.gif) no-repeat 0px 7px;
}

/*.centrale .projets.fiche .metiersListe*/ li.structure {
	background: url(../images/puces-metiers.gif) no-repeat 0px -6px;
}

/*.centrale .projets.fiche .metiersListe*/ li.energie {
	background: url(../images/puces-metiers.gif) no-repeat 0px -19px;
}

/*.centrale .projets.fiche .metiersListe*/ li.economie {
	background: url(../images/puces-metiers.gif) no-repeat 0px -32px;
}

/*.centrale .projets.fiche .metiersListe*/ li.travaux {
	background: url(../images/puces-metiers.gif) no-repeat 0px -45px;
}

/*.centrale .projets.fiche .metiersListe*/ li.mcplus {
	background: url(../images/puces-metiers.gif) no-repeat 0px -58px;
}

/*.centrale .projets.fiche .metiersListe*/ li.design {
	background: url(../images/puces-metiers.gif) no-repeat 0px -71px;
}

/*.centrale .projets.fiche .metiersListe*/ li.qeb {
	background: url(../images/puces-metiers.gif) no-repeat 0px -84px;
}

/*.centrale .projets.fiche .metiersListe*/ li.urbanisme {
	background: url(../images/puces-metiers.gif) no-repeat 0px -97px;
}

/* Infos sur le projet */
.centrale .projets.fiche span.infos {
	display: block;
	margin: 5px 0 5px 40px;
	color: #a3c540;
	font-weight: bold;
}

.centrale .projets.fiche span.infos span.pays {
	font-weight: normal;

}

.centrale .projets.fiche span.infos span.annee {
	font-weight: normal;
}

.centrale .projets.fiche span.infos span.client {
	font-weight: normal;
}

.centrale .projets.fiche .btnVideo {
	background: #333;
	-moz-border-radius: 12px;
	-khtml-border-radius: 12px;
	-webkit-border-radius: 12px;
	padding: 5px 16px;
	margin-right: 10px;
	font-size: 12px;
	color: #fff;
	border: none;
	float: right;
}

.centrale .projets.fiche .btnDiapo {
	background: #333;
	-moz-border-radius: 12px;
	-khtml-border-radius: 12px;
	-webkit-border-radius: 12px;
	padding: 5px 16px;
	margin-right: 30px;
	font-size: 12px;
	color: #fff;
	border: none;
	float: right;
}

.centrale .projets.fiche .btnVideo:hover, .centrale .projets.fiche .btnDiapo:hover {
	background: #a3c540;
}

.centrale .projets.fiche .colonne1 {
	padding-right: 10px;
}

.centrale .projets.fiche .colonne2 span.swapAffichage img {
	border: 1px solid #53514e;
    margin: 0px 8px 10px 0px;	
}

.centrale .projets.fiche .colonne2 span.swapAffichage img:hover {
	border: 1px solid #a3c540;
}

/* Liste des autres réalisations du meme type (Tableau) */
.content {overflow: hidden; margin-bottom: 5px}
.content table {margin: 0; font-size: 10px;}
.content table thead tr td {height: 1px !important}
.content table tr {height: 10px}
.content table thead tr {height: 0px}
.content table tr td {height: 10px !important; margin:0  !important; padding:3px 0  !important}

/* Si plus de 3 résultats on fixe une hauteur pour n'afficher que 3 lignes et les autres sont accessibles par un lien "voir plus"  */
.content.masque {
	height: 60px;
}

/* Special BET, Informations projet */
h5.bet {
	font-size: 10px !important;
	padding: 0 !important;
	margin: 0 !important;
	width: 320px;
}

h6.bet {
	margin-left: 0 !important;
}

h5.bet p {
	margin: 0;
	padding: 2px 0;
}

/* @end */

/* @group Mode d'affichage + Tri */

.centrale .projets div.affichage .liste span, .centrale .projets div.affichage .vignettes span, .centrale .projets div.affichage .vignettesBig span {
	display: none;
}

.centrale .projets div.affichage {
	position: absolute;
	width: 140px;
	height: 20px;
	top: 120px;
	right: 28px;
}

.en .centrale .projets div.affichage  {
	width: 150px;
}

.centrale .projets div.affichage span.label {
	display: block;
	margin: 7px 0 0 5px;
	float: left;
	color: #fff;
	font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
}

.centrale .projets div.affichage .liste {
	background: url(../images/mode-liste2.png) no-repeat 0 -21px;
	display: block;
	height: 21px;
	width: 17px;
	/*margin: 5px 10px 0 130px;
	float: left;*/
	position: absolute;
	top: 3px;
	right: 40px;
}

.centrale .projets div.affichage .vignettes {
	background: url(../images/mode-vignettes2.png) no-repeat 0 -21px;
	display: block;
	height: 21px;
	width: 25px;
	/*margin: 5px 0 0 0;
	float: left;*/
	position: absolute;
	top: 3px;
	right: 10px;
}

.centrale .projets div.affichage .vignettesBig {
	background: url(../images/mode-vignettesBig2.png) no-repeat 0 -21px;
	display: block;
	height: 21px;
	width: 17px;
	/*margin: 5px 0 0 0;
	float: left;*/
	position: absolute;
	top: 3px;
	right: 60px;
}

.centrale .projets div.affichage .liste:hover, .centrale .projets div.affichage .liste.select, .centrale .projets div.affichage .vignettes:hover, .centrale .projets div.affichage .vignettes.select, .centrale .projets div.affichage .vignettesBig:hover, .centrale .projets div.affichage .vignettesBig.select {
	background-position: 0 0;
}

/* @end */

/* @group DropDown Menu - Style Select option skinné */

/* Etat initial (lien cliquable) - Général */
.menuDeroulant {
	padding: 0; 
	float: left; 
	position: relative;
}

.menuDeroulant span {
	cursor: pointer;
	margin: 0 30px 0 0; 
	width: 30px;
	/*height: 15px; */
	display: block;
	background: url(../images/picto-fleche-down2.gif) no-repeat right 5px;
}

/* Etat initial (lien cliquable) - Specifique */
.menuDeroulant.liste1 span.lien {
	width: 35px;
}

.menuDeroulant.liste2 span.lien {
	width: 40px;
}

.en .menuDeroulant.liste2 span.lien {
	width: 55px;
}

.menuDeroulant.liste3 span.lien {
	width: 50px;
}

.en .menuDeroulant.liste3 span.lien {
	width: 70px;
}

.menuDeroulant.liste4 span.lien {
	width: 55px;
}

.en .menuDeroulant.liste4 span.lien {
	width: 60px;
}

.menuDeroulant.liste5 span.lien {
	width: 75px;
}

/* Etat Survol */
.menuDeroulant span:hover {
	background: url(../images/picto-fleche-down-over.gif) no-repeat right 5px;
	color: #a3c540;
}

/* Etat Selectionné */
.menuDeroulant span.select {
	/*background: url(images/picto-fleche-up.gif) no-repeat right 5px;*/
	background: none;
	color: #a3c540;
}

/* Div qui contient le Menu deployé */
.sub_menu {
	display: none; 
	position: absolute;
	padding: 0 0 15px 0;
	margin: 0;
	top: 15px; 
	left: -5px;
	/*width: 120px;*/
	width: 655px;
	/*height: 185px;*/
	background: #fff;
	/*background: url(images/drop-down-test.png) no-repeat 0 0;*/
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	z-index: 1000;
}

/* Menu deployé */
.sub_menu ul {
	overflow-y: auto;
	min-height: 185px;
	/*width: 108px;*/
	/*width: 190px;*/
	margin: 0 0 0 10px;
	padding: 5px 0 0 0;
	list-style-type:none;
}

.sub_menu ul li {
	background: none;
	margin: 0;
	padding: 2px 0 0 1px;
	border-bottom: 1px solid #eee;
	height: 15px;
    width: 160px;
    float: left;
}

.sub_menu ul li a span {
	background: none;
	font-size: 10px;
	display: block;
	/*width: 90px;*/
	width: 190px;
	color: #211611;
}

.sub_menu ul li a:hover span {
	background: none;
	color: #a3c540;
}

/* Spécifique */
/* Etat */
.menuDeroulant.liste1 .sub_menu {
	height: 45px !important;
	width: 80px;
}

.menuDeroulant.liste1 .sub_menu ul {
	width: 60px;
	overflow-y: auto;
	overflow-x: hidden;
}

/* Pays */
.menuDeroulant.liste2 .sub_menu {
	width: 100px;
	/*height: 130px;*/
}

.menuDeroulant.liste2 .sub_menu ul {
	width: 80px;
	overflow-y: auto;
	overflow-x: hidden;
}

/* Clients */
.menuDeroulant.liste3 .sub_menu ul {
	overflow-y: auto;
	overflow-x: hidden;
}

/* Metiers */
.menuDeroulant.liste4 .sub_menu {
	height: 190px;
	/*width: 110px;*/
	width: 155px;
}

.menuDeroulant.liste4 .sub_menu ul {
	/*width: 90px;*/
	width: 140px;
	overflow-y: auto;
	overflow-x: hidden;
}

.menuDeroulant.liste4 .sub_menu ul li {
	padding-left: 10px;
}

.menuDeroulant.liste4 .sub_menu ul li.item_line {
	padding-left: 0;
}

.menuDeroulant.liste4 .sub_menu ul li.archi {
	background: url(../images/puces-metiers.gif) no-repeat 0px 6px;
}

.menuDeroulant.liste4 .sub_menu ul li.structure {
	background: url(../images/puces-metiers.gif) no-repeat 0px -8px;
}

.menuDeroulant.liste4 .sub_menu ul li.energie {
	background: url(../images/puces-metiers.gif) no-repeat 0px -20px;
}

.menuDeroulant.liste4 .sub_menu ul li.economie {
	background: url(../images/puces-metiers.gif) no-repeat 0px -33px;
}

.menuDeroulant.liste4 .sub_menu ul li.travaux {
	background: url(../images/puces-metiers.gif) no-repeat 0px -46px;
}

.menuDeroulant.liste4 .sub_menu ul li.mcplus {
	background: url(../images/puces-metiers.gif) no-repeat 0px -59px;
}

.menuDeroulant.liste4 .sub_menu ul li.design {
	background: url(../images/puces-metiers.gif) no-repeat 0px -72px;
}

.menuDeroulant.liste4 .sub_menu ul li.qeb {
	background: url(../images/puces-metiers.gif) no-repeat 0px -85px;
}

.menuDeroulant.liste4 .sub_menu ul li.urbanisme {
	background: url(../images/puces-metiers.gif) no-repeat 0px -98px;
}

/* Expertises */
.menuDeroulant.liste5 .sub_menu {
	/*width: 140px;*/
	width: 155px;
}

.menuDeroulant.liste5 .sub_menu ul {
	/*width: 130px;*/
	width: 140px;
	overflow-y: auto;
	overflow-x: hidden;
}

.item_line {
	border-bottom: solid 2px #eee !important;
	font-weight: bold;
}

.liste3 .item_line {
    width:655px !important;
}

/* @end */

/* @end */

/* @group Home */

.centrale .home {
	/*background: url(../images/lines-home.png) repeat-y 0 0;*/
}

.centrale .home h1 {
	display: block;
	height: 50px;
	width: 370px;
	margin: 35px 0 10px 0;
	padding: 0;
	background: url(../images/titre-home.png) no-repeat 0 0;
}

.en .centrale .home h1 {
	background: url(../images/titre-home-en.png) no-repeat 0 0;
}

.centrale .home h3 {
	
}

.centrale .home h4 {

}

.centrale .home h6 {
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	margin: 10px 0 0 0;
	padding: 0;
}

/* Modif pour fucking referencement */
.centrale .home #slideshow_down h3 {
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	margin: 10px 0 0 0;
	padding: 0;
	color: #fff;
}

.centrale .home .colonne {
	background: url(../images/separateur-repeat.gif) repeat-x 0 top;
	padding: 20px 0 0 0;
	margin-right: 20px;
}

.centrale .home .intro {
	padding-bottom: 10px !important;
}

/* @end */

/* @group Agences */

.centrale .agences {
	/*background: url(../images/lines-agences.png) repeat-y 0 0;*/
}

.centrale .agences h1 {
	display: block;
	height: 50px;
	width: 330px;
	margin: 35px 0 10px 0;
	padding: 0;
	background: url(../images/titre-agence.png) no-repeat 0 0;
}

.en .centrale .agences h1 {
	background: url(../images/titre-agence-en.png) no-repeat 0 0;
}

.centrale .agences .colonne {
	/*background: url(../images/separateur-repeat.gif) repeat-x 0 top;*/
	padding: 20px 0 0 0;
	margin: 0 40px 0 0;
}

.centrale .agences .colonne.historique {
	padding-left: 40px !important;
}

.centrale .agences .colonne.historique p {
	font-size: 11px;
}

ul.listeAgences {
	list-style: none;
	margin: 0 0 0 40px;
	padding: 0;
}

ul.listeAgences li {
	display: block;
	margin: 0 10px 5px 0;
	padding: 0;
	float: left;
}

ul.listeAgences li.select a span {
	color: #a3c540;
	display: block;
	background: url(../images/picto-fleche-down.gif) no-repeat center 15px;
	height: 20px;
}

.centrale .agences h5 {
	display: block;
	padding-top: 20px;
	background: url(../images/separateur-repeat.gif) repeat-x 0 top;
}

/* @end */

/* @group Métiers */

.centrale .metiers {
	/*background: url(../images/lines-metiers.png) repeat-y 0 0;*/
}

.centrale .metiers h1 {
	display: block;
	height: 50px;
	width: 350px;
	margin: 35px 0 10px 0;
	padding: 0;
	background: url(../images/titre-metiers.png) no-repeat 0 0;
}

.en .centrale .metiers h1 {
	background: url(../images/titre-metiers-en.png) no-repeat 0 0;
}

/*.centrale .metiers .colonne {
	background: url(../images/separateur-repeat.gif) repeat-x 0 top;
	padding: 20px 0 0 0;
	margin: 0 40px 20px 0;
}

.centrale .metiers .colonne img {
	margin-bottom: 10px;
}

.centrale .metiers h3 a {
	color: #a3c540;
	font-size: 14px;
	display: block;
	background: url(../images/picto-plus.gif) no-repeat right 5px;
	cursor: pointer;
}

.centrale .metiers .colonne h5 a {
	background: url(../images/picto-plus.gif) no-repeat right 5px;
	display: block;
	width: 200px;
	cursor: pointer;
}*/

.centrale .metiers .colonne {
	background: url(../images/separateur-repeat.gif) repeat-x 0 top;
	padding: 20px 0 0 0;
}

.centrale .metiers .colonne a {
	display: block;
	margin: 0;
	padding: 5px 0 5px 0;
	border-bottom: 1px solid #53514e;
}

.centrale .metiers .colonne a.select {
	color: #a3c540;
}

/* Affichage Fiche détaillée */
.centrale .metiers.fiche .colonne1 {
	margin-right: 30px;
}

.centrale .metiers.fiche .colonne1 a.miniLink {
	margin: 20px 0 0 40px;
	display: block;
}

.centrale .metiers.fiche h2 {
	/*background: url(../images/separateur-repeat.gif) repeat-x 0 top;*/
	color: #fff;
	font: normal bold 24px/36px Arial, Helvetica, Geneva, sans-serif;
	margin: 20px 40px 20px 40px;
	padding: 10px 0 0 0;
}

.centrale .metiers.fiche h3 {
	color: #fff;
	font: normal bold 14px/20px Arial, Helvetica, Geneva, sans-serif;
	margin: 0 30px 0 40px;
	padding: 0;
}

.centrale .metiers.fiche h4 {
	color: #fff;
	font: normal normal 12px/18px Arial, Helvetica, Geneva, sans-serif;
	margin: 20px 0 0 40px;
	padding: 0;
}

.centrale .metiers.fiche h5 {
	color: #a3c540;
	font: normal normal 12px/18px Arial, Helvetica, Geneva, sans-serif;
	margin: 10px 0 10px 0;
	padding: 0;
}

.centrale .metiers.fiche .colonne2 a img {
	border: 1px solid #53514e;
}

.centrale .metiers.fiche .colonne2 a:hover img {
	border: 1px solid #a3c540;
}

.centrale .metiers.fiche .colonne2 table tr td {
	padding: 0 !important;
	margin: 0 !important;
	font-size: 10px;
}

.centrale .metiers.fiche .colonne2 table tr.alternance1, .centrale .metiers.fiche .colonne2 table tr.alternance2, .centrale .metiers.fiche .colonne2 table tr.alternance1 td, .centrale .metiers.fiche .colonne2 table tr.alternance2 td {
	height: 20px;
}

/* Survol des liens métiers (couleur particulière) */
.centrale .metiers .metierArchictecture a:hover {
	color: #4e352a;
}

.centrale .metiers .metierUrbanisme a:hover {
	color: #dd2739;
}

.centrale .metiers .metierUrbanisme a:hover {
	color: #dd2739;
}

.centrale .metiers .metierEnergie a:hover {
	color: #e36126;
}

.centrale .metiers .metierTravaux a:hover {
	color: #58398a;
}

.centrale .metiers .metierEconomie a:hover {
	color: #1c3f99;
}

.centrale .metiers .metierDesign a:hover {
	color: #de276c;
}

.centrale .metiers .metierStructure a:hover {
	color: #9c7ab1;
}

.centrale .metiers .metierEnvironnement a:hover {
	color: #bbcf1b;
}

.centrale .metiers .metierMCplus a:hover {
	color: #fff;
}

/* @end */

/* @group Expertise */

.centrale .expertise {
	/*background: url(../images/lines-expertise.png) repeat-y 0 0;*/
}

.centrale .expertise h1 {
	display: block;
	height: 50px;
	width: 370px;
	margin: 35px 0 10px 0;
	padding: 0;
	background: url(../images/titre-expertise.png) no-repeat 0 0;
}

.en .centrale .expertise h1 {
	background: url(../images/titre-expertise-en.png) no-repeat 0 0;
}

.centrale .expertise .colonne {
	background: url(../images/separateur-repeat.gif) repeat-x 0 top;
	padding: 20px 0 0 0;
}

.centrale .expertise .colonne a {
	display: block;
	margin: 0;
	padding: 5px 0 5px 0;
	border-bottom: 1px solid #53514e;
}

.centrale .expertise .colonne a.select {
	color: #a3c540;
}

/* Affichage Fiche détaillée */
.centrale .expertise.fiche .colonne1 {
	margin-right: 30px;
}

.centrale .expertise.fiche h2 {
	/*background: url(../images/separateur-repeat.gif) repeat-x 0 top;*/
	color: #fff;
	font: normal bold 24px/36px Arial, Helvetica, Geneva, sans-serif;
	margin: 20px 40px 20px 40px;
	padding: 10px 0 0 0;
}

.centrale .expertise.fiche h3 {
	color: #fff;
	font: normal bold 14px/20px Arial, Helvetica, Geneva, sans-serif;
	margin: 0 30px 0 40px;
	padding: 0;
}

.centrale .expertise.fiche h4 {
	color: #fff;
	font: normal normal 12px/18px Arial, Helvetica, Geneva, sans-serif;
	margin: 20px 0 0 40px;
	padding: 0;
}

.centrale .expertise.fiche h5 {
	color: #a3c540;
	font: normal normal 12px/18px Arial, Helvetica, Geneva, sans-serif;
	margin: 10px 0 10px 0;
	padding: 0;
}

.centrale .expertise.fiche .colonne2 a img {
	border: 1px solid #53514e;
}

.centrale .expertise.fiche .colonne2 a:hover img {
	border: 1px solid #a3c540;
}

.centrale .expertise.fiche .colonne2 table tr td {
	padding: 0 !important;
	margin: 0 !important;
	font-size: 10px;
}

.centrale .expertise.fiche .colonne2 table tr.alternance1, .centrale .expertise.fiche .colonne2 table tr.alternance2, .centrale .expertise.fiche .colonne2 table tr.alternance1 td, .centrale .expertise.fiche .colonne2 table tr.alternance2 td {
	height: 20px;
}

/* @end */

/* @group Concepts */

.centrale .concepts {
	/*background: url(../images/lines-concepts.png) repeat-y 0 0;*/
}

.centrale .concepts h1 {
	display: block;
	height: 50px;
	width: 350px;
	margin: 35px 0 10px 0;
	padding: 0;
	background: url(../images/titre-concepts.png) no-repeat 0 0 !important;
}

.en .centrale .concepts h1 {
	background: url(../images/titre-concepts-en.png) no-repeat 0 0 !important;
}

.centrale .concepts .colonne {
	background: url(../images/separateur-repeat.gif) repeat-x 0 top;
	padding: 20px 0 0 0;
	margin: 0 40px 20px 0;
}

.centrale .concepts .colonne img {
	margin-bottom: 10px;
	border: 1px solid transparent;
}

.centrale .concepts .colonne a:hover img {
	border: 1px solid #a3c540;
}

.centrale .concepts .colonne h2 {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}

.centrale .concepts .colonne h2 span {
	display: inline;
}

/* Affichage Fiche détaillée */

.centrale .concepts.fiche h2 {
	color: #fff;
	font: normal bold 24px/36px Arial, Helvetica, Geneva, sans-serif;
	margin: 0 40px 20px 40px;
	padding: 10px 0 0 0;
}


/* @end */

/* @group Clients */

.centrale .clients {
	/*background: url(../images/lines-clients.png) repeat-y 0 0;*/
}

.centrale .clients h1 {
	display: block;
	height: 50px;
	width: 350px;
	margin: 35px 0 10px 0;
	padding: 0;
	background: url(../images/titre-clients.png) no-repeat 0 0;
}

.en .centrale .clients h1 {
	background: url(../images/titre-clients-en.png) no-repeat 0 0;
}

.centrale .clients .colonne {
	background: url(../images/separateur-repeat.gif) repeat-x 0 top;
	padding: 20px 0 0 0;
	margin: 0 40px 0 0;
}

.centrale .clients .colonne a {
	display: block;
	margin: 0;
	padding: 5px 0 5px 0;
	border-bottom: 1px solid #53514e;
	line-height: 14px;
}

.centrale .clients .colonne a.noProjet {
	color: #fff;
	cursor: default;
}

/* @end */

/* @group Equipe */

.centrale .equipe {
	/*background: url(../images/lines-equipe.png) repeat-y 0 0;*/
}

.centrale .equipe h1 {
	display: block;
	height: 50px;
	width: 350px;
	margin: 35px 0 10px 0;
	padding: 0;
	background: url(../images/titre-equipe.png) no-repeat 0 0;
}

.en .centrale .equipe h1 {
	background: url(../images/titre-equipe-en.png) no-repeat 0 0;
}

.centrale .equipe .colonne {
	background: url(../images/separateur-repeat.gif) repeat-x 0 top;
	padding: 20px 0 0 0;
}

.centrale .equipe .colonne.none {
	background: none;
}

/* Associés */
.centrale .equipe .colonne .bloc {
	/*height: 160px;*/
	margin-bottom: 15px;
}

.centrale .equipe .colonne .bloc a img {
    /*
	height: 90px;
	width: 130px;
	*/
	border: 1px solid transparent;
}

.centrale .equipe .colonne .bloc a:hover img {
	border: 1px solid #a3c540;
}

.centrale .equipe .nom {
	font-weight: bold;
}

.centrale .equipe .colonne img {
	margin-bottom: 10px;
}

.centrale .equipe .colonne span.metier {
	display: block;
	margin: 5px 0 0 0;
	font-size: 11px;
	line-height: 13px;
	font-style: italic;
}

/* Employés */
.centrale .equipe .colonne .bloc2 {
	/*height: 110px;*/
	margin-bottom: 15px;
}

/* Responsable de pole */
.centrale .equipe .colonne .bloc3 {
	/*height: 140px;*/
	margin-bottom: 15px;
}

.centrale .equipe .colonne .bloc3 img {
	padding-top: 10px;
}

.centrale .equipe .colonne .bloc3.design img {
	border-top: 1px solid #de276c;
}

.centrale .equipe .colonne .bloc3.qeb img {
	border-top: 1px solid #bbcf1b;
}

.centrale .equipe .colonne .bloc3.urbanisme img {
	border-top: 1px solid #dd2739;
}

.centrale .equipe .colonne .bloc3.economie img {
	border-top: 1px solid #1c3f99;
}

.centrale .equipe .colonne .bloc3.travaux img {
	border-top: 1px solid #58398a;
}

.centrale .equipe .colonne .bloc3.energie img {
	border-top: 1px solid #e36126;
}

.centrale .equipe .colonne .bloc3.structure img {
	border-top: 1px solid #9c7ab1;
}

.centrale .equipe .colonne .bloc3.mcplus img {
	border-top: 1px solid #fff;
}

/* Fiche equipe */
.centrale .equipe.fiche h1 {
	float: left;
}

.centrale .equipe.fiche .intro {
	margin: 0 40px 0 0;
	padding: 10px 0 0 0;
}

.centrale .equipe.fiche .colonne1 {
	margin-right: 40px;
}

.centrale .equipe.fiche h3 {
	color: #a3c540;
	font: bold 14px Arial, Helvetica, Geneva, sans-serif;
	margin: 0 0 0 0;
	padding: 0;
}

.centrale .equipe.fiche h4 {
	color: #fff;
	font: italic 12px/18px Arial, Helvetica, Geneva, sans-serif;
	margin: 0 0 20px 0;
	padding: 0;
}

.centrale .equipe.fiche img {
	border: 1px solid #53514e;
}

/* Liste des autres membres (Tableau) */
.centrale .equipe.fiche .content {overflow: hidden; height: 60px; margin-bottom: 5px}
.centrale .equipe.fiche .content .fonction {
	font-size: 10px;
	font-style: italic;
	color: #fff;
}
/* @end */

/* @group Carrières */

.centrale .carrieres.detail h2 {
	float: left;
}

.centrale .carrieres {
	/*background: url(../images/lines-carrieres.png) repeat-y 0 0;*/
}

.centrale .carrieres h1 {
	display: block;
	height: 50px;
	width: 350px;
	margin: 35px 0 10px 0;
	padding: 0;
	background: url(../images/titre-carrieres.png) no-repeat 0 0;
}

.en .centrale .carrieres h1 {
	background: url(../images/titre-carrieres-en.png) no-repeat 0 0;
}

.centrale .carrieres .colonne {
	background: url(../images/separateur-repeat.gif) repeat-x 0 top;
	padding: 20px 0 0 0;
	margin: 0 40px 0 0;
}

.centrale .carrieres .colonne2 {
	background: url(../images/separateur2-repeat.png) repeat-x 0 top;
	padding: 20px 0 0 0;
	margin: 0 40px 0 0;
}

.centrale .carrieres .colonne3 {
	padding: 20px 0 0 0;
	margin: 0 40px 0 0;
}

.centrale .carrieres ul {
	list-style: square;
	margin: 0 0 20px 20px;
}

.centrale .carrieres ul li {
	font-size: 11px;
	line-height: 14px;
}

.centrale .carrieres.detail h3 {
	margin-left: 200px;
}

.centrale .carrieres.detail h4 {
	font-weight: bold;
	font-size: 18px;
	margin-left: 200px;
}

.centrale .carrieres.detail form div.upload {
	padding: 5px;
	background: url(../images/bkg-opacity-75.png) repeat 0 0;
}

.centrale .carrieres.detail form input.inputTexte {
	width: 200px;
}

.centrale .carrieres.detail form input.inputTexte.captcha {
	width: 100px;
}

/* @end */

/* @group Contact */

.centrale .contact {
	/*background: url(../images/lines-contact.png) repeat-y 0 0;*/
}

.centrale .contact h1 {
	display: block;
	height: 50px;
	width: 400px;
	margin: 35px 0 10px 0;
	padding: 0;
	background: url(../images/titre-contact.png) no-repeat 0 0;
}

.en .centrale .contact h1 {
	background: url(../images/titre-contact-en.png) no-repeat 0 0;
}

.centrale .contact h5 span.ville {
	color: #a3c540;
}

.centrale .contact .colonne {
	background: url(../images/separateur-repeat.gif) repeat-x 0 top;
	padding: 20px 0 0 0;
	margin: 0 30px 0 0;
}

.centrale .contact .bloc1 {
	margin-right: 30px;
}

.centrale .contact .bloc.vide {
	margin-top: 239px;
}

.centrale .contact .bloc {
	background: url(../images/separateur-repeat.gif) repeat-x 0 top;
	padding: 20px 0 0 0;
	margin: 0 0 20px 0;
}

/* @end */

/* @group Newsletter */

.centrale .newsletter {
	/*background: url(../images/lines-contact.png) repeat-y 0 0;*/
}

.centrale .newsletter h1 {
	display: block;
	height: 50px;
	width: 420px;
	margin: 35px 0 10px 0;
	padding: 0;
	background: url(../images/titre-newsletter.png) no-repeat 0 0;
}

en .centrale .newsletter h1 {
	background: url(../images/titre-newsletter-en.png) no-repeat 0 0;
}

.centrale .newsletter .colonne {
	background: url(../images/separateur-repeat.gif) repeat-x 0 top;
	padding: 20px 0 0 0;
	margin: 0 30px 0 0;
}

.centrale .newsletter .bloc1 {
	height: 190px;
}

.centrale .newsletter .bloc1 .titre {
	font-weight: bold;
	font-size: 11px;
	display: block;
}

.centrale .newsletter .bloc1 .date {
	font-size: 10px;
	display: block;
	margin-bottom: 10px;
}

.centrale .newsletter .bloc1 img {
	margin-bottom: 10px;
	border: 1px solid #53514e;
}

.centrale .newsletter .bloc1 img:hover {
	border: 1px solid #a3c540;
}

.centrale .newsletter .desinscription {
	background: none;
	border: none;
	color: #c8c8c8;
	font-size: 9px;
}

.centrale .newsletter .desinscription:hover {
	color: #fff;
	cursor: pointer;
}

/* @end */

/* @group Blog */

.bodyBlog .centraleTop {
	background: url(../images/bkg-blanc-top.png) no-repeat 0 0;
	margin: 20px 0 0 190px;
	height: 20px;
}

.bodyBlog .centraleBottom {
	background: url(../images/bkg-blanc-bottom.png) no-repeat 0 0;
	margin: 0 0 10px 190px;
	height: 20px;
}

.bodyBlog .centrale {
	background: #fff !important;
	color: #555;
}

.bodyBlog .centrale h4 {
	color: #211611;
}

.bodyBlog .centrale a {
	color: #70656b;
	text-decoration: underline;
}

.bodyBlog .centrale a:hover {
	text-decoration: none;
}

.bodyBlog .centrale form {
	background: #eee;
}

.bodyBlog .centrale form input, .bodyBlog .centrale form textarea {
	border: 1px solid #ccc !important;
}

.centrale .blog {
	background: url(../images/lines-blog.png) repeat-y 0 0;
}

.centrale .blog h1 {
	display: block;
	height: 50px;
	width: 270px;
	margin: 35px 0 10px 0;
	padding: 0;
	background: url(../images/titre-blog2.png) no-repeat 0 0;
	float: left;
}

.en .centrale .blog h1 {
	background: url(../images/titre-blog2.png) no-repeat 0 0;
}

.centrale .blog h1 a {
	display: block;
	width: 240px;
	height: 50px;
}

.centrale .blog .categories {
	float: left;
	margin: 40px 10px 0 0;
	width: 125px;
}

.centrale .blog .categories ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.centrale .blog .categories ul li {
	display: block;
	margin: 5px 0;
}

.centrale .blog .colonne {
	background: url(../images/separateur-repeat.gif) repeat-x 0 top;
	padding: 20px 0 0 0;
}

.centrale .blog .colonne2 {
	background: #f7f7f7 url(../images/separateur2-repeat.png) repeat-x 0 top;
	padding: 25px 20px 20px 20px;
	margin: 0 40px 0 0;
}

.centrale .blog .colonne3 {
	padding: 20px 0 0 0;
	margin: 0 40px 0 0;
}

.centrale .blog h5 {
	color: #a3c540;
	font-size: 20px;
	font-weight: normal;
	margin: 0 0 20px 0;
	padding: 0;
}

.centrale .blog h6 {
	color: #211611;
	font-size: 16px;
	font-weight: normal;
	margin: 0 0 5px 0;
	padding: 0;
}

.centrale .blog .comments {
	font-size: 11px;
}

/* @end */

/* @end */

/* @group Bas */

.footer {
	margin: 0 0 20px 190px;
	padding: 0;
	font-size: 10px;
	/*display: none;*/
}

.footer .handmade {
	float: right;
	display: block;
	background: url(../images/handmade-blanc.gif) no-repeat 0 0;
	height: 15px;
	width: 95px;
}

.footer .handmade span {
	display: none;
}

.eperluette {
	color: #a3c540;
}

/* @end */

/* Partie invisible au départ "div qui apprait avec le JS dropInOut */

.swapRetour {
	display: block;
}

.swapRetour img {
	color: #c8c8c8;
	display: block;
	float: left;
	margin-right: 10px;
	border: none !important;
}

.swapRetour:hover {
	color: #a3c540;
}

.menuBas {
	/*background: url(../images/bkg-opacity-75.png) repeat 0 0;*/
	padding: 20px 0 5px 40px;
	/*border-top-right-radius: 11px;
	-moz-border-radius-topright: 11px;
	-webkit-border-top-right-radius: 11px;
	border-top-left-radius: 11px;
	-moz-border-radius-topleft: 11px;
	-webkit-border-top-left-radius: 11px;*/
	/*-moz-border-radius: 11px;
	-khtml-border-radius: 11px;
	-webkit-border-radius: 11px;*/
	min-height: 25px;
	position: fixed;
	bottom: 0;
	left: 0px;
	display: none;
	width: 100%;
	z-index: 5000;
}


.menuBas2 {
	background: url(../images/bkg-opacity-75.png) repeat 0 0;
	padding: 30px 10px 10px 10px;
	height: 10px;
	border-bottom-right-radius: 11px;
	-moz-border-radius-bottomright: 11px;
	-webkit-border-bottom-right-radius: 11px;
	border-bottom-left-radius: 11px;
	-moz-border-radius-bottomleft: 11px;
	-webkit-border-bottom-left-radius: 11px;
	position: absolute;
	bottom: 0;
	left: 930px;
	display: none;
	width: 25px;
	z-index: 50;	
}

.menuBas img {
	border: 1px solid #53514e;
}

.menuBas img:hover {
	border: 1px solid #a3c540;
}