﻿
form{height:100%;margin:0;padding:0;}    

html{}

html, body {
    height: 100%;
    margin: 0;
    font-family:Trebuchet MS;
    font-size:11px;
    padding:0
    }
    
  body{background: url(../images/common/header_top2.jpg); background-repeat:repeat-x;
    
    }
    
div#global {
    min-height: 100%;
    
    margin: 0 auto;
    position: relative;background: url(../images/common/footer.jpg) repeat-x; background-position:bottom left;
    }
    
div#website {
    min-height: 100%;
    width:1002px;
    margin: 0 auto;
    position: relative;
    }   
    
    
div#header {
    background: url(../images/common/header.jpg) no-repeat;
    height: 92px;
    position: relative;
    }
    
a#logo
{width:85px;
   height:91px;
   display:block;
   float:left;
   margin-right:140px}

#bloc_liens
{}    
        
#bloc_liens a
{display:block;
  font-variant:small-caps;
  color:#fff;
  text-decoration:none;
  padding-bottom:3px;
  font-weight:bold}    

a img
{border:0}

a {color:#06435f}

h1, h1 a
  {text-transform:uppercase;color:#118a98;font-size:11px;margin:0;letter-spacing:0.1em;margin-top:4px;text-decoration:none}
  
h1.h1_rub
  {text-transform:uppercase; color:#2b636e;font-size:11px; letter-spacing:1.0em;
    padding-left:20px;height:24px}

img.img_bordg
{padding-right:20px;position:relative;top:7px}
  
img.img_bordd
{padding-left:13px;position:relative;top:7px}
  
h2
  {text-transform:uppercase;color:#2c646e;font-size:11px;margin:0}
  
h3
  {color:#0a4550;font-size:11px;margin:0}
  
  
  h4
  {color:#2c646e;font-size:11px;margin:2px;border-bottom:1px solid #2c646e}
  
p{margin-top:0px;text-align:justify}
  

div#menu
    {
    padding-top:4px;
    text-align:center
    }
    
div#menu a, div#menu a:hover
    {
  font-variant:small-caps;
  color:#09373f;
  text-decoration:none;
  font-size:13px;
  font-weight:bold;
  padding-right:10px}
    
    
div#menu a:hover
    {
  color:#118a98;
  text-decoration:underline}
    

    
    
div#center {
    padding-bottom: 56px;
    overflow: auto;
    min-height:250px;
    padding-top:40px;
    }


div#footer
{
    position:absolute;
    width:100%;
    bottom:0;height:34px;
    text-align:center;
    color:#595858;padding-top:6px
 }


div#footer a
{
    color:#595858;
    text-decoration:none;
    font-size:9px;
    padding-right:4px;padding-left:4px
 }


 /***********************page accueil***********************/
 

 
 #div_news_acc_titre
 { width:243px; background: url(../images/common/fond_news.jpg); background-repeat:no-repeat;
   text-align:center; text-transform:uppercase; color:#2b636e; letter-spacing:1.0em; font-weight:bold;
    background-position: 0px 6px}
 
 #div_news_acc_content
 {width:209px;border-left:1px solid #5d8388;border-right:1px solid #5d8388;
  padding-left:16px;padding-right:16px}
  
  div.news_date
  {color:#4dafb9;margin-top:4px}
  
  
    div.news_titre
  {border-bottom:1px solid #065f78;color:#065f78;text-transform:uppercase;font-weight:bold;margin-bottom:4px}
  
  div.news_img
  {float:left;margin-right:4px;margin-bottom:0px}
  
  div.news_txt
  { line-height:1.6em;font-size:10px}
  
  div.news_lnk
  {float:right;}  
  
  div.news_lnk a
   { font-size:10px}
   
   div.spacer
   { clear:both}
   
   div#div_news_acc_footer
   {width:243px;height:10px; background: url(../images/common/fond_news_footer.jpg); background-repeat:no-repeat;}
   
   div#sidebar
   {float:left;margin-right:40px}  
   
 
   
 
   
   div#slideshow_real
   {margin-left:320px}
   
   div#realisations_titre
   {width:607px; background: url(../images/common/fond_realisations.jpg); background-repeat:no-repeat;
   text-align:center; text-transform:uppercase; color:#2b636e; letter-spacing:0.8em; font-weight:bold;
    background-position: 0px 6px}
    
   div#realisations_titre a
   { color:#2b636e;text-decoration:none}
    
    div#realisations_slideshow
    {width:599px;border-left:1px solid #5d8388;border-right:1px solid #5d8388;
  padding-top:6px;padding-left:2px;padding-right:3px}
  
  div#realisations_footer
  {width:607px; background: url(../images/common/fond_realisations_footer.jpg); background-repeat:no-repeat;height:16px}
  

  span.txt_impt
  {font-size:14px;text-decoration:underline}
  
div#txt_acc
{padding-right:20px}
  
  p.p_desc
  {color:#09373f}
  p.p_desc_acc
  {color:#626262;text-align:justify}
  
  
  /****autres***/
  
  p.p_temoin
  {width:650px; font-style:italic}
   
 
 span.logo_temoin
 {margin-left:10px;float:right;
    text-align:center;display:block}
 
 
 div#div_page
 {padding-left:20px;margin-left:100px;padding-right:80px;border-left:1px dotted #aac2c5 ;overflow:hidden}
 
 
 p.txt_intro
{padding-left:20px;width:400px;margin-bottom:4px} 

ul{margin-top:0px}

span.txt_relief
{font-weight:bold;color:#5f2c6e}

img.thumb_extranet
{border:1px solid #aac2c5}

a.lnk_right
{display:block;text-align:right;margin-top:6px}

.lnk_website
{font-size:9px;text-align:center}

.lnk_website img
{border:1px solid #aac2c5}