/* table des matières 

=1/  =reset
=2/  =basics
=3/  =header
=4/  =nav
=5/  =headings et =paragraphes
=6/  =structure
=7/  =accueil / structure de page
=8/  =interieur du site / structure de pages
=9/  =articles
=10/  =liens
=11/  =divers
=12/  =galerie
=13/  =slideshow
=14/  =footer
=15/  =actualites
=16/  =formulaire
=17/  =realisation / structure d'une fiche de réalisation

*/



/* 
------------------------------------------------------------
=1/ =reset
-----------------------------------------------------------*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1em;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


strong {
	font-weight: bold;
}

/* 
------------------------------------------------------------
=2/  =basics
-----------------------------------------------------------*/

html, body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 100%;
	font-weight: normal;
	color: #422925;
	background-color: #fff;
	margin: 0px;
	padding: 0px;
	text-align: left;
	}

  html>body {
  font-size: 16px;
  }

body	{
	padding: 0;
	}	

/* 
------------------------------------------------------------
=3/  =header
-----------------------------------------------------------*/
	
#header {
  display: block;
  position: absolute;
  margin: 0 0 0 0;
  padding: 0px;      
  width: 697px;
  height: 69px;
  background: #7bcde1 ;
  z-index: 5;
  }
   
#header a{
  display: block;
  position: relative;
  margin: 0 0 0 0;
  padding: 0px;      
  }
   
#logo {
    display: block;
    position: relative;      
		width: 392px;
		background: #7bcde1;
		margin: 0px;
		padding: 0px;
    height: 69px;;
    z-index: 6;
  }
  
   
#logo img{   
		width: 392px;
    height: 69px;
		margin: 0px;
		padding: 0px;
  }  
  
#infos {
    display: block;
    position: absolute; 
    top: 0px;
    left: 392px;
		width: 305px;
		height:69px;
		color: #fff;
		font-weight: bold;
    margin: 0;
    background: #6f5b51 ; 
		padding: 0;
  }
  
  #infos p{
		margin: 0px;
    padding: 0.5em;
    font-size: 0.625em;
    line-height: 1.8em;      
  }
    
  
  
/* 
------------------------------------------------------------
=4/  =nav
-----------------------------------------------------------*/
  
#sidebar #navigation {
  position: relative;
  display: block;
  width: 277px;
  height: 210px;
  background: #B49F94;
  padding: 0;
  border: none ;
  margin: 0;
  padding: 0;
  }


#sidebar #navigation #menu {
  position: relative;
  list-style-type: none;
  display: block;
  width: 277px;
  z-index: 1;
  top: 0px;
  left: 0px;
  padding: 0;
  margin: 0;
  }


#sidebar #navigation #menu li {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 148px;
  height: 34px;
  padding: 0;
  margin: 0;
  }


#sidebar #navigation #menu li#accueil{
  top: 0px;
  z-index: 2 ;
  white-space: normal;
  }

#sidebar #navigation #menu li#entreprise {
  top: 35px;
  z-index: 3 ;
  white-space: normal;
  }

#sidebar #navigation #menu li#entreprise.over {
  z-index: 10000 ;
  }

#sidebar #navigation #menu li#realisations {
  top: 70px;
  z-index: 4 ;
  white-space: normal;
  }

#sidebar #navigation #menu li#realisations.over {
  z-index: 10000 ;
  }

#sidebar #navigation #menu li#informations{
  top: 105px;
  z-index: 5 ;
  white-space: normal;
  }

#sidebar #navigation #menu li#investissement{
  top: 105px;
  z-index: 5 ;
  white-space: normal;
  }

#sidebar #navigation #menu li#partenaires{
  top: 140px;
  z-index: 6 ;
  white-space: normal;
  }

#sidebar #navigation #menu li#actualite{
  top: 175px;
  z-index: 7 ;
  white-space: normal;
  }


#sidebar #navigation #menu li:hover,
#sidebar #navigation #menu li.hover {
  z-index: 10000   !important;	/* ...and here. this makes sure active item is always above anything else in the menu */
	white-space: normal  !important;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present) see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
  }

#sidebar #navigation #menu li a {
  position: absolute;
  display: block;
  overflow: hidden;
  text-decoration: none;
  width: 148px;
  height: 34px;
  text-indent: -9000px;
  padding: 34px 0 0 0;
  height: 0px !important; 
  height /**/:34px; /* IE5/Win */
  background: transparent url(../images/matrice_rubriques.png) no-repeat 0 0;
  border-bottom: 1px solid #6F5B51;
  }


#sidebar #navigation #menu li#accueil a { background-position: 0 0; width: 148px; left: 0px; top : 0px; z-index: 4;}
#sidebar #navigation #menu li#accueil a.on { background-position: -148px 0; width: 148px; left: 0px; top : 0px; }
#sidebar #navigation #menu li#accueil a:hover { background-position: -148px 0px; width: 148px; left: 0px; top : 0px;}

#sidebar #navigation #menu li#entreprise a { background-position: 0 -35px; width: 148px; left: 0px; top : 0px;  z-index: 5;}
#sidebar #navigation #menu li#entreprise a.on { background-position: -148px -35px; width: 148px; left: 0px; top : 0px;}
#sidebar #navigation #menu li#entreprise a:hover { background-position: -148px -35px; width: 148px; left: 0px; top : 0px;}

#sidebar #navigation #menu li#realisations a { background-position: 0 -70px; width: 148px; left: 0px; top : 0px;  z-index: 6;}
#sidebar #navigation #menu li#realisations a.on { background-position: -148px -70px; width: 148px; left: 0px; top : 0px;}
#sidebar #navigation #menu li#realisations a:hover { background-position: -148px -70px; width: 148px; left: 0px; top : 0px;}

#sidebar #navigation #menu li#informations a { background-position: 0 -105px; width: 148px; left: 0px; top : 0px;  z-index: 7;}
#sidebar #navigation #menu li#informations a.on { background-position: -148px -105px; width: 148px; left: 0px; top : 0px;}
#sidebar #navigation #menu li#informations a:hover { background-position: -148px -105px; width: 148px; left: 0px; top : 0px;}

#sidebar #navigation #menu li#investissement a { background-position: 0 -105px; width: 148px; left: 0px; top : 0px;  z-index: 7;}
#sidebar #navigation #menu li#investissement a.on { background-position: -148px -105px; width: 148px; left: 0px; top : 0px;}
#sidebar #navigation #menu li#investissement a:hover { background-position: -148px -105px; width: 148px; left: 0px; top : 0px;}

#sidebar #navigation #menu li#partenaires a { background-position: 0 -140px; width: 148px; left: 0px; top : 0px;  z-index: 8;}
#sidebar #navigation #menu li#partenaires a.on { background-position: -148px -140px; width: 148px; left: 0px; top : 0px;}
#sidebar #navigation #menu li#partenaires a:hover { background-position: -148px -140px; width: 148px; left: 0px; top : 0px;}

#sidebar #navigation #menu li#actualite a { background-position: 0 -175px; width: 148px; left: 0px; top : 0px;  z-index: 9;}
#sidebar #navigation #menu li#actualite a.on { background-position: -148px -175px; width: 148px; left: 0px; top : 0px;}
#sidebar #navigation #menu li#actualite a:hover { background-position: -148px -175px; width: 148px; left: 0px; top : 0px;}

#sidebar #navigation #menu ul {
  position: absolute;
  display: block;
  padding: 0;
  margin: 0;
  top: 0px;
  left: 148px;
  width: 129px;
  height: 104px;
  visibility: hidden;
  background: #B49F94;
  white-space: normal;
  }


#sidebar #navigation #menu li#realisations  ul{
  z-index: 9 ;
  white-space: normal;
  }

#sidebar #navigation #menu li#partenaires ul{
  z-index: 10 ;
  white-space: normal;
  height: 69px;
  }


#sidebar #navigation #menu ul li {
  list-style: none;
  position: absolute;
  display: block; 
  width: 129px;
  height: 18px;
  padding: 0;
  margin: 0;
  border: none;
  }

#sidebar #navigation #menu ul li.sous_niveau1 {
  top: -1px ;
  border-top: 1px solid #6F5B51;
  }
#sidebar #navigation #menu ul li.sous_niveau2 {
  top: 17px ;
  }
#sidebar #navigation #menu ul li.sous_niveau3 {
  top: 35px ;
  }
#sidebar #navigation #menu ul li.sous_niveau4 {
  top: 53px ;
  }

#sidebar #navigation #menu li.on ul {
  visibility: visible  !important;
  white-space: normal;
  }

#sidebar #navigation #menu li:hover ul,
#sidebar #navigation #menu li.over ul{
  visibility: visible  !important;
  z-index: 20000  !important;
  white-space: normal  !important;
  }

#sidebar #navigation #menu ul li a {
  display: block;
  position: absolute;
  overflow: hidden;
  text-decoration: none;
  width: 129px;
  height: 18px;
  text-indent: -9000px;
  padding: 18px 0 0 0;
  margin: 0;
  height: 0px !important; 
  height /**/:18px; /* IE5/Win */
  background: transparent url(../images/matrice_s_rubriques.png) no-repeat 0 0;
  border: none;
  }

#sidebar #navigation #menu ul li#presentation_realisations a { background-position: 0 -90px; width: 129px; top : 0;}
#sidebar #navigation #menu ul li#presentation_realisations a:hover { background-position: -129px -90px; width: 129px; top : 0;}
#sidebar #navigation #menu ul li#presentation_realisations a.on { background-position: -129px -90px; width: 129px; top : 0;}

#sidebar #navigation #menu ul li#contemporaines a { background-position: 0 0; width: 129px; top : 0;}
#sidebar #navigation #menu ul li#contemporaines a:hover { background-position: -129px 0; width: 129px; top : 0;}
#sidebar #navigation #menu ul li#contemporaines a.on { background-position: -129px 0; width: 129px; top : 0;}

#sidebar #navigation #menu ul li#classiques a { background-position: 0 -18px; width: 129px; top : 0;}
#sidebar #navigation #menu ul li#classiques a:hover { background-position: -129px -18px; width: 129px; top : 0;}
#sidebar #navigation #menu ul li#classiques a.on { background-position: -129px -18px; width: 129px; top : 0;}

#sidebar #navigation #menu ul li#renovation a { background-position: 0 -36px; width: 129px; top : 0;}
#sidebar #navigation #menu ul li#renovation a:hover { background-position: -129px -36px; width: 129px; top : 0;}
#sidebar #navigation #menu ul li#renovation a.on { background-position: -129px -36px; width: 129px; top : 0;}



#sidebar #navigation #menu ul li#locaux a { background-position: 0 -54px; width: 129px; top : 0;}
#sidebar #navigation #menu ul li#locaux a:hover { background-position: -129px -54px; width: 129px; top : 0;}
#sidebar #navigation #menu ul li#locaux a.on { background-position: -129px -54px; width: 129px; top : 0;}

#sidebar #navigation #menu ul li#institutionnels a { background-position: 0 -72px; width: 129px; top : 0;}
#sidebar #navigation #menu ul li#institutionnels a:hover { background-position: -129px -72px; width: 129px; top : 0;}
#sidebar #navigation #menu ul li#institutionnels a.on { background-position: -129px -72px; width: 129px; top : 0;}


  
/* 
------------------------------------------------------------
=5/  =headings et =paragraphes
-----------------------------------------------------------*/   

p	{
  font-size: 0.75em; /* 12px */ 
  line-height: 1.5em; /* 18px */ 
  margin-top: 1.5em; 
  margin-bottom: 0em; 
  }

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #422925; } 
	
h1 { 
  font-size: 1em; /* 16px */
  line-height: 1.125em; /* 18px */
  margin-top: 1.125em;
  margin-bottom: 0em;
  }
  
blockquote { 
  display: inline-block;
  background-color: #d7f0f6; 
  font-style: italic;
  margin: 1.125em 0 0 0;
  padding: 0 1.125em 1.125em 1.125em;
  } 
	  
/* 
------------------------------------------------------------
=6/  =structure
-----------------------------------------------------------*/  
#conteneur {
  display: block;
  position: relative;      
  width: 980px;
  margin: 6px 0 0 6px; 
  padding: 0px
  }
    
    
#contenu {
  display: block;
  position: relative;      
	width: 697px;
	margin: 0px;
	padding: 0px;
  background: transparent url(../images/fond_articles.png) repeat-y 0 0;
}
    
    
#diaporama {
  display: block;
  position: relative;      
	width: 697px;
	height: 419px;
	z-index: 1;
	margin: 0px;
	padding: 0px;
  background: #fff url(../images/chargement.gif) no-repeat 50% 50%;
  }
    
#diaporama p{
  display: block;
  position: relative;
	margin: 0px;
	padding: 0px;
  }
      

#sidebar{ 
  display: block;
  position: absolute;
  left: 703px;
  top: 0px;
  width: 277px; 
	margin: 0px;
	padding: 0px;
  }
 

#sidebar #adresse {
  display: block;
  position: relative;
	width: 277px;
	height: 113px;
  background: #b49f94;
  text-align: center;
  color: #fff;
	margin: 0 0 1px 0 ;
	padding: 17px 0 0 0 ;
  } 


#sidebar .bandeau {
  display: block;
  position: relative;
	width: 277px;
  background: #fff;
	margin: 5px 0 5px 0 ;
	padding: 0 ; 
  }
  

#sidebar #certifications {
  display: block;
  position: relative;
	width: 277px;
  background: #fff;
	margin: 6 0 0 0 ;
	padding: 0 ; 
  }
  

/* 
------------------------------------------------------------
=7/  =accueil / structure de page
-----------------------------------------------------------*/  
    
#presentation {
  display: block;
  position: relative;      
	width: 673px;
	margin: 0;
  padding: 0 12px 1.125em 12px;
	background: #7bcde1;
	border-top: 1px solid white;
  text-align: justify;
  line-height: 1.125em; /* 18px */
  }
  
#presentation h1 {
  background: transparent url(../images/puce1.png) no-repeat 0 0; 
  text-indent: 1.3750em; 
  }   
         
#construction {
  display: block;
  position: relative;
  float: left;
	width: 348px;
	height: auto;
	margin: 0px;
	padding: 0px;
  }
  
#articles {
	border-top: 1px solid white;
  display: block;
  position: relative;
  float: left;  
	width: 697px;
	height: auto;
	margin: 0px;
	padding: 0px;
  }
  
  
  
#projet{
  display: inline-block;
  position: relative;
  float: left;     
	width: 348px;  
	background: #b49f94;
	margin: 0 0 0 0;
	padding: 0 0 0 0 ;
	border-bottom: solid 1px #fff;
  }

#terrains{
  display: inline;
  position: relative;
  float: left;      
	width: 348px;  
	background: #c7dc59 url(../images/fond_terrains.png) no-repeat bottom left;
	margin: 0px;
	padding: 0 0 0 0 ; 
  }
    
#news{
  display: inline;
  position: relative;
  float: left;
  width: 336px;  
  margin: 0 0 0 1px ;
	padding: 0 6px 0 6px;
  background: #6f5b51;
  border-bottom: 1px solid #fff;
  color: #fff;
  }

    
#news a{
  color: #d7f0f6;
  }
  
  
#divers{
  display: inline;
  position: relative;
  float: right;
	width: 336px;
	margin: 0 0 0 1px ;
	padding: 0 6px 0 6px;
	background: #d7f0f6;
  color: #422925;
  }  


#informations{
  display: inline;
  position: relative;
  float: right;
	width: 336px;
	margin: 0 0 0 1px ;
	padding: 0 6px 0 6px;
	background: #d7f0f6;
  color: #422925;
  }  



/* 
------------------------------------------------------------
=8/  =interieur du site / structure de pages
-----------------------------------------------------------*/  
   
#interieur #contenu {
  display: block;
  position: relative;      
	width: 697px;
	margin: 0px;
	padding: 0px;
  background: transparent;
}
    
   
#interieur #presentation {
  display: block;
  position: relative;      
	width: 673px;
	margin: 0;
  padding: 0 12px 1.125em 12px;
	background: #fff;
	border-top: 1px solid white;
  text-align: justify;
  }
  

#interieur #presentation h1 { 
  font-size: 1.5em; /* 24px */
  line-height: 1.5em; /* 36px */
  margin-top: 0.75em;
  margin-bottom: 0em; 
  font-weight: bold;
  background: transparent ; 
  text-indent: 0; 
  color: #7bcde1;
  padding: 0;
  }   

#interieur #presentation h2 { 
  font-size: 1.125em; /* 18px */ 
  line-height: 1em; /* 18px */ 
  margin-top: 1em; 
  margin-bottom: 0em; 
  color: #7bcde1;
  }   


#interieur p a	{
	color: #216576;
	font-size: inherit;
	line-height: inherit;
	font-weight:normal;
	text-decoration: none;
	background-color: transparent;
	}

#interieur ul	{
  font-size: 0.75em; /* 12px */ 
  line-height: 1.5em; /* 18px */ 
  margin-bottom: 0em; 
	}

#interieur ul	li{
  list-style: square inside;
	}

#interieur p a:hover	{
	text-decoration: underline;
	}

.vignette {
  display: inline;
  float: left;
  width: 211px;
  height: 11em;
  margin: 0 6px 0 13px;
  padding: 0;
  }   

.vignette a{
  font-size: 0.75em;
  line-height: 1.50em;
  }   

.vignette p {
  display: block;
  position: relative;
  margin: 0px;
  padding: 0px;
}

.fin_ligne {
  margin: 0 0 0 13px;
}

.vignette img{
  display: block;
  position: relative;
  width: 209px;
  border: solid 1px #b49f94;
  margin: 0;
  }   


.vignette a:hover img{
  border: solid 1px #533c39;
  }   


#interieur #footer {
  margin: 1.50em 0 50px 0;
  }

.partenaire{
  display: block;
  position: relative;
  margin: 1.125em 0px 0px 0px;
  padding: 1.125em 0px 1.125em 0px;
  line-height: 1.125em; /* 18px */
  clear: both;
  width: 100%;
  overflow: auto;
  border-top: solid 1px #d7f0f6; ;
  }
  
  
.partenaire img{
  display: inline;
  position: relative;
  float: left;
  margin: 0px;
  padding: 0px;
  border: solid 1px #b49f94;
  }
  
.partenaire a{
  display: inline;
  position: relative;
  margin: 0px 0px 0px 10px;
  padding: 0px;
  line-height: 1.125em; /* 18px */
  }
  
/* 
------------------------------------------------------------
=9/  =articles
-----------------------------------------------------------*/  


.illus{
  display: inline;
  position: relative;
  float: right;
	width: 165px;
  background: #ffffff url(../images/chargement.gif) no-repeat 50% 50%;
	margin: 6px 0 0 6px;
	padding: 0px;
  }

.illus img{
  display: block;
  position: relative;
	width: 163px;
	margin: 0x;
	padding: 0px;
	border: 1px solid #422925;
  }

#illus_projet{
  display: block;
  position: relative;   
	width: 334px;
	height: 201px;
  background: #ffffff url(../images/chargement.gif) no-repeat 50% 50%;
	margin: 6px;
	padding: 0px;
	border: 1px solid #422925;
  }
  
#illus_projet img{    
	width: 334px;
	height: 201px;
	margin: 0;
	padding: 0;
	border: 0;
  }
  
#intitule_projet{
  display: block;
  position: relative;    
	width: 215px;
	height: 35px;
  background: transparent url(../images/titre_projet.png) no-repeat 0 0;
	margin: 0 0 0 6px;
	padding: 0px;
  text-indent: -9999px;
  clear: left;
  }
  
#projet p{ 
	margin: 0px;
	padding: 6px; 
  font-size: 0.8125em;
  line-height: 1.3846em;
  }
  
#intitule_terrain{
  display: block;
  position: relative;    
	width: 248px;
	height: 24px;
  background: transparent url(../images/titre_terrains.png) no-repeat 0 0;
	margin: 1px 0 0 6px;
	padding: 0px;
  text-indent: -9999px;
  clear: left;
  }
  
#terrains p{ 
	margin: 0px;
	padding: 6px; 
  font-size: 0.8125em;
  line-height: 1.3846em;
  }
  
#terrains .listing{  
  display: inline;
  position: relative;   
  float:left;   
	width: 165px;
	margin: 0 0 0 6px ;
	padding: 0px; 
  font-size: 0.8125em;
  line-height: 1.3846em;
  }
  
  
#intitule_actu{
  display: inline;
  position: relative;
  float: left;
	width: 165px;
	height: 20px;
  background: transparent url(../images/titre_actualite.png) no-repeat 0 0;
	margin: 6px 0 1.125em 0;
	padding: 0 0 0 0;
  text-indent: -9999px;
  font-size: 1em;/* 16px */
  line-height: 1.125em; /* 18px */ 
  }
  
#titre_actu{ 
  display: inline;
  position: relative;
  float: left;
	margin: 0 0 0 0;
	padding: 0; 
  font-size: 0.8125em;
  line-height: 1.3846em;
  font-weight: bold;
  width: 165px;
  color: #fff;
  }
  
.date{ 
  display: inline;
  position: relative;
  float: left;
	margin: 0 0 0 0;
	padding: 0px; 
  font-size: 0.8125em;
  line-height: 1.3846em;
  width: 165px;
  font-style: italic;
  }
  
#texte_actu{ 
  display: inline;
	margin: 0 0 0 0px;
	padding: 0 0 0 0; 
  font-size: 0.8125em;
  line-height: 1.3846em;
  }
  
  
#intitule_divers{
  display: inline;
  position: relative;
  float: left; 
	width: 156px;
	height: 43px;
  background: transparent url(../images/titre_divers.png) no-repeat 0 0;
	margin: 6px 0 1.125em 0;
	padding: 0 0 0 0;
  text-indent: -9999px;
  font-size: 1em;/* 16px */
  line-height: 1.125em; /* 18px */ 
  }
  
#titre_divers{ 
  display: inline;
  position: relative;
  float: left;
	margin: 0 0 0 0;
	padding: 0; 
  font-size: 0.8125em;
  line-height: 1.3846em;
  font-weight: bold;
  }
  
  
#texte_divers{ 
  display: inline;
	margin: 0 0 0 0px;
	padding: 0 0 0 0; 
  font-size: 0.8125em;
  line-height: 1.3846em;
  }
  
   
.article_informations{
  display: inline;
  position: relative;
  float: left; 
	width: 336px;
	margin: 0 0 0 0px;
	padding: 0 0 6px 0; 
  }
      
  
 #informations .haut{
  border-bottom: 1px solid #422925;
 } 
 

#informations .illus{
  display: inline;
  position: relative;
  float: right;
	width: 165px;
  background: #ffffff url(../images/chargement.gif) no-repeat 50% 50%;
	margin: 6px 0 0 0;
	padding: 0px;
  } 
 
#intitule_informations{
  display: inline;
  position: relative;
  float: left; 
	width: 165px;
	height: 20px;
  background: transparent url(../images/titre_informations.png) no-repeat 0 0;
	margin: 6px 0 0 0;
	padding: 0 0 0 0;
  text-indent: -9999px;
  font-size: 1em;/* 16px */
  line-height: 1.125em; /* 18px */ 
  }
  
.titre_informations{ 
  display: block;
  width: 165px;
  position: relative;
	margin: 0.5em 0 0 0;
	padding: 0; 
  font-size: 0.8125em;
  line-height: 1.3846em;
  font-weight: bold;
  }
  
  
#informations p{ 
  display: block;
  width: 165px;
	margin: 0 0 0 0;
	padding: 0 0 0 0; 
  font-size: 0.8125em;
  line-height: 1.3846em;
  }
  
  

/* 
------------------------------------------------------------
=10/  =liens
-----------------------------------------------------------*/  

a	{
	color: #422925;
	text-decoration: none;
	background-color: transparent;
	}

a:link	{
	color: #422925;
	text-decoration: none;
	background-color: transparent;
	} 

a:visited	{
	color: #422925;
	text-decoration: none;
	background-color: transparent;
	} 

a:active	{ 
	color: #422925;  
	text-decoration:line-through;
	background-color: transparent;
	} 

a:hover		{ 
	color: #422925; 
	text-decoration: underline; 
	background-color: transparent;
	}   


#projet .suite a{
  display: inline;
  position: relative; 
  float: right;     
	width: 121px;
	height: 35px;
  background: #b49f94 url(../images/suite_projet.png) no-repeat 0 0 ;
	margin: 0px;
	padding: 0px; 
  text-indent: -9999px;
  right: 6px;
  }

#projet .suite a:hover{ 
  background-position: -121px 0;
  }
  

#suite_actu a{
  display: block;
  position: relative;
	width: 121px;
	height: 35px;
  background: #6f5b51 url(../images/suite_actu.png) no-repeat 0 0 ;
	margin: 6px 0 6px 0;
	padding: 0px; 
  text-indent: -9999px;  
  }
  
#suite_actu a:hover{ 
  background-position: -121px 0;
  }
  

#suite_divers a{
  display: block;
  position: relative;
	width: 121px;
	height: 35px;
  background: #d7f0f6 url(../images/suite_divers.png) no-repeat 0 0 ;
	margin: 6px 0 6px ;
	padding: 0px; 
  text-indent: -9999px;  
  }
  
#suite_divers a:hover{ 
  background-position: -121px 0;
  }


.suite_informations {
  display: block;
  position: relative;
	margin: 0 ;
	padding: 0; 
	width: 165px;
  }

.suite_informations a{
  display: block;
  position: relative;
  font-size: 0.8125em;
  line-height: 1.3846em;
  color: #015252;
	margin: 0 0 0.5em 0;
	padding: 0; 
	width: 165px;
  }
  
.suite_informations a:hover{ 
  text-decoration: underline;
  }

  
#sidebar #bouton_contact a{
  display: block;
  position: relative;
	width: 277px;
	height: 79px;
  background: #ffffff url(../images/contact.gif) no-repeat 0 0 ;
	margin: 0px;
	padding: 0px; 
  text-indent: -9999px;
  }
  
#sidebar #bouton_contact a:hover{ 
  background-position: 0 -79px;
  }
  


/* 
------------------------------------------------------------
=11/  =divers
-----------------------------------------------------------*/  


/* http://sonspring.com/journal/clearing-floats */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
  }

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after {
	clear: both;
	content:' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
  }

.clearfix {
	display: inline-block;
  }

* html .clearfix {
	height: 1%;
  }

.clearfix {
	display: block;
  }

  
#sidebar .taille1 { font-size:  1.1250em ; line-height: 1em; font-weight: normal; color: #422925;  }
#sidebar .taille2 { font-size: 0.8750em ; line-height: 1.2857em;  font-weight: normal; color:#FFF; }

#sidebar #adresse strong{
  display: block;
  position: relative;
  background: #7bcde1; 
	width: 265px;
	margin-right: auto;
	margin-left: auto;
  font-weight: normal;
  }
  
  
#sidebar #partenaires img {
  display: block;
  position: relative;
	margin: 0 ;
	padding: 0 ;   
  }
  
#sidebar #certifications .intitule {
  display: block;
  position: relative;
	width: 277px;
	height: 32px;
	margin: 0;
	padding: 0 ; 
  text-indent: -9999px;
  background: transparent url(../images/titre_certif.gif) no-repeat 0 0;  
  }
  
 
#sidebar #certifications #logos {
  display: block;
  position: relative;
	width: 277px;
	height: 99px;
	margin: 0  ;
	padding: 0 ; 
  }
  
#sidebar #certifications p {
  font-size: 0.8750em ;
  line-height: 1.2857em ;
  font-weight: bold; 
  color: #ec7400;
  text-align: center;
  }



/* 
------------------------------------------------------------
=12/  =galerie
-----------------------------------------------------------*/




#galerie {
  display: block;
  position: relative;
	width: 697px;
	height: 104px;
	margin: 0 0 0 0;
	padding: 0;
  background: #6f5b51; 
	border-top: 1px solid white;
  text-align: center;
  }

.scrollableArea a img{
  display: block;
  position: relative;
	width: 116px;
	height: 70px;
	margin: 0 0 0 0;
	padding: 0;
	border: 1px solid white;
  }

.scrollableArea a:hover img{
	border: 1px solid #422925;
  }

#animation {
  display: block;
  position: relative;
	width: 590px;
	height: 72px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
  }


#galerie .intitule{
  display: block;
  position: relative;
	width: 697px;
	margin: 0;
	padding: 0;
  color: #fff;
  font-size: 0.75em ;
  line-height: 1.50em ;
  font-weight: bold;
  }
  
/* 
------------------------------------------------------------
=13/ =slideshow
-----------------------------------------------------------*/

#slideshow {
    position:relative;     
  	width: 697px;
  	height: 419px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:70;
    opacity:0.0;     
  	width: 697px;
  	height: 419px;
}

#slideshow IMG.active {
    z-index:90;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:80;
}



/* 
------------------------------------------------------------
=14/ =footer
-----------------------------------------------------------*/

#footer {
  display: block;
  position: relative;
	width: 697px;
	margin: 0 0 50px 0;
	padding: 0;
  background: #7bcde1; 
  text-align: center;
	border-top: 1px solid white;
  font-size: 0.75em; /* 12px */ 
  line-height: 1.5em; /* 18px */ 
  }  

#footer a{
  font-weight: normal;
}


/* 
------------------------------------------------------------
=15/ =actualites
-----------------------------------------------------------*/

  
#actualites #articles{
  display: block;
  position: relative;
  float: left;  
	width: 697px;
	height: auto;
	margin: 0;
	padding: 0px;
	color: #422925;
	background: #d7f0f6;
	border: none;
  }
  
#actualites .illus{
	margin: 0 6px 0 6px;
  }
 
#actualites h3{
  position: relative;
	margin: 0.5em 0 0 0;
	padding: 0; 
  font-size: 0.75emem;
  line-height: 1.50em;
  font-weight: bold;
	color: #422925;
  }


#actualites .date{
  display: block;
  position: relative;
	float: none;
  font-size: 0.75em;
  line-height: 1.50em;
	margin: 0;
	padding: 0; 
  }



#actualites p{
	margin: 0 0 0 0;
	padding: 0; 
  font-size: 0.75emem;
  line-height: 1.50em;
  margin-top: 1.5em; 
	color: #422925;
  }

#actualites  #infos p{
		margin: 0px;
    padding: 0.5em;
    font-size: 0.625em;
    line-height: 1.8em;   
	  color: #fff;   
  }  

#actualites  #articles #derniere_actu{
  display: block;
  position: relative;
  float: left;
	width: 386px;
	height: auto;
	margin: 0 0 0 0;
	padding: 0 0 1em 6px;
	text-align: left;
  }
  
  
#actualites  #articles #derniere_actu a{
  color: #000000;
  font-weight: bold;
  }
   
#actualites  #articles #derniere_actu a:hover{
  text-decoration: underline;
  }
   
#actualites  #articles #archives{
  display: block;
  position: relative;
  float: right;
	width: 280px;
	height: auto;
	margin: 0 6px 1em 6px;
	padding: 1em 6px 1em 6px;
	background: #fff;
  }
   
#actualites #presentation {
  display: block;
  position: relative;      
	width: 673px;
	margin: 0 0 0 0;
  padding: 69px 12px 1.125em 12px;
	background: #d7f0f6;
	border-top: 1px solid white;
  text-align: justify;
  }
  

#actualites #presentation h1 { 
  font-size: 1.5em; /* 24px */
  line-height: 1.5em; /* 36px */
  margin-top: 0.75em;
  margin-bottom: 0em; 
  font-weight: bold;
  background: transparent ; 
  text-indent: 0; 
  color: #422925;
  padding: 0;
  }   

#actualites h2 { 
  font-size: 1.125em; /* 18px */ 
  line-height: 1em; /* 18px */ 
  margin-top: 0; 
  margin-bottom: 0em; 
  color: #422925;
  font-weight: bold;
  }   

#actualites blockquote { 
  display: inline-block;
  background: #fff; 
  font-style: italic;
  margin: 1.5em 0 0 0 ;
  padding: 0 6px 1.5em 6px ;
  } 

/* 
------------------------------------------------------------
=16/ =formulaire =contact
-----------------------------------------------------------*/
 
#contact #contenu {
  display: block;
  position: relative;      
	width: 697px;
	margin: 0px;
	padding: 0px;
  background: transparent;
}
    
   
#contact #presentation {
  display: block;
  position: relative;      
	width: 673px;
	margin: 0 0 0 0;
  padding: 69px 12px 1.125em 12px;
	background: #fff;
	border-top: 1px solid white;
  text-align: justify;
  }
  

#contact #presentation h1 { 
  font-size: 1.5em; /* 24px */
  line-height: 1.5em; /* 36px */
  margin-top: 0.75em;
  margin-bottom: 0em; 
  font-weight: bold;
  background: transparent ; 
  text-indent: 0; 
  color: #7bcde1;
  padding: 0;
  }   

#contact #presentation h2 { 
  font-size: 1.125em; /* 18px */ 
  line-height: 1em; /* 18px */ 
  margin-top: 1em; 
  margin-bottom: 0em; 
  color: #7bcde1;
  }   


#contact p a	{
	color: #216576;
	font-size: inherit;
	line-height: inherit;
	font-weight:normal;
	text-decoration: none;
	background-color: transparent;
	}

#contact ul	{
  font-size: 0.75em; /* 12px */ 
  line-height: 1.5em; /* 18px */ 
  margin-bottom: 0em; 
	}

#contact ul	li{
  list-style: square inside;
	}

#contact p a:hover	{
	text-decoration: underline;
	}



form {
  width: 514px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.1250em  ;
}

form em{
  color: #ff0000;
  font-style: italic;

}

form input[type=text] {
  width: 200px;
} 

form textarea {
  display: block;
  width: 400px;
  height: 11.2500em;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.1250em;
} 

form fieldset {
  margin-top: 1.1250em; 
  margin-bottom: 0.5625em; 
	background: #7bcde1 url(../images/fond_form.gif) repeat-x top left;
	border-top: solid 1px #468594;
	border-left: solid 1px #468594;
	border-right: solid 1px #468594;
}

form fieldset legend{
  font-size: 1em; /* 16px */ 
  line-height: 1.1250em; /* 18px */ 
  display: inline-block;
  padding: 0 0 0 0 ;
  margin: 0 0 0 10px  ;
  font-weight: bold;
  background: #ffffff;
}

form fieldset fieldset{
  font-size: 1em; /* 16px */ 
  line-height: 1.1250em; /* 18px */ 
  margin: 0 0 0 0  ;
	background: transparent;
	border: none;
  padding: 0 0 0 0 ;
}


form fieldset fieldset legend{
  display: inline-block;
  padding: 0 0 0 0 ;
  font-size: 0.8750em; 
  line-height: 1.2857em; 
  margin: 0 0 0 0 ;
  font-weight: normal;
  background: transparent;
}

form label{
  display: inline-block;
  font-size: 0.8750em; 
  line-height: 1.2857em; 
  margin-top: 0.6429em; 
  margin-bottom: 0.6429em; 
}

form .row{
	border-top: solid 1px #ffffff;
	border-bottom: solid 1px #468594;
  padding: 0.5625em 0 0 10px  ;
  margin: 0 0 0 0 ;
}

form .texte{
	width: 200px;
}


form input{
  font-size: 0.8750em; 
  line-height: 1.2857em; 
  margin-top: 0.6429em; 
  margin-bottom: 0.6429em; 
}

form label.error {
  display: block;
  font-size: 0.8750em; 
  line-height: 1.2857em; 
  color: #ff0000;
}

/* contact form plugin */
.tbContactform .antispam {
	 display:  none;
	 visibility: hidden;
}

.tbContactform label {
	 width:  95px;
	 display:  inline-block;
	 vertical-align: top;
	 clear: both;
	 text-align: left;
}

.tbContactform input.text,
.tbContactform textarea {
	 width:  225px;
	 margin: 0px;
}

.tbContactform textarea {
	 height:  115px;
	 padding: 0px;
	 margin: 0px;
}

.tbContactform input.submit
{
	display: block;
	margin-left: 250px;
	width:  auto;
}

.tbContactform .tbErrors p
{
	color: #FF0000;
}


/* 
------------------------------------------------------------
=17/  =realisation / structure d'une fiche de réalisation
-----------------------------------------------------------*/  
   
#realisation #contenu {
  display: block;
  position: relative;      
	width: 697px;
	margin: 0px;
	padding: 0px;
  background: transparent;
}
    
#realisation  #fiche_realisation  {
  display: block;
  position: relative;  
  float: left;        
	width: 980px;
	margin: 7px 0 0 0;
  padding: 0;
	background: transparent url(../images/fond_realisation.gif) repeat-y top left;
  }
   
#realisation #presentation {
  display: block;
  position: relative; 
  float: left; 
  left: 13px;         
	width: 400px;
	margin: 0;
  padding: 0;
	background: #d7f0f6;
	border-top: none;
  text-align: justify;
  }
  

#realisation #tableau_vignettes {
  display: block;
  position: relative; 
  float: right;     
	width: 560px;
	margin: 0;
  padding: 0 0 6px 0  ;
	background: #6f5b51;
  text-align: justify;
  }
  
  
#realisation .vignette {
  display: inline;
  float: left;
  width: 271px;
  height: auto;
  margin: 6px 0 0 6px;
  padding: 0;
  }     


#realisation .vignette a{
  font-size: 0.75em;
  line-height: 1.50em;
  }   



#realisation .vignette a img{
  display: block;
  position: relative;
  width: 269px;
  border: solid 1px #ffffff;
  margin: 0;
  }   



#realisation .vignette a:hover img{
  border: solid 1px #7bcde1;
  }   

  
#realisation #presentation h1 { 
  font-size: 1.125em; /* 18px */ 
  line-height: 1em; /* 18px */ 
  margin-top: 1em;
  margin-bottom: 0em; 
  font-weight: bold;
  background: transparent ; 
  text-indent: 0;
  text-align : left;
  color: #584744;
  padding: 0;
  }   

#realisation #presentation h2 { 
  font-size: 1.125em; /* 18px */ 
  line-height: 1em; /* 18px */ 
  margin-top: 1em; 
  margin-bottom: 0em; 
  color: #7bcde1;
  }   


#realisation p a	{
	color: #216576;
	font-size: inherit;
	line-height: inherit;
	font-weight:normal;
	text-decoration: none;
	background-color: transparent;
	}

#realisation ul	{
  font-size: 0.75em; /* 12px */ 
  line-height: 1.5em; /* 18px */ 
  margin-bottom: 0em; 
	}

#realisation ul	li{
  list-style: square inside;
	}

#realisation p a:hover	{
	text-decoration: underline;
	}

#realisation #footer {
  margin: 6px 0 50px 0;
  float:left;
  }
  

/* 
------------------------------------------------------------
=18/ =rubrique_informations
-----------------------------------------------------------*/
  

  
#rubrique_informations #articles{
  display: block;
  position: relative;
  float: left;  
	width: 691px;
	height: auto;
	margin: 0;
	padding: 0 0 6px 0;
	color: #422925;
	background: #d7f0f6;
	border: none;
  }
  
#rubrique_informations .illus{
	margin: 0 6px 0 6px;
  }
 
#rubrique_informations h3{
  position: relative;
	margin: 0.5em 0 0 0;
	padding: 0; 
  font-size: 0.75emem;
  line-height: 1.50em;
  font-weight: bold;
	color: #422925;
  }


#rubrique_informations .date{
  display: block;
  position: relative;
	float: none;
  font-size: 0.75em;
  line-height: 1.50em;
	margin: 0;
	padding: 0; 
  }



#rubrique_informations p{
	margin: 0 0 0 0;
	padding: 0; 
  font-size: 0.75emem;
  line-height: 1.50em;
  margin-top: 1.5em; 
	color: #422925;
  }

#rubrique_informations  #infos p{
		margin: 0px;
    padding: 0.5em;
    font-size: 0.625em;
    line-height: 1.8em;   
	  color: #fff;   
  }  

#rubrique_informations  #articles #derniere_actu{
  display: block;
  position: relative;
  float: left;
	width: 386px;
	height: auto;
	margin: 0 0 0 0;
	padding: 0 0 1em 6px;
  }
  
  
#rubrique_informations  #articles #derniere_actu a{
  color: #000000;
  font-weight: bold;
  }
   
#rubrique_informations  #articles #derniere_actu a:hover{
  text-decoration: underline;
  }
   
#rubrique_informations  #articles #archives{
  display: block;
  position: relative;
  float: right;
	width: 280px;
	height: auto;
	margin: 0 0 1em 6px;
	padding: 1em 6px 1em 6px;
	background: #fff;
  }
   
#rubrique_informations #presentation {
  display: block;
  position: relative;      
	width: 673px;
	margin: 0 0 0 0;
  padding: 69px 12px 1.125em 12px;
	background: #d7f0f6;
	border-top: 1px solid white;
  text-align: justify;
  }
  

#rubrique_informations #presentation h1 { 
  font-size: 1.5em; /* 24px */
  line-height: 1.5em; /* 36px */
  margin-top: 0.75em;
  margin-bottom: 0em; 
  font-weight: bold;
  background: transparent ; 
  text-indent: 0; 
  color: #422925;
  padding: 0;
  }   

#rubrique_informations h2 { 
  font-size: 1.125em; /* 18px */ 
  line-height: 1em; /* 18px */ 
  margin-top: 0; 
  margin-bottom: 0em; 
  color: #422925;
  font-weight: bold;
  }   


#rubrique_informations blockquote { 
  display: block;
  background: #fff; 
  font-style: italic;
  margin: 1.5em 0 0 0 ;
  padding: 0 6px 1.5em 6px ;     
	width: 370px;
  }