body { font-size: 0.85em; font-family: arial, tahoma, helvetica, verdana; background-color: white; background-image: url(../_img/fd.jpg); background-repeat: repeat-x; background-position: center 0; margin: 0; padding: 0; }
p { margin: 0 0 0.7em; }
a:link { color: black; }

a:visited { }

a:hover { }

a:active { }
/*-------------------------------*/
#global { position: absolute; top: 15px; left: 50%; width: 960px; float: left; margin-left: -480px; padding: 0; }
/*/////////////////////  HEAD ///////////////////////////*/
#head { background-image: url(../_img/tete.jpg); background-repeat: no-repeat; width: 960px; height: 135px; float: left; clear: both; margin: 0; padding: 0; }
#logo { position: absolute; top: 30px; left: 20px; width: 274px; height: 87px; float: left; margin: 20px 0 0 10px; display: block; }
#txthead { color: #3E4B10; font-size: 1.2em; font-family: arial, helvetica, tahoma, verdana; font-weight: bold; width: 300px; height: 30px; float: left; clear: none; margin: 0 0 0 30px; padding: 15px 0 0; display: block; }
#recherche { font-size: 0.8em; font-weight: bold; position: relative; top: 90px; right: 20px; height: 25px; float: right; clear: right; margin: 0; padding: 0; display: block; }
.search { color: black; background-color: #c8c8c8; width: 150px; height: 20px; margin: 0; border: solid 1px white; }
/*--------------------------*/
/*submenu ------------------*/
#subnav { color: silver; font-size: 0.85em; font-family: arial, helvetica, tahoma, verdana; width: 397px; height: 21px; float: right; clear: right; margin: 0; padding: 0; display: block; }
a#avis { color: white; font-size: 12px; line-height: 18px; background-image: url(../_img/bt_avis.gif); text-decoration: none; text-align: left; text-indent: 25px; width: 147px; height: 21px; float: left; margin: 0; padding: 0; display: block; }
a#avis:hover { background-image: url(../_img/bt_avis.gif); background-position: 0 -21px; }
a#garantie { color: white; font-size: 12px; line-height: 18px; text-decoration: none; background-image: url(../_img/bt_garantie.gif); text-align: left; text-indent: 10px; display: block; margin: 0; padding: 0; width: 147px; height: 21px; float: left; }
a#garantie:hover { background-image: url(../_img/bt_garantie.gif); background-position: 0 -21px; }
a#contact { color: white; font-size: 12px; line-height: 18px; background-image: url(../_img/bt_contact.gif); text-decoration: none; text-align: left; text-indent: 25px; width: 100px; height: 21px; float: left; display: block; }
a#contact:hover { background-image: url(../_img/bt_contact.gif); background-position: 0 -21px; }
a.linksub { color: silver; text-decoration: none; }
/*///////////////////// NAV ////////////////////////////*/
#nav { position: absolute; top: 50px; left: 320px; height: 28px; float: left; clear: right; padding: 0; display: block; }
/* #nav ul,li { height: 25px; margin: 0; padding: 0; }*/
/* #nav ul { height: 25px; float: left; clear: both; margin: 0; padding: 0; }*/
/* #nav li { color: white; text-align: left; width: auto; height: 25px; float: left; margin: 0 6px 0 0; padding-top: 0; padding-bottom: 0; padding-left: 0; list-style-type: none; }*/
/* a.link { color: white; font-size: 1em; font-weight: bold; line-height: 1.5em; background-image: url(../_img/puce_goutte.gif); background-repeat: no-repeat; background-position: left 0; text-decoration: none; text-indent: 18px; height: 28px; float: left; margin: 0; padding: 0; list-style-type: none; display: block; }*/
/* a.link:hover { border-bottom: 2px solid white; }*/
/* a.linkon { color: gray; line-height: 25px; background-color: white; text-decoration: none; height: 28px; float: left; margin: 0; padding: 0; list-style-type: none; display: block; }*/
/*----------CORPS --------/*/
#corps { background-color: white; background-image: url(../_img/fd_contenu.jpg); background-repeat: no-repeat; width: 960px; height: auto; float: left; clear: both; margin: 0; padding: 0; display: block; }
#accueil { background-color: white; background-image: url(../_img/fd_accueil.jpg); background-repeat: no-repeat; display: block; margin: 0; padding: 10px 0 0; width: 960px; height: auto; float: left; clear: both; }
#contenu { display: block; margin: 0; width: 960px; height: auto; float: left; clear: both; padding: 10px 0 0; }
/*-------colonnes----------------*/
#colanim { width: 510px; height: 100%; float: left; clear: left; margin: 0; padding: 0; display: block; }
#gauche { display: block; margin: 0 0 0 10px; padding: 20px 0; width: 510px; height: 100%; float: left; clear: left; }
#gauchesmall { display: block; margin: 0 0 0 10px; padding: 20px 0; width: 300px; height: 100%; float: left; clear: left; }
.introbox { color: #b55c9d; font-size: 1em; font-weight: bold; float: left; clear: left; padding-top: 5px; padding-bottom: 10px; padding-left: 15px; display: block; }
#colcont { color: #c80bad; font-size: 0.95em; width: 430px; height: auto; float: right; clear: right; margin: 0 10px 0 0; padding: 10px 0 0; display: block; }
#colcont h1 { color: #c80bad; font-size: 1.3em; background-repeat: no-repeat; margin: 0 0 15px; padding: 0; }
#colcontbig { color: gray; font-size: 0.95em; display: block; margin: 0 50px 0 0; padding: 30px 0 20px; width: 800px; height: auto; float: right; clear: right; }
#colcontbig a { color: gray; font-weight: bold; text-decoration: none; }
#colcontbig table a { color: gray; font-weight: bold; text-decoration: none; }
#colcontbig ul, li { width: 600px; }
#colcontbig ul { margin: 0; padding: 0; }
#colcontbig li { width: 600px; margin: 0; padding: 0; list-style-position: inside; }
#colcontbig h1 { color: #c80bad; font-size: 1.3em; background-repeat: no-repeat; margin: 0 0 15px; padding: 0; }
#colcontbig h2 { border-bottom-style: dotted; border-bottom-width: 1px; }
#colcontbig h3 { color: #f4b100; font-size: 18px; font-weight: bold; margin: 0; padding: 5px 0; }
#colcontbig h4 { color: #829C22; font-size: 14px; font-weight: bold; margin: 0; padding: 5px 0; }
#colgauche { position: relative; top: 0; left: 0; width: 230px; height: auto; float: left; clear: left; margin: 0; padding: 0; display: block; }
#colgauche a { color: #976096; font-size: 15px; font-weight: bold; text-decoration: none; }
#colgauche a:hover {  }
#coldroite { color: #a8c605; font-size: 0.9em; width: 170px; height: auto; float: right; clear: right; margin: 0; padding-right: 10px; padding-left: 10px; display: block; }
#coldroite a { color: #007229; text-decoration: none; }
#plan, #plan a { color: silver; font-size: 14px; font-weight: bold; text-decoration: none; }
#plan p { width: 300px; margin: 0; padding-top: 4px; padding-bottom: 4px; border-bottom: 1px dotted silver; }
#plan a:hover { color: gray; font-size: 14px; font-weight: bold; text-decoration: none; }
#tabgamme { font-size: 11px; border-top-color: silver; border-top-width: 1px; border-left-color: silver; border-left-width: 1px; }
#tabgamme td { width: 90px; border-right: 1px solid silver; border-bottom: 1px solid silver; }
#conso { color: gray; font-size: 0.95em; width: 270px; float: right; margin-top: 90px; margin-right: 30px; padding: 10px; border: solid 1px silver; }
#conso a { color: gray; font-size: 0.9em; font-weight: bold; text-decoration: none; }
#conso h1 { color: #9fc330; font-size: 1.3em; background-repeat: no-repeat; text-align: center; margin: 0 0 5px; padding: 0; }
.avis { font-size: 12px; width: 500px; margin-top: 5px; margin-bottom: 5px; padding: 10px; border: solid 1px silver; }
/*--------menu gauche----------------*/
#menugauche { font-size: 1em; width: 280px; height: auto; overflow: hidden; float: left; clear: left; display: block; }
#menugauche ul,li { width: 260px; margin: 0; padding: 0; }
#menugauche li { font-weight: bold; line-height: 2.2em; text-indent: 20px; width: 260px; height: 35px; margin-top: 0; margin-bottom: 1px; list-style-type: none; }
.menug { color: white; text-indent: 5px; width: 260px; height: 35px; margin: 0; padding: 0; }
.menugon { color: white; background-image: url(../_img/li_v.gif); text-indent: 5px; margin: 0; padding: 0; width: 260px; height: 35px; }
a.linkmenug { color: white; background-image: url(../_img/li_v.gif); background-repeat: no-repeat; text-decoration: none; width: 260px; height: 35px; display: block; }
a.linkmenug:hover { color: #5a6d16; background-image: url(../_img/li_v-over.gif); background-repeat: no-repeat; text-decoration: none; width: 260px; height: 35px; }
a.linkmenugon { color: white; background-image: url(../_img/li_v-on.gif); background-repeat: no-repeat; text-decoration: none; display: block; width: 260px; height: 35px; }
/*///////////////////// FOOTER ///////////////////////*/
#footeracc { font-size: 0.8em; background-image: url(../_img/pie.jpg); background-repeat: no-repeat; display: block; width: 960px; height: 150px; float: left; clear: both; margin: 0; padding: 0; }
#footer { font-size: 0.8em; background-image: url(../_img/pie.jpg); background-repeat: no-repeat; display: block; margin: 0; padding: 0; width: 960px; height: 150px; float: left; clear: both; }
#baseline { color: navy; font-size: 1em; font-weight: bold; line-height: 1.6em; text-align: left; height: 20px; float: left; clear: both; margin-top: 60px; padding-left: 158px; display: block; }
#legal { color: #a3b1d0; text-align: left; width: 960px; height: 20px; float: left; margin-top: 60px; margin-left: 0; padding-top: 0; }
#legal a{ color: #2899d1; text-decoration: none; }
#legal a:hover{ color:#2b267a; text-decoration: none; }
/*-----tags--------
*/
#tags { font-size: 0.9em; display: block; margin: 10px 0 0; padding: 0 0 20px; width: 960px; float: left; clear: both; border-top: 1px dotted silver; }
.tags h2 { font-size: 1em; margin: 0; padding: 0; }
.tags { color: #a3b1d0; text-align: left; margin-top: 10px; margin-left: 0; width: 280px; float: left; }
.tags a { color: #2899d1; text-decoration: none; }
.tags a:hover { color: #2b267a; text-decoration: none; }
/*-----tags2--------
*/
#tags2 { font-size: 0.9em; display: block; margin: 10px 0 0; padding: 0 0 20px; width: 960px; float: left; clear: both; border-top: 1px dotted silver; }
.tags2 h2 { font-size: 1em; margin: 0; padding: 0; }
.tags2 { color: #a3b1d0; text-align: left; margin-top: 10px; margin-left: 0; width: auto; float: left; }
.tags2 a { color: #2899d1; text-decoration: none; }
.tags2 a:hover { color: #2b267a; text-decoration: none; }
/*------ ligne de path ------------*/
#path { color: gray; font-size: 11px; width: 100%; margin: 0 0 10px; padding: 0 0 5px; }
#path a { color: gray; text-decoration: none; }
#path a:hover { color: black; text-decoration: underline; }
/*-------top
------------------
*/
#totop { text-align: right; width: 100%; float: left; margin-top: 10px; }
#totop a { color: gray; font-size: 0.7em; text-decoration: none; }
#totop a:hover { color: black; }
/*--------helpers--------------------*/
.imgspandroite { margin-right: 10px; margin-bottom: 5px; }
.imgspangauche { margin-bottom: 5px; margin-left: 10px; }
.more { font-size: 10px; margin-right: 10px; }
.more a { color: silver; background-color: white; float: right; margin-bottom: 10px; padding: 2px; border: solid 1px; }
.more a:hover { margin-bottom: 10px; padding: 2px; float: right; border: solid 1px; }
.cadre { border: solid 1px silver; }
.bordtab { border: solid 1px silver; }
.bordtab:hover { border-color: gray; }
a.nodeco { text-decoration: none; }
a.nodeco:hover { text-decoration: underline; }
.envoyer { color: gray; font-size: 13px; font-weight: bold; background-image: url(../_img/envoyer.jpg); background-repeat: no-repeat; width: 133px; height: 25px; border-style: none; border-width: 0; display: block; }
.envoyer:hover { color: white; background-image: url(../_img/envoyer_over.jpg); background-repeat: no-repeat; display: block; width: 133px; height: 25px; }
#garantia{ color: #333333; font-size: 0.95em; display: block; margin: 0 20px 0 0; padding: 30px 0 20px; width: 800px; height: auto; float: left; clear: right; }
#garantia h1{
	display:block;
	width:510px;
	height:42px;
	background: url(../_img/contacto.png) no-repeat #A5C92B;
	padding:0 0 0 52px;
	font:bold 18px/42px Verdana, Arial, Helvetica, sans-serif;
	margin:0 0 8px 0;
	color:#FFFFFF;
	background-position: 10px 6px;
}
#garantia h2{
	display:block;
	width:510px;
	height:42px;
	background: url(../_img/cliente.gif) no-repeat #A5C92B;
	padding:0 0 0 49px;
	font:bold 18px/42px Verdana, Arial, Helvetica, sans-serif;
	margin:12px 0 8px 0;
	color:#FFFFFF;
	background-position: 10px 6px;
}
#garantia form {
	FONT-SIZE: 11px;
	COLOR: #333333;
	BACKGROUND-COLOR: #FFFFCC;
	font-family: Tahoma, Verdana, Arial;
	border: 1px dotted #6699CC;
	padding-left: 10px;
}
#garantia a{
	font:bold 12px/12px Verdana, Arial, Helvetica, sans-serif; 
	color:#C30DAD;
	
}
#garantia a:hover{
	font:bold 12px/12px Verdana, Arial, Helvetica, sans-serif; 
	color:#829C22;
	
}
#contacto{ color: #333333; font-size: 0.95em; display: block; margin: 0 120px 0 0; padding: 30px 0 20px; width: 800px; height: auto; float: right; clear: right; }
#contacto h1{
	display:block;
	width:510px;
	height:42px;
	background: url(../_img/contacto.png) no-repeat #A5C92B;
	padding:0 0 0 52px;
	font:bold 18px/42px Verdana, Arial, Helvetica, sans-serif;
	margin:0 0 8px 0;
	color:#FFFFFF;
	background-position: 10px 6px;
}
#contacto h2{
	display:block;
	width:510px;
	height:42px;
	background: url(../_img/cliente.gif) no-repeat #A5C92B;
	padding:0 0 0 49px;
	font:bold 18px/42px Verdana, Arial, Helvetica, sans-serif;
	margin:12px 0 8px 0;
	color:#FFFFFF;
	background-position: 10px 6px;
}
#contacto form {
	FONT-SIZE: 11px;
	COLOR: #333333;
	BACKGROUND-COLOR: #FFFFCC;
	font-family: Tahoma, Verdana, Arial;
	border: 1px dotted #6699CC;
}
#contacto6{
	display:block;
	width:390px;
	height:22px;
	background-color:#515151;
	color:#FFFFFF;
	font:bold 14px/20px Arial, Helvetica, sans-serif;
	margin:0 0 10px 0;
}
#contacto6 span{
    color:#607203;
	background-color:#fff;
	padding:2px;
	font-weight: bold;
}