body  { font-family: Arial; margin: 0; padding: 0 }

#topheader_conteneur    { background-color: #dedede; text-align: center; border-bottom: 1px solid #cdcdcd }
#topheader   { margin-right: auto; margin-left: auto; width: 900px; height: 32px }
#topheader ul   { list-style-type: none; margin: 0; padding: 0; float: right }
#topheader li    {  display: inline; padding-right: 10px }

#topheader a:link,#topheader a:active,#topheader a:visited   { color: #676767; font-size: 11px; font-family: Verdana; text-decoration: none }
#topheader a:hover  {color: #676767; text-decoration: underline }


#header_conteneur   { background-color: #dedede; text-align: center }
#header     { text-align: left; margin-right: auto; margin-left: auto; width: 900px; height: 270px }

#logo   { padding-bottom: 5px; float: left }
#menuhaut    { margin-top: 30px; width: 650px; float: left }
#banniere   { background-image: url("images/banniere.jpg"); background-repeat: no-repeat; width: 900px; height: 177px; clear: left }

#titre_conteneur {background-color: #dedede; text-align: center;}
#titre { background-color: #fff; text-align: left; margin-right: auto; margin-left: auto; width: 900px; height: 42px }
#titre_rubrique_text       { color: #214083; font-size: 1em; font-family: Arial; font-weight: bold; text-transform: uppercase; margin-right: 85px; padding-top: 10px; padding-left: 36px; float: left }
#titre_text       { color: #214083; font-size: 1em; font-family: Arial; font-weight: bold; text-transform: uppercase; padding-top: 10px; padding-left: 36px; float: left }


#contenu_conteneur  { text-align: center }
#contenu   { text-align: left; margin-right: auto; margin-left: auto; width: 900px }
#menugauche         { text-align: left; margin: 0 0 150px; padding: 0; width: 270px; height: 420px; float: left; border-right: 1px solid #b2b2b2 }
#menugauche a:link,#menugauche a:visited,#menugauche a:active      { color: #888888; font-size: 0.8em; font-family: Arial; font-weight: bold; line-height: 42px; text-decoration: none; display: block; padding-left: 14px; width: auto; height: 42px }
#menugauche a:hover   { color: #fff; text-decoration: none; background-color: #214083 }


#menugauche .gapimenutable     { width: 100%; float: none }
#menugauche .gapimenutd    { padding-left: 22px; width: auto }
.gapimenu   { color: #888; font-size: 0.8em; font-family: Arial; font-weight: bold; text-decoration: none; text-transform: uppercase }
a.gapimenu:hover   { color: #f0a21b; text-decoration: none }


#contenu_texte   { padding: 10px; float: right }
#texte   { width: 600px }

#footer_conteneur     { background-color: #eaeaea; background-image: url("images/footer_bg.jpg"); background-repeat: repeat-x; text-align: center; height: 450px; clear: both }
#footer      { text-align: left; margin-right: auto; margin-left: auto; padding-top: 30px; width: 900px }
#legales       { width: 270px; float: left }
#legales_texte  { color: #888888; font-size: 0.8em; font-family: Arial; padding-top: 5px; padding-left: 5px }

#plan       { width: 620px; float: left }
#plan_services  { padding-left: 50px }
#plan_realisations  { border-left: 1px solid #cccccc }
#plan_apropos  { border-left: 1px solid #cccccc }
#plan_contact  { border-left: 1px solid #cccccc }
.plan  { color: #214083; font-size: 0.8em; font-family: Arial; font-weight: bold; float: left }
.plan ul  { list-style-type: none; margin: 0; padding: 0 0 0 18px }
.plan li   { margin: 0; padding: 10px 30px 0 0 }
.plan a:link,.plan a:visited,.plan a:active   { color: #888888; font-family: Arial; font-weight: normal; text-decoration: none }
.plan a:hover  { text-decoration: underline }


/*HOME */

#home #header     { height: 466px }
#home #banniere  { background-image: url("images/banniere_home.jpg"); height: 373px;}
#home #contenu   { display: block; padding-top: 10px; padding-left: 15px; width: 900px }
#home .titre_home          { padding-top: 10px; width: 298px; float: left }
#home .texte_titre_home   { color: #214083; font-size: 1em; font-family: Arial; font-weight: bold; text-transform: uppercase; padding-right: 20px; padding-left: 20px }
#home .contenu_texte_home      { display: block; padding-left: 3px; width: 295px; height: 300px; float: left; border-right: 1px solid #cccccc }
#home .last   { border-right: medium none }
#home .texte_home    { padding-right: 20px; padding-bottom: 10px; padding-left: 10px; width: 280px }

#contenu ul li span   { color: #000 }
#contenu li { color: #214083; list-style-type: square }

#twitter-widget-0{width:880px;height:170px;margin-top:20px;}
.customisable-highlight {color: #214083}