/*~~
Structure -> Emascript > XHMTL >  XML > CSS2 > em :px :pt >   

Web designer
jmlaubin@calasoft.com
Version:  2007        

La couleur texte etait 747474 avant 09/2007 puis 444444 pour etre plus foncee
*/               

@import "menu.css"; 
@import "qui.css";
@import "metiers.css";
@import "mentions.css";
@import "produits.css";

/*Global */
html {padding:0;margin:0;}

body {margin: 0; padding:0; background:#fff min-width:640px;
font-family: "Bitstream Vera Sans", arial, verdana , sans-serif;voice-family: "\}\"";voice-family:inherit;}
p,h1, h3, pre {padding:0;margin: 0;}
p.texte {margin: 0; padding:0;color:#00FF00;font-size: 11px;text-align: justify;}
img {border:none;}

#global {background:#fff url(img/fd-global-E.jpg) top left repeat;margin: 0 auto; padding:0px; width:645px; height: auto; overflow:hidden}

/*top*/
/* Anciens bottom 427px; left:192px */
#FilNews-acc { margin:0; padding:0; background-color:#009966; top:14px; position:relative; width:616px; left:17px; overflow:hidden; font-size: 15px; color:#FFFFFF }
#FilNews-equ { margin:0; padding:0; background-color:#339999; top:14px; position:relative; width:616px; left:17px; overflow:hidden; font-size: 15px; color:#FFFFFF }
#FilNews-qui { margin:0; padding:0; background-color:#009966; top:14px; position:relative; width:616px; left:17px; overflow:hidden; font-size: 15px; color:#FFFFFF }
#FilNews-nmt { margin:0; padding:0; background-color:#009966; top:14px; position:relative; width:616px; left:17px; overflow:hidden; font-size: 15px; color:#FFFFFF }
#FilNews-exp { margin:0; padding:0; background-color:#ffcc00; top:14px; position:relative; width:616px; left:17px; overflow:hidden; font-size: 15px; color:#FFFFFF }
#FilNews-act { margin:0; padding:0; background-color:#339999; top:14px; position:relative; width:616px; left:17px; overflow:hidden; font-size: 15px; color:#FFFFFF }
#FilNews-npt { margin:0; padding:0; background-color:#009966; top:14px; position:relative; width:616px; left:17px; overflow:hidden; font-size: 15px; color:#FFFFFF }
#FilNews-ctc { margin:0; padding:0; background-color:#339999; top:14px; position:relative; width:616px; left:17px; overflow:hidden; font-size: 15px; color:#FFFFFF }
#top {background: url(img/top-rose.jpg) top left repeat;width: 645px;margin:0;height:172px;margin:0; padding:0}
#top-contact {background:  url(img/top-rose.jpg) top left repeat;width: 645px;margin:0;height:172px;margin:0; padding:0}
#top-act {background: url(img/top-rose.jpg) top left repeat;width: 645px;margin:0;height:172px;margin:0; padding:0}

hr.cleaner {clear:both;	height:1px; margin: -1px 0 0 0; padding:0;border:none;visibility: hidden;}

#logo {margin:10px 0 0 15px;}
#logo h1  {margin:0;padding:0;background: url() top right no-repeat;}
#logo h1 span {margin:0;padding:0;display:none;}
/* fin top*/

/*central*/
p.path {margin: 0; padding:10px 0 0 0;float:left;font-size: 9px;color: #737373;font-weight: bold;}
p.path a {font-size: 9px;color: #496C60;font-weight: bold;text-decoration:none}
p.path a:hover {color: #737373}

#central {
	width: 615px;
	position:relative; /* ajoute JML */
	padding:0;
	height:310px;
	background:url(img/fd-central.gif) top left repeat-x;
	overflow:hidden;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 16px;
}

.scrollcontent {
	position: relative;
	top:10px;
	overflow:hidden;
	}

#contenuglong {
	width:175px;
	float:left;
	top:150px;
	padding:0;
	height: 300px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
#contenuglong-scrollcontent {
    overflow:auto;
	width:124px;
	background-color:#fff;
	position:relative;
	height:220px;
	top:10px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 24px;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 0px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #00FF00;
	border-right-color: #00FF00;
	border-bottom-color: #00FF00;
	border-left-color: #00FF00;
}

	
.content {
	position: relative;
	top:10px;
	overflow:hidden;
	}

#contenug {
	width:175px;
	float:left;
	top:150px;
	padding:0;
	overflow:hidden;
	height: 350px;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
#contenug-content {
	width:124px;
	background-color:#fff;
	position:relative;
	height:280px;
	top:10px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 24px;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #00FF00;
	border-right-color: #00FF00;
	border-bottom-color: #00FF00;
	border-left-color: #00FF00;
}
p.actu {
	text-align:center;
	background-image:url(img/acc_idx.jpg);
	background-repeat:no-repeat;
	font-size:14px;
	color:#FFFFFF;
	text-transform:capitalize;
	font-weight:bold;
	position: relative;
	top: 5px;
	background-position: center center;
	vertical-align: middle;
	float: Aucune;
	padding: 0px;
	margin: 0px;
}

p.actubasrose {
	text-align:relative;
	background-image:url(img/idxbas-rose.jpg);
	background-repeat:no-repeat;
	font-size:14px;
	color:#FFFFFF;
	text-indent:16px;
	text-transform:capitalize;
	font-weight:bold;
	position: relative;
	top: 5px;
	left:34px;
	height: 18 px;
	background-position: left center;
	vertical-align: middle;
	float: none;
	padding: 0px;
	top-margin: 10px;
	
}
p.actubasbleu {
	text-align:relative;
	background-image:url(img/idxbas-bleu.jpg);
	background-repeat:no-repeat;
	font-size:14px;
	color:#FFFFFF;
	text-indent:16px;
	text-transform:capitalize;
	font-weight:bold;
	position: relative;
	top: 5px;
	left:34px;
	height: 18 px;
	background-position: left center;
	vertical-align: middle;
	float: none;
	padding: 0px;
	top-margin: 10px;
	
}
p.actubasvert {
	text-align:relative;
	background-image:url(img/idxbas-vert.jpg);
	background-repeat:no-repeat;
	font-size:14px;
	color:#FFFFFF;
	text-indent:16px;
	text-transform:capitalize;
	font-weight:bold;
	position: relative;
	top: 5px;
	left:34px;
	height: 18 px;
	background-position: left center;
	vertical-align: middle;
	float: none;
	padding: 0px;
	top-margin: 10px;
	
}
p.qui {
	text-align:center;
	background-image:url(img/qsn_idx.jpg);
	background-repeat:no-repeat;
	font-size:14px;
	color:#FFFFFF;
	text-transform:capitalize;
	font-weight:bold;
	position: relative;
	top: 5px;
	background-position: center center;
	vertical-align: middle;
	float: Aucune;
	padding: 0px;
	margin: 0px;
}
p.metiers {
	text-align:center;
	background-image:url(img/nmt_idx.jpg);
	background-repeat:no-repeat;
	font-size:14px;
	color:#FFFFFF;
	text-transform:capitalize;
	font-weight:bold;
	position: relative;
	top: 5px;
	background-position: center center;
	vertical-align: middle;
	float: Aucune;
	padding: 0px;
	margin: 0px;
}
p.experiences {
	text-align:center;
	background-image:url(img/exp_idx.jpg);
	background-repeat:no-repeat;
	font-size:14px;
	color:#FFFFFF;
	text-transform:capitalize;
	font-weight:bold;
	position: relative;
	top: 5px;
	background-position: center center;
	vertical-align: middle;
	float: Aucune;
	padding: 0px;
	margin: 0px;
}
p.produits {
	text-align:center;
	background-image:url(img/nmt_idx.jpg);
	background-repeat:no-repeat;
	font-size:14px;
	color:#FFFFFF;
	text-transform:capitalize;
	font-weight:bold;
	position: relative;
	top: 5px;
	background-position: center center;
	vertical-align: middle;
	float: Aucune;
	padding: 0px;
	margin: 0px;
}
p.contact {
	text-align:center;
	background-image:url(img/acc_idx.jpg);
	background-repeat:no-repeat;
	font-size:14px;
	color:#FFFFFF;
	text-transform:capitalize;
	font-weight:bold;
	position: relative;
	top: 5px;
	background-position: center center;
	vertical-align: middle;
	float: Aucune;
	padding: 0px;
	margin: 0px;
}
h1.actu {margin:0; padding:5px 0 0 6px;}
h2.photo-actu {margin: 0; padding:2px 0;text-align: center;}
h2.titre-activite {margin: 30px 0 0 0; padding:7px 0 2px 0;font-weight: bold;color:#403E2D;font-size: 10px;text-transform: uppercase;}
h1.activite {margin: 40px 0 0 0; padding:15px 0 6px 0;background: url(img/fd-titre.jpg) top left repeat-x;
font-size: 13px;color: #496C60;text-transform: uppercase;}
h1.page-activite {margin: 20px 0 0 0; padding:15px 0 6px 0;background: url(img/fd-titre.jpg) top left repeat-x;
font-size: 13px;color: #496C60;text-transform: uppercase;}
p.lire {margin:0; padding:0 0 0 18px;float:right;background: url(img/lire.gif) center left no-repeat}
p.lire a {font-size: 10px;color: #7B8674;font-weight: bold;text-decoration:none;margin:0;}
p.lire a:hover {color: #000}

p.lire-activite {margin: 4px 0 20px 0; padding:0 0 0 18px;float:right;background: url(img/lire.gif) center left no-repeat}
p.lire-activite a {font-size: 10px;color: #496C60;font-weight: bold;text-decoration:none}
p.lire-activite a:hover {color: #000}

p.devis {margin: 4px 10px 20px 0; padding:0 0 0 18px;float:right;background: url(img/devis.jpg) center left no-repeat}
p.devis a {font-size: 10px;color: #7F4B17;font-weight: bold;text-decoration:none}
p.devis a:hover {color: #000}

blockquote {margin:0 0 30px 0;padding:0}



#contenud {float:right;margin:0; padding:0;width:auto;width:440px; visibility:visible}
#contenud-content {width:427px;margin:0 0 0 1px; padding: 0;background:#fff}
p.img {float:right;margin:0; padding:0;}
p.imgactivite {float:right;margin:10px 0 0 0; padding:0;}
p.imgactivite2 {float:right;margin:0; padding:30px 0 18px 0;}
p.imgactivite3 {float:right;margin:0 0 -8px 0; padding:30px 0 0 0;}
h1.partenaires {float:left;margin: 30px 0 0 0; padding:0 0 6px 10px;background: url(../img/sstitre4.gif) bottom left no-repeat;
font-size: 13px;color: #7DC1C5;}
p.imgpartner {float:right;margin:5px 0 0 0; padding:0;}


hr.cleanercentral {clear:both;	height:1px;margin: -1px 0 0 0; padding:0;border:none;visibility: hidden}

 /*bottom background: url(img/bottom.jpg) ;*/

#bottom-acc {position:relative; width:100%; margin:40px 0 0 0; padding:4px 0 0 0; height:27px }
#bottom {position:relative; width:100%; margin:40px 0 0 0; padding:4px 0 0 0; background: url(img/bottom.jpg) top left no-repeat;height:27px }
ul#copyright{float: right;margin: 0; padding:0 15px 0 150px; white-space: normal;list-style-type: none}
#copyright li {margin: 0; padding:7px 3px 0 3px; text-decoration: none;display:inline;font-size: 9px; font-weight:bold;}
#copyright li a {margin:0;padding: 0;font-size: 9px;color : #7B8389;text-decoration: none;}
#copyright li.copyright {margin:0;padding: 7px 0 0 0;font-size: 9px;color :#7B8389;
text-decoration: none;}
#copyright li a:hover {color: #000000;margin:0;padding: 0;text-decoration: none;}

/*construction*/
#contconsg {width:auto;	float: left;margin:0; padding:0;}
#contconsg-content {width:396px;margin:0; padding: 0}

p.deviscons {margin: 4px 10px 0 0; padding:0 0 0 18px;float:right;background: url(img/devis.jpg) center left no-repeat}
p.deviscons a {font-size: 10px;color: #7F4B17;font-weight: bold;text-decoration:none}
p.deviscons a:hover {color: #737373}

blockquote {margin:0 0 30px 0;padding:0}
p.construction {margin: 0; padding:10px 0 0 0;color:#737373;font-size: 11px;text-align: justify;}
h1.partner {margin: 60px 0 0 0; padding:0 0 6px 0;background: url(../img/sstitre-part.jpg) bottom left no-repeat;
font-size: 13px;color: #496C60;}
h1.cs {margin:20px 0 0 0; padding:0 0 6px 0;;background: url(../img/sstitre-part.jpg) bottom left no-repeat;
font-size: 13px;color: #496C60;}

#contconsd {float:right;margin:0; padding: 0;width:auto}
#contconsd-content {width:205px;margin:0; padding:0}

#formd {border:none;margin:0;padding:0 1px 0 0; color:#111}
p.cherche {margin:0;padding:0;color:#616161;font-size:11px;
font-weight: bold;}
p.rubactivite {float:right;margin:-10px 0 0 0; padding:0 0 40px 0;}
.textfield {margin:3px;height:20px;border:solid 0 #fff;padding: 0 8px;border: 1px dotted #999;voice-family: "\"}\""; voice-family:inherit;width:300px;}

fieldset>input.textfield {border: 1px dotted #999;width:250px;}
.submit {cursor: pointer; margin:10px 0 15px 250px;padding:0 0 10px 0;text-align:center; vertical-align:top}
.search {cursor: pointer; margin:0;padding:1px 0 0 0;background:#F9FAFC;width:80px;text-align:center; vertical-align:top; border:none;font-size:1em; color:#333; font-weight: normal;font-family:Lucida Grande,Lucida Sans Unicode, arial,sans-serif;height:18px}
.input {font-size: 11px;font-weight: bold; color: #597122; text-decoration: none;background:#fff; border: #111 1px solid ;height: 11px;width:100px;margin:0;padding:1px 0 0 0;}

/*liste droite*/
#list2 {float:left;padding:0 0 0 0;margin:0;width:190px;}
#list2 dt span {display:none;}

#infoplus2 dl{width: 190px;margin:0;padding:0;}
#list2 dl, #list dt, #list dd {margin:0;padding: 0;}
#list2 dl {background:#F0F3F2 ;padding-bottom: 9px;}
#list2 dt {margin:0;padding:9px 0 0 0;background:#F0F3F2;text-align: left;height:0 !important; height /**/:20px; /* for IE5/Win */}
#list2 dd {margin:0;padding:0 5px 0 5px;text-align:left;background:#F0F3F2}
p.list2  {padding:0 0 0 18px;font-size: 11px;color: #62897C;font-weight: bold;text-decoration:none;background: url(img/plus.gif) top left no-repeat}


#list {
	float:left;
	padding:0;
	margin:0;
	width:427px;
	height:310px;
	overflow:auto;
	border: 2px;
	border-color: #FF0000;
}
#list dt span {display:none;}
h1.list-txt {
	font-size: 14px;
	color: #747474;
	text-transform: capitalize;
	letter-spacing: 2px;
	font-family: Arial, Helvetica, sans-serif;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
	margin-top: 0;
	margin-right: 18px;
	margin-bottom: 0;
	margin-left: 18px;
	padding-top: 20px;
	padding-right: 2px;
	padding-bottom: 0;
	padding-left: 0;
	font-style: normal;
	font-weight: bold;
	font-variant: small-caps;
	line-height: normal;
}
ul.list-txt {margin:0 18px; padding:5px 0 ;font-size: 11px; color: #747474; list-style-type:circle; }
a.list-txt {font-size: 9px;color: #496C60;font-weight: bold;text-decoration:none}
p.list-txt {margin:0 18px; padding:5px 0 ;font-size: 11px;color: #444444;}
p.list-img {margin:0 0 0 12px; padding:15px 0 0 0}
p.list-suite {margin:0; padding:0 5px 0 18px;float:right;background: url(img/lire.gif) center left no-repeat}
p.list-suite  a {font-size: 10px;color: #7B8674;font-weight: bold;text-decoration:none;margin:0;}
p.list-suite  a:hover {color: #000}
h2.list-txt {margin:0 18px; padding:0;font-size: 10px;color: #747474;text-transform: uppercase;}
h1.list-txt-g {margin:0px 18px ; margin-top:2px ; padding: 2px ;font-size: 12px;color: #747474; font-weight:bold; text-transform: uppercase; background-color: #6dc1d5;text-align:center; }
p.list-txt-g {margin:0 4px; padding:5px 0 ;font-size: 11px;color: #747474 ; text-align:center  }
#infoplus dl{width: 427px;margin:0;padding:0;} 
#list dl, #list dt, #list dd {margin:0;padding: 0;}
#list dl {
	padding-bottom: 0px;
	background-image: url(img/dl-middle-E.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#list dt {margin:0;padding:17px 0 0 0;background:  url(img/dl-top-qui.jpg) top left no-repeat;text-align: left;height:0 !important; height /**/:20px; /* for IE5/Win */}
#list dd {margin:0;padding:0 5px 0 5px;text-align:left;background:  url(img/dl-middle-E.jpg) top left repeat-y;}

p.listp a {margin:0 0 0 -3px;padding:0}
p.listp a:hover {color: #000}

p.listo a {font-size: 10px;color: #423D3D;font-weight: bold;text-decoration:none;line-height:15px;}
p.listo a:hover {color: #000}

#listgalerie {float:left;padding:10px 0 0 0;margin:0;width:190px}
#listgalerie dt span {display:none;}

#galerie dl{width: 190px;margin:0;padding:0;}
#listgalerie dl, #listgalerie dt, #listgalerie dd {margin:0;padding:0}
#listgalerie dl {background: url(img/dl-bottom.jpg) bottom left no-repeat;padding-bottom: 9px;}
#listgalerie dt {margin:0;padding:9px 0 0 0;background:  url(img/dl-top.jpg) top left no-repeat;text-align: left;height:0 !important; height /**/:20px; /* for IE5/Win */}
#listgalerie dd {margin:0;padding:0 5px 0 5px;text-align:left;background:  url(img/dl-middle.jpg) top left repeat-y;}
p.references {margin: 0; padding:0 0 10px 0;color:#DC5950; font-size:10px;font-weight:bold}
p.partners {margin: 0; padding:0 0 10px 0;color:#DC5950; font-size:10px;font-weight:bold}
p.listg {padding:5px 5px 0 5px}
p.listg a {font-size: 10px}
p.listg a:hover {color: #000}

p.titregalerie {padding:0 0 10px 18px;font-size: 11px;color: #62897C;font-weight: bold;text-decoration:none;background: url(img/plus.gif) top left no-repeat}
p.titregalerie a {font-size: 10px;color: #496C60;font-weight: bold;text-decoration:none}
p.titregalerie a:hover {color: #737373}
p.logopartner {float:right;margin:0; padding:20px 0 0 0;}
#finlist {
	float:left;
	margin:0;
	width:427px;
	height:auto;
	overflow:visible;
	border: 2;
	border-color: #CC0000;
	background-color: #009900;
}
#finlist img {
	margin:0;
	padding:0;
	position: absolute;
	margin-top: 0px;
}
.clr-acc {
	color: #ff6666;
}

.clr-qsn {
	color: #339999;
}

.clr-nmt {
	color: #009966;
}

.clr-exp {
	color: #ffcc00;
}

.clr-prd {
	color: #66cc33;
}

.clr-ctc {
	color: #cc0066;
}