body {
	background:url(images/conteneur-borduregrise.png) repeat-y left top;
}

body, ul, li, dl, dt, dd, h1, fieldset {
	margin:0;
	padding:0;
	list-style-type:none;
}

#bandeau {
	width:auto;
	height:119px;
	background:url(images/fond-bandeau.png);
}
#menu {
	width:auto;
	height:39px;
	background:url(images/fond-menu.jpg);
}
#menu ul {
	width:auto;
	height:39px;
	padding:0 0 0 30px;
}
#menu li {
	float:left;
}
#menu li a {
	width:auto;
	height:39px;
	outline:none;
}
#menu li span {
	display:none;
}

#menu li.accueil {	width:86px; background-image:url(images/menu-accueil.png); background-position:bottom; height:39px; }
#menu li.accueil a { display:block; background-image:url(images/menu-accueil.png); background-position:top;}
#menu li.accueil a:hover {	background-position:bottom;}

#menu li.presentation {	width:132px; background-image:url(images/menu-presentation.png); background-position:bottom; height:39px; }
#menu li.presentation a { display:block; background-image:url(images/menu-presentation.png); background-position:top;}
#menu li.presentation a:hover {	background-position:bottom;}

#menu li.produits, #menu li.produits em { display:block;	width:101px; background-image:url(images/menu-produits.png); background-position:bottom; height:39px; }
#menu li.produits a { display:block; background-image:url(images/menu-produits.png); background-position:top;}
#menu li.produits a:hover {	background-position:bottom;}

#menu li.realisations {	width:132px; background-image:url(images/menu-realisations.png); height:39px; background-position:bottom;}
#menu li.realisations a { display:block; background-image:url(images/menu-realisations.png); background-position:top;}
#menu li.realisations a:hover {	background-position:bottom;}

#menu li.situation { width:106px; background-image:url(images/menu-situation.png); background-position:bottom; height:39px; }
#menu li.situation a { display:block; background-image:url(images/menu-situation.png); background-position:top;}
#menu li.situation a:hover { background-position:bottom;}

#menu li.devis { width:79px; background-image:url(images/menu-devis.png); background-position:bottom; height:39px; }
#menu li.devis a { display:block; background-image:url(images/menu-devis.png); background-position:top;}
#menu li.devis a:hover { background-position:bottom;}

#menu li.contact { width:96px; background-image:url(images/menu-contact.png); background-position:bottom; height:39px; }
#menu li.contact a { display:block; background-image:url(images/menu-contact.png); background-position:top;}
#menu li.contact a:hover { background-position:bottom;}

#cadrephoto {
	background:url(images/pix-cadrephoto.jpg);
	/*width:900px;*/
	height:263px;
	overflow:hidden;
}
#sous-cadrephoto {
	width:auto;
	height:10px;
	background:url(images/sous-cadrephoto.jpg);
}
.bordure-scp {
	width:899px;
	height:100%;
	border-right:1px solid #7282a3;
}
.clearboth {
	clear:both;
}
#conteneur-borduregrise {
	width:auto;
	height:auto;
	background:url(images/conteneur-borduregrise.png) repeat-y left top;
	padding:20px 0 0 0;
}

.txt{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:18px;
	padding:30px;
	width:800px;
}

.plan ul{
	padding:15px;
}

.plan li{ padding-bottom:10px; }

#contenu .txt{
	padding:10px;
	width:auto;
}

#contenu .txt li{
	padding-bottom:5px;
}

h1.titre, #contenu h1{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:16px;
}

h2{
	color:#0E42A8;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
}

a{ color:#555555; }

a:hover{ text-decoration:none; }

#conteneur-bordurejaune {
	width:auto;
	height:auto;
	border-top:1px solid #fc0;
	border-bottom:1px solid #fc0;	
	background:transparent;
}

#contenu {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#333;
	font-size:13px;
}

#pied {
	width:900px;
	text-align:center;
	font:11px Arial, Helvetica, sans-serif;
	color:#666;
	padding:20px 0 30px 0;
	clear:both;
	line-height:17px;
}

	#pied li{ display:inline; }

	#pied a{
		padding:0 5px;
		text-decoration:underline;
	}

#pied a:hover{
color:#333;
text-decoration:none;
}
#vignette {
	width:850px;
	height:175px;
	padding:10px 0 20px;
}
#vignette dl {
width:145px;
height:auto;
float:left;
margin-right:20px;
}
#vignette dt a {
	width:145px;
	height:27px;
	background:url(images/bandeau-vignette.jpg) no-repeat;
	text-align:center;
	display:block;
	padding:15px 0 2px 0;
	font:bold 9px Verdana, sans-serif;
	color:#333;
	text-decoration:none;

}
#vignette dt a:hover {
	color:#333;
	text-decoration:underline;
}
#vignette dd a img {
	width:143px;
	height:84px;
	margin:auto;
	border:1px solid #f90;
}
#vignette dd a:hover img {
	border-color:#FEE557;
}
#vignette dd {
	width:145px;
	margin:auto;
	font:11px Arial, Helvetica, sans-serif;
	color:#333;
}
#titre {
	padding:10px 20px 0px 20px;
}

#sousmenu {
	width:170px;
	border-top:1px solid #ccc;
	margin:20px 0 20px 40px;
	float:left;
}

#sousmenu div {
	font:12px Trebuchet MS, Arial, Helvetica, sans-serif;
	color:#666;
	border-bottom:1px solid #ccc;
}
#sousmenu div a {
	width:156px;
	color:#666;
	text-decoration:none;
	display:block;
	padding:3px 7px 3px 7px;
	outline:none;
	cursor:pointer;
}
#sousmenu div ul li a, #sousmenu div ul li span {
	font-size:11px;
	color:#666;
	text-decoration:none;
	padding:3px 0 3px 14px;
	outline:none;
	background:url(images/puce-bleue.png) no-repeat 7px 12px;
}

#sousmenu div a:hover, #sousmenu div span, #sousmenu div ul li span{ color:#39c; }

dl#menu {
width: 15em;
}
dl#menu dt {
cursor: pointer;
margin: 2px 0;;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
border: 1px solid gray;
background: #ccc;
}
dl#menu dd {
border: 1px solid gray;
}
dl#menu li {
text-align: center;
background: #fff;
}
dl#menu li a, dl#menu dt a {
color: #000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}

dl#menu li a:hover, dl#menu dt a:hover {
background: #eee;
}



#contenu {
	width:auto;
	height:auto;
	float:left;
	margin:10px 0 20px 40px;
}
h1 {
	font:bold 14px Trebuchet MS, Arial, Helvetica, sans-serif;
	color:#333;
}
#contenu p {
	width:610px;
	font:12px Arial, Helvetica, sans-serif;
	color:#333;
	margin:10px 0 0 10px;
	text-align:justify;
}
#contenu label {
	display:block;
	margin:5px 0 5px 0;
}
#contenu label strong {
	width:120px;
	float:left;
	font-weight:normal;
}
#contenu label input {
	width:140px;
}
.checkbox {
	width:20px !important;
}
#contenu fieldset {
	padding:0 10px 0 10px;
	border:1px solid #ccc;
}
#contenu fieldset legend {
	font-weight:bold;
}
#contenu textarea {
	width:140px;
}
dt.overssmenu {
	color:#39c !important;
}
#devis1, #devis2, #devis3 {
	width:auto;
	float:left;
	font:12px Arial, Helvetica, sans-serif;
	margin:20px 20px 0 0;
}
.produitcat{
width:145px;
height:auto;
float:left;
}

#diaporama {
margin:20px;
width:860px;
height:auto;
position:relative;
text-align:center;
}

/*****************Edito*******************/

#edito {
width:820px;
height:auto;
color:#666666;
text-align:justify;
padding:20px 10px 20px 20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;}

#edito h1, #edito h2 {
margin:5px 0 5px 0;
padding:0;
font-size:12px;
font-weight:normal;
color:#666666;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#editoTitre {
	padding-bottom:10px;
}

#badge {
width:170px;
height:110px;
background:url(images/badge-foire-nantes.png) no-repeat;
color:#FFFFFF;
position:absolute;
z-index:100;
text-align:center;
left:800px;
top:70px;
padding:40px 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
line-height:22px;
}

#badge a{
color:#FFFFFF;
text-decoration:none;
}

#badge a:hover{
color: #D8F1BC;
text-decoration:none;
}

.badgeTextGros {
font-size:21px;
font-weight:bold;}

.badgeTextPetit {
font-size:11px;
line-height:10px;
}

#recommanderAmi{ 
	border:1px dotted #FFCC00;
	margin:5px auto 0 auto;
	padding:5px 0;
	width:54%; 
}

#pied .link { text-align:center; width:900px; }

	#pied .link a{ color:#808080; padding:0 5px; text-decoration:none; }