.body {
	background: url(b.jpg) repeat;
	color:white;
	text-align:center;
}

.layout {
	text-align:center;
	margin:auto auto;
	border:0px;
	padding:0px;
	width:745px;
	border-collapse: collapse;
}

.h-g {
	background: url(h-g.jpg) no-repeat bottom right;
	width:55px;
	border:0px;
	padding:0px;
	margin:0px;
}

.header {
	background: url(header.jpg) no-repeat bottom;
	border:0px;
	padding:0px;
	margin:0px;
	width:634px;
	height:187px;
	text-align:left;
	vertical-align:bottom;
color: #FFFFCC;
font-family:  georgia;
	font-size:  100%;
}

.header a{
	color:#FFFFCC;
	font-family:georgia;
	font-size:110%;
}

.h-d {
	background:  url(h-d.jpg) no-repeat bottom left;
	width: 56px;
	border: 0px;
	padding: 0px;
	margin: 0px;
}

.c-g {
	background: url(c-g.jpg) repeat;
	border: 0px;
	padding: 0px;
	margin: 0px;
}

.centre {
	background: url(center.jpg) repeat;
	color: #FFFFCC;
	font-family:  georgia;
	font-size:  105%;
	border: 0px;
	padding-top: 0px;
	margin: 0px;
	text-align: left;

}

.centre a{
	color:#FFFFCC;
	font-family:georgia;
	font-size:110%;
}

.c-d {
	background: url(c-d.jpg) repeat;
	border: 0px;
	padding: 0px;
	margin: 0px;
}

.f-g {
	background: url(f-g.jpg) no-repeat top right;
	border: 0px;
	padding: 0px;
	margin: 0px;
}

.footer {
	background: url(footer.jpg) no-repeat top;
	height: 108px;
	border: 0px;
	padding: 0px;
	margin: 0px;
	color: #FFFFCC;
	font-family: georgia;
	font-size: 70%;
}
.footer a{
	color:#FFFFCC;
	font-family:georgia;
	font-size:110%;
}


.f-d {
	background: url(f-d.jpg) no-repeat top left;
	border: 0px;
	padding: 0px;
	margin: 0px;
}

.menulink {
	float: right;
}

img.floatLeft { 
    	float: left; 
    	margin: 4px; 
}

img.floatRight { 
    	float: right; 
    	margin: 4px; 
}

img {
	border: 1px solid #FFFFCC;
}

img.gallerie {
	margin: 0px;
	width: 121px;
	height: 100px;
}

.textegras {
color: #FFFFCC;
font-family:  georgia;
	font-size:  125%;
}





/*-----------------------------------------------------------------------------------------------
  Instructions CSS pour le nouveau site
  -----------------------------------------------------------------------------------------------*/

p{font-family:"Georgia", Times, serif;
} 

h1 {
margin:0;
}
h2 {
	font-weight:normal;
	font-size:18px;
margin:0 0 0.5em;
}
h3 {
margin:0 0 0.5em;
font-weight:normal;
	font-size:21px;
}

h4 {
	font-weight:normal;
	font-size:18px;
margin:0 0 0.5em;
color:#ffffcc;
}

h5 {
	font-weight:normal;
	font-size:18px;
margin:0 0 0.5em;
color:#ffffcc;
}
/*-----------------------------------------------------------------------------------------------
  Les DIVS utilisées pour la nouvelle version du site.
-----------------------------------------------------------------------------------------------*/


body,
html {
margin:0;
padding:0;
color:#000;
background: url(b.jpg) #ffffcc top left repeat;
}

#wrap {
width:750px;
margin:0 auto;
background: url(b.jpg) #ffffcc top left repeat;
}

#header {
padding:5px 10px;
height:0px;
background: url(header-proto0.1.jpg) #ffffcc top left repeat;
}

#nav {
background:#990000;
min-height:1em;
color: #ffffcc;
padding:0 0 20px 0;
margin:0 0 1em 16px;
}

#main {
float:right;
width:495px;
padding:30px;
margin-right:0px;
background: url(b.jpg) #ffffcc top left repeat;
color: #330000;
text-align:justify;
font-size:13px;
line-height:1.6em;

}

#mainaccueil {
float:left;
width:315px;
height:247px;
padding:15px 30px 0 30px;
margin-right:0px;
background: url(b.jpg) #ffffcc top left repeat;
color: #330000;
text-align:center;
font-size:14px;
line-height:1.6em;
margin-bottom:15px;
}
#sidebaraccueil {
float:left;
min-width:315px;
height:262px;
padding:0px 0x 0 0px;
background: url(b.jpg) #ffffcc top left repeat;
color: #ffffcc;
text-align:right;
margin-bottom:15px;
}
#mainaccueil2 {
float:left;
width:315px;
height:247px;
padding:15px 30px 0 30px;
background: url(b.jpg) #ffffcc top left repeat;
color: #330000;
text-align:center;
font-size:14px;
line-height:1.6em;
margin-bottom:15px;
}
#sidebaraccueil2 {
float:left;
width:375px;
height:262px;
background: url(b.jpg) #ffffcc top left repeat;
color: #330000;
text-align:left;
font-size:14px;
line-height:1.6em;
margin-bottom:15px;
}

#maincontact {
float:left;
width:630px;
margin-right:0px;
color: #ffffcc;
text-align:center;
font-size:15px;
line-height:1.6em;
}
#maincontact a{
color: #ffffcc;
}

#mainproduits {
text-align:justify;
font-size:13px;
line-height:1.6em;

}

/*-----------------------------------------------------------------------------------------------
  Projets intégrés.
-----------------------------------------------------------------------------------------------*/

#projetcomplet {
	min-height:50px;
}

#projettitre {
float:left;
width:100%;
padding:0px;
margin-right:0px;
margin-bottom:1em;
color: #ffffcc;
text-align:left;
font-size:13px;
line-height:1.6em;
border-bottom: 1px solid #ffffcc;
}
#projettitrebas {
float:left;
width:100%;
padding:0px;
margin-right:0px;
margin-bottom:0.3em;
color: #ffffcc;
text-align:left;
font-size:13px;
line-height:1.6em;
border-bottom: 1px solid #ffffcc;
}
#projettitrevide {
float:left;
width:100%;
padding:0px;
margin-right:0px;
margin-bottom:0px;
color: #ffffcc;
text-align:left;
font-size:13px;
line-height:1.6em;
border-bottom: 1px solid #ffffcc;
}
#projetetroit {
	width:494px;
margin: 0 auto 1em auto;
}
#projetlarge {
	width:560px;
margin: 0 auto 1em auto;
}
#projetlarge a{
font-size:14px;
}


#projetdescription ul {
list-style: none;
		margin:0 0 1em;
		padding: 0;
		border: none;
text-align:left;
border-bottom: 0px solid #000000;
}

#projetdescription li {
border-bottom: 0px solid #000000;
		margin: 0;
		display: block;
		padding: 0px 0px 0px 0;
		border-left: 0px solid #990000;
		border-right: 0px solid #990000;
		color: #ffffcc;
		text-decoration: none;
		width: 100%;
		font-size:12px;
}

#projetdescription li a{
	color: #000000;
	
}
div.figureaccueil {
float:right;
margin:0 0 20px 0;
 border: 1px #cccc99;
  width:372px;
  image-border:0px;
  color:#ffffcc;
    text-align:justify;
  font-size:15px;
  line-height:1.8em;
  font-style:normal;
  
}
div.figureaccueil a{
font-size:15px;
}

div.texteaccueil {
float:left;
margin-left:0px;
 border: 1px #cccc99;
  width:233px;
  image-border:0px;
  color:#ffffcc;
  text-align:center;
  font-size:15px;
  line-height:1.8em;
  font-style:normal;
  padding:3em 0 0 0;
  height: 424px;
}
div.salon {
float:left;
 border: 1px #cccc99;
  width:233px;
  image-border:0px;
  color:#ffffcc;
  text-align:center;
  font-size:15px;
  line-height:1.0em;
  font-style:normal;
  padding:4px 0 0 0;
}

#entreprisegauche {
float:left;
width:287px;
margin:0 15px 1em 0;
background: url(b5.jpg) #ffffcc top left repeat;
padding : 10px;
height:90px;
text-align:left;

}
#entreprisegauche a{
font-size:14px;

}
#entreprisedroite {
float:left;
width:287px;
margin:0 0 1em 0;
background: url(b5.jpg) #ffffcc top left repeat;
padding : 10px;
height:90px;

}
#entreprisedroitefin {
float:left;
width:287px;
margin:0 0 1.5em 0;
padding : 10px;
height:90px;

}
#entreprisedroite a{
font-size:14px;

}
#entreprisegauchedemi {
float:left;
width:287px;
margin:0 15px 1.5em 0;
background: url(b5.jpg) #ffffcc top left repeat;
padding : 10px;
height:45px;

}
#entreprisegauchedemi a{
font-size:14px;

}
#entreprisedroitedemi {
float:left;
width:287px;
margin:0 0 1.5em 0;
background: url(b5.jpg) #ffffcc top left repeat;
padding : 10px;
height:45px;

}
#entreprisedroitedemi a{
font-size:14px;

}

div.figurelarge {

margin-left:0px;
 border: 1px #cccc99 solid;
  background: url(b4.jpg) #ffffcc top left repeat;
  width:560px;
margin: 0 auto 1em auto;
  image-border:0px;
  color:#000000;
}

div.figurelarge img{
border:0px;
}
div.figurelarge p {
  text-align: center;
  font-style: italic;
  font-size: 13px;
  text-indent: 0;
  line-height:0.8em;
}

div.figure {

margin-left:0px;
 border: 1px #cccc99 solid;
  background: url(b4.jpg) #ffffcc top left repeat;
  width:494px;
margin: 0 auto 1em auto;
  image-border:0px;
  color:#000000;
}

div.figure img{
border:0px;
}

div.figure p {
  text-align: center;
  font-style: italic;
  font-size: 13px;
  text-indent: 0;
  line-height:0.8em;
}
div.figureproduits2010 {
	float:left;
margin: 0em 0 0 0;
 border: 0px #cccc99 solid;
  width:302px;
  image-border:0px;
  margin-bottom: 7px;
  height:320px;
  text-align: center;
  font-style: normal;
  font-size: 18px;
  text-indent: 0;
  line-height:0.5em;
  color:#ffffcc;
  margin-bottom:12px;
  }
  

  div.figureproduits2010 a {
 font-size: 18px;
   display: block;
height: 100%;
width: 100%;
  }

      div.texteproduits2010 {
	float:left;
margin: 0em 17px 1px 0;
 border: 0px #cccc99 solid;
  width:311px;
  image-border:0px;
  margin-bottom: 7px;
  height:320px;
  text-align: justify;
  font-style: normal;
  font-size: 16px;
  text-indent: 0;
  line-height:1.4em;
  color:#ffffcc;
  margin-bottom:12px;
  }

div.texteproduitsinside {
	float:right;
text-align: center;
  font-style: normal;
  font-size: 14px;
  text-indent: 0;
  color:#ffffcc;
  margin-bottom:12px;
  }
  div.texteproduitsoutside {
height:284px;
  }
  
  div.figureproduits {
	float:left;
margin: 0 12px 19px 0;
 border: 1px #cccc99 solid;
 background: url(b5.jpg) #ffffcc top left repeat;
  width:121px;
  image-border:0px;
height:155px;
  text-align: center;
  font-style: normal;
  font-size: 12px;
  text-indent: 0;
  color:#000000;
  }

div.figureproduits a{
text-decoration:none;
  color:#ffffcc;
  font-size: 12px;
  display: block;
height: 100%;
width: 100%;
  }

div.figureproduits:hover{
  background: #660000;
}

div.figureproduits img{
border:0px;
}

div.figureproduits p {
  text-align: center;
  font-style: italic;
  font-size: 12px;
  text-indent: 0;
  color:#000000;
  margin-bottom:20px;
}

#produitscentres{
padding:0 0 0 52px;
}

#gardien{
	text-align:center;
	font-size:18px;
padding:0 0 1em 0px;
font-style:italic;
}



/*-----------------------------------------------------------------------------------------------
  Galeries photos.
-----------------------------------------------------------------------------------------------*/
#maingalerieentreprise {
float:left;
width:630px;
margin:0 0 2em 0;
background:#990000;
color: #ffffcc;
font-size:13px;
line-height:1.6em;
text-align:justify;
}
#maingalerie {
float:left;
width:630px;
margin-right:0px;
background:#990000;
color: #ffffcc;
font-size:14px;
line-height:1.6em;
text-align:justify;
}
#maingalerie ul {
list-style: none;
margin:0 0 1em;
padding: 0;
border: none;
text-align:left;
}

#maingalerie li {
border-bottom: 0px solid #ffffcc;
		margin: 0;
}
#maingalerie li.sansligne{
border-bottom: 0px solid #ffffcc;
		margin: 0;
}

#maingalerie li a{
		margin: 0;
		font-size:17px;
font-weight:normal;

}

#maingalerie li.sous{
	border-top: 0px solid #660000;
border-bottom: 1px solid #ffffcc;
		margin: 0;
		background:#990000;
		font-size:13px;
}

#maingalerie li.sous a{
		margin: 0;
		font-size:13px;
font-weight:normal;
text-align:center;
color:#ffffcc;
}

#maingaleriedroite{
text-align:right;
float:right;
}

#maingaleriedroite a{
font-size:17px;
}

#maingalerie li dessous a{
margin: 0;
color: #ffffcc;
font-size:13px;
}

#maingaleriephoto {
float:left;
width:690px;
padding:30px;
margin-right:0px;
background:#990000;
color: #330000;
font-size:13px;
line-height:1.6em;
text-align:center;
}

#maingaleriephoto ul {
list-style: none;
		margin:0 0 1em;
		padding: 0;
		border: none;
text-align:left;
}
#maingaleriephoto li {
border-top: 1px solid #ffffcc;
		margin: 0;


}

/*-----------------------------------------------------------------------------------------------
  La sidebar des produits et services.
-----------------------------------------------------------------------------------------------*/

#sidebar {
float:left;
width:170px;
padding:0 0 0 0;
background:#990000;
color: #ffffcc;
text-align:center;
}

#sidebar a{
color: #ffffcc;
}

#sidebar ul {
list-style: none;
		margin:0 0 1em;
		padding: 0;
		border: none;
text-align:left;
}

#sidebar li {
border-bottom: 1px solid #ffffcc;
		margin: 0;
}

#sidebar li a{
display: block;
		padding: 5px 5px 3px 0.5em;
		border-left: 0px solid #990000;
		border-right: 0px solid #990000;
		background-color: #990000;
		color: #ffffcc;
		text-decoration: none;
		width: 158px;
}

#sidebar li.actifsidebar a{
border-left: 0px solid #660000;
		border-right: 0px solid #660000;
		background-color: #660000;
		color: #ffffcc;
}

#sidebar li.sousli a{
	padding-left:30px;
	width:135px;
border-left: 0px solid #660000;
		border-right: 0px solid #660000;
		background-color: #990000;
		color: #ffffcc;
		font-size:13px;
}
#sidebar li.surli{
	text-align:center;
	width:170px;
border-left: 0px solid #660000;
padding:0px 0 0 0;

		border-right: 0px solid #660000;
		background-color: #990000;
		color: #ffffcc;
		font-size:17px;
}
#sidebar li.surli a{
background-color: #660000;
		color: #ffffcc;
}
#sidebar li.surli2{
	text-align:center;
	width:170px;
border-left: 0px solid #660000;
margin:0.6em 0 0 0;

		border-right: 0px solid #660000;
		background-color: #990000;
		color: #ffffcc;
		font-size:17px;
}
#sidebar li.surli a:hover{
background-color: #660000;
		color: #ffffcc;

}
#sidebar li.surli2 a:hover{
background-color: #660000;
		color: #ffffcc;
}

#sidebar li a:hover{
border-left: 0px solid #660000;
		border-right: 0px solid #660000;
		background-color: #660000;
		color: #ffffcc;
}

/*-----------------------------------------------------------------------------------------------
  Barre de navigation générale du site.
-----------------------------------------------------------------------------------------------*/


#nav ul {
margin:0 0 0 6px;
padding:0;
list-style:none;
font-size:14px;
}
#nav li {
float: left;
display:inline;
margin:0;
padding:0;

}

#nav li a
{
background:#990000;
height: 1.7em;
line-height: 1.7em;
float: left;
width: 145px;
display: block;
border: 1px solid #ffffcc;
color: #ffffcc;
text-decoration: none;
text-align: center;
} 

#nav li.actif a
{
background:#660000;
height: 1.7em;
line-height: 1.7em;
float: left;
width: 145px;
display: block;
border: 1px solid #ffffcc;
color: #ffffcc;
text-decoration: none;
text-align: center;
} 

#nav li a:hover
{
background:#660000;
height: 1.7em;
line-height: 1.7em;
float: left;
width: 145px;
display: block;
border: 1px solid #ffffcc;
color: #ffffcc;
text-decoration: none;
text-align: center;
} 

/*-----------------------------------------------------------------------------------------------
  Le DIV du nouveau footer
  -----------------------------------------------------------------------------------------------*/

#footer {
clear:both;
padding:5px 10px;
background:#990000;
color: #ffffcc;
}

#footer p {
margin:0;
font-size:11px;
}


* html #footer {
height:1px;
}