/* CSS Document */





/* @group 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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	/*vertical-align: baseline;*/
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	background-color: #fff;
	height :100%
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
/*table {
	border-collapse: separate;
	border-spacing: 0;
}*/
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}



/* @end */

/* @group pour les tests */

/*POUR LES TEST*/

/*img, form {border: 1px dashed blue}
h1, h2, h3, h4, h5, h6,  {border: 1px solid yellow}
p {border: 1px solid green}
ul {border: 1px solid green}
li {border: 1px solid lightgreen}
div{border: 1px solid lightgreen}
*/
/*div{border: 0px solid lightgreen}*/
/*appelé par la routine js.js*/
/*a.lien_ext:after {
content:url(images/nouv-fen.gif);*/
/*}/*

/* @end */

/* @group DIVERS */
.alignementguauche{
	margin-right: 10px;
	float: left;
	margin-left: 10px;
}
.alignementdroit{
	margin-right: 10px;
	float: right;
	margin-left: 10px;
}
.cadreimage{
margin-right: 10px;
	border: solid 1px #666;
	padding: 10px;
	background-color: #FFFFFF;
	float: left;
}
.nouveau{
	background: transparent no-repeat;
	position: absolute;
	width: 74px;
	height: 42px;
	margin-top: 30px;
	margin-left: 10px;
	z-index: 1010;
}

/* @end */

/* @group BODY */
body{
	
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background: #fff url(images/testfd.jpg) no-repeat center top;
}


/* @end */

/* @group HEADER */

#header{
	width: 790px;
	height: 164px;
	margin: auto;
	background-image: url(images/sources/test_fdheader.jpg) repeta;
}


.logo{
	width: 400px;
	height: 120px;
	position: absolute;
	top: 15px;
	/* Mozilla ignores crazy MS image filters, so it will skip the following */
    //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/sources/logo.png');
	float: left;
}
.logo p{
	margin-right: 12px;
}
.logo[class]{
	background: url(images/sources/logo.png) no-repeat;
}
.logo p{
	color: #fff;
	margin-top: 95px;
	margin-left: 220px;
	text-align: right;
}
.persoheader{
	width: 267px;
	height: 163px;
	position: absolute;
	margin-left: 523px;
	background: url(images/sources/persoheader.jpg) no-repeat;
	float: right;
}

#drapeaux{
	width: 100px;
	height: 25px;
	position: absolute;
	top: 135px;
}
#drapeaux ul li{
	display:-moz-inline-block;
	display:-moz-inline-box;
	display:inline-block;
	margin-right: 5px;
}
#drapeaux li{
list-style : none;
display: inline;
}

.fondvertintro{
	margin: 5px 5px 0;
	padding: 10px 10px 10px;
	background-color: #4e8e17;
	font: 12px/15px "Lucida Grande", Lucida, Verdana, sans-serif;
}

.fondvertintro .intro{
	color: #7AD736;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}

/* @end */

/* @group MENU */
/*#menu{
	margin: auto;
	background-color: #fff;
	width: 790px;
	height: 33px;
	font: bold 14px/16px Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
}
#menu ul{
	padding-top: 8px;
}
#menu li{
	list-style : none;
	display: inline;
	margin-left : 6px;
	margin-right : 6px;
}
#menu a{
	text-decoration: none;
	color: #305d02;
}
#menu a:hover{
	color: #035d7a;
}*/
/* @end */


/* MENU*/
 
/* CSS issu des tutoriels http://css.alsacreations.com */
#fdmenu{width: 790px;
	height: 33px;
	background-color: #fff;
	}
	
 #menu dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	background-color: #fff;
	font: bold 13px/15px Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
}
#menu {
	position: absolute;
	z-index:100;
	margin-left: auto;
	margin-right: auto;
	width: 790px;
	top: 167px;
	text-transform: uppercase;
	text-align: center;
	/*padding-left: 20px;*/
}

#menu dl {
	float: left;
	width: 10em;
	margin-top: 6px;
	margin-right: 1px;
}
#menu dl.accueil {
	width: 4em;
}
#menu dt {
	text-align: center;
	font-weight: bold;
	/*background: #ccc;*/
	color: #FFFFFF;
}
#menu dd {
	border: 1px solid gray;
	letter-spacing: 0.5em;
	word-spacing: 0.5em;
	background-color: #79D837;
	width: 12em;
	text-align: left;
	/*margin-left : 6px;
	margin-right : 6px;*/
}
#menu li {
text-align: center;
line-height:20px
}
#menu li a, #menu dt a {
letter-spacing: 0em; 
word-spacing: 0em;
text-decoration: none;
color: #305d02;
display: block;
height: 100%;
border: 0 none;
}
#menu li a{
	text-align: left;
	padding-left: 5px;
}
#menu li a:hover{
	background-color: #81BB54;
	text-align: left;
	padding-left: 7px;	
}
#menu dt a:hover {
	color: #0099CC;
}


.troispttbouts a{
background-color: #81BB54;
}


.actus{
	color:#CBF6B7;
	background-color: #75B543;
	padding: 10px;
	margin: 10px;
	border: solid 1px #598933;
}
.actus a{
	color: #FFF;
	text-decoration: underline;
}
.actus a:hover{
	color: #86CE4E;
	text-decoration: underline;
}
.actus h1{
	color: #FFF;
	font-size: 16px;
	margin-bottom: 20px;
	font: bold 20px/20px Georgia, "Times New Roman", Times, serif;
	border-bottom: 1px solid #fff;
	padding-left: 30px;
	background: #4e8e17 url(images/puceh12.jpg) no-repeat 0 5px;
	padding-top: 5px;
}
.actus h2{
	font-size: 14px;
	font-weight: bold;
	padding-left: 10px;
}



/* @group MAIN */
#main{
	width: 790px;
	margin: auto;
	background: #7ad736 url(images/bgmain.gif) repeat-x 0 32px;
}
/* @group 3blocindex */
#troisblocs{
	height: 400px;
}
#blocguauche{
	width: 253px;
	height: 450px;
/*	float: left;*/
	/*margin-left: 7px;*/
}
#bloccentre{
	width: 253px;
	height: 450px;/*365*/
	/*float: left;*/
	/*margin-left: 7px;*/
}
#blocdroit{
	width: 253px;
	height: 450px;
	text-align: left;
}
h3.accrochemarque{
	color: #7AD736;
	font-size: 14px;
	font-style: italic;
}
.descriptionmarque{
	color : white;
	background-color: #5d9d20;
	padding-left:10px;
	padding-right:10px;
	text-align:left;
	height: 110px;
}
.descriptionmarque a{
color : white;
text-decoration:none
}
.descriptionmarque a:hover{
	color : #305d02;
}

.titrebloc{
	background-color: #94df5e;
	
}
.corpsbloc{
	background-color: #fff;
	/*height: 260px;*/
	height: 150px;
}

.contenuchroll{
	width: 250px;
	height: 140px;
	overflow: auto;
	background-color: white;
}
.produit{
	width: 200px;
	/*margin-left: 10px;
	margin-right: 10px;*/
	padding-top: 10px;
}
.lienproduit{
}
.lienproduit a{
	background-color: maroon;
	text-decoration: none;
	color: maroon;
}
.lienproduit a:hover{
	background-color: orange;
	text-decoration: none;
	color: maroon;
}

/* @group distributeurs */

.prodguauche{
	padding-right: 10px;
	clear: left;
	height: 340px;
}
#blocdistributeurs{
	width: 253px;
	height: 365px;
	text-align: left;
}

/* My Comment */

.distributeurs{
	width: 220px;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 10px;
}
.titreblocdistributeurs{
	height: 100px;
}
p.titredistributeur{
	color: #27c5fd;
	font: 14px/14px Georgia, "Times New Roman", Times, serif;
}


/* @end */
#troisblocs h1{
	color: #035d7a;
	font-size: 14px;
	font-weight: bold;
	/*line-height: 25px;*/
}
#troisblocs p{
	/*color: #30ccff;*/
}
#contientplus{
	height: 22px;
	text-align: right;
	width: 22px;
}
.boutplus {
     width: 19px;
     background: transparent url(images/bouton/boutplus.jpg)  no-repeat;
	height: 19px;
	text-align: right;
	margin-left: 200px;
}
.boutplus a {
     display: block;
     width: 100%;
     height: 100%;
     background: url(images/bouton/boutplusover.jpg) no-repeat;
}
.boutplus a:hover { /* masquage de lien.jpg au survol */
     background: transparent none;
}

.grandboutplus{
	
}
.grandboutplus {
     width: 120px;
     background: transparent url(images/bouton/btnsavoirover.gif)  no-repeat;
	height: 25px;
	text-align: right;
	margin-left: 600px;
	float: right;
	clear: both;
}
.grandboutplus a {
     display: block;
     width: 100%;
     height: 100%;
     background: url(images/bouton/btnsavoir.gif) no-repeat;
}
.grandboutplus a:hover { /* masquage de lien.jpg au survol */
     background: transparent none;
	clear: both;
}

.grandboutproduits{
	
}
.grandboutproduits {
     width: 120px;
     background: transparent url(images/bouton/btnnosproduits.gif) no-repeat;
	height: 25px;
	text-align: right;
	margin-left: 600px;
	float: right;
}
.grandboutproduits a {
     display: block;
     width: 100%;
     height: 100%;
     background: url(images/bouton/btnnosproduits.gif) no-repeat;
}
.grandboutproduits a:hover { /* masquage de lien.jpg au survol */
     background: transparent none;
}



/*h2{
	color: white;
	margin-left: 20px;
	text-decoration: underline;
	font: 18px/18px Georgia, "Times New Roman", Times, serif;
}*/



hr{
	color: #30ccff;
}
.tablproduits{
	background-color: #ecfef2;
	line-height: 18px;
}
.tablproduits td{
	border-bottom: 2px solid #6495ed;
}
.produit h1 a{
	color: #035d7a;
	font: bold 14px/14px "Lucida Grande", Lucida, Verdana, sans-serif;
	padding-top: 10px;
	padding-bottom: 10px;
}

.titretableau{
	line-height: 18px;
	font-size: 14px;
	background-color: #c1fefb;
	color: #2c709f;
	text-align: center;
}
.titretableaud{
	line-height: 16px;
	font-size: 14px;
	background-color: #9af0fe;
	color: #2c709f;
	text-align: left;
}
.titretableaudd{
	line-height: 15px;
	font-size: 14px;
	background-color: #9af0fe;
	color: #44929e;
	text-align: left;
	padding-left: 2px;
}
caption {
font-family: sans-serif;
}

/* @end */

.ficheproduit{
	background-color: white;
	color: #2c2c2c;
	margin-top: 10px;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	padding: 10px;
}
.ficheproduit h1{
	background-color: white;
	color: #2eabba;
	margin-top: 10px;
	font: 28px "Lucida Grande", Lucida, Verdana, sans-serif;
	/*padding: 10px;*/
}

.ficheproduit p a{
  color: #6495ed;
}

.ficheproduit h1 a{
	font: 24px Georgia, "Times New Roman", Times, serif;
	color: #26b1fd;
	padding-bottom: 20px;
	margin-top: 10px;
}
.ficheproduit p a:hover{
	color: #014A62;	
}
.ficheproduit .titreprod{
	color: #035d7a;
	font: bold 14px/14px "Lucida Grande", Lucida, Verdana, sans-serif;
	padding-top: 10px;
	padding-bottom: 10px;
}
#blocdistributeurs{
	float: right;
}
.zonebleue{
	background-color: #035d7a;
	padding:10px;
	color: #D6EDFF;
	background-image: url(images/fd-carte.png);
}

/* @end */

/* @group CONTENU */

/* @group bouton */

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.boldbuttons{
background: transparent url('images/bouton/guauche.png') no-repeat top left;
display: block;
float: left;
font: bold 13px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;
	margin-top: 5px;
}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
color: #fff;
	font-size: 11px;
}

a.boldbuttons span{
background: transparent url(images/bouton/droit.png) no-repeat right;
display: block;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 2px;
}

a:hover.boldbuttons{ /* Hover state CSS */
text-decoration: underline;
}


.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

/* @end */
#contenu{
}
.horscadre{
	/*margin: 20px 10px;*/
	color: #2d520e;
}

.corpsblocmarqueun{
	background-color: #4e8e17;
	height: 260px;
	float: right;
	margin-left: 10px;
	margin-top: 25px;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
}
.contenuchrollmarqueun{
	width: 250px;
	height: 255px;
	overflow: auto;
}
.corpsblocmarqueun .produit p{
	color: #fff;
}
.corpsblocmarqueun .produit a{
	color: #fff;
	font-weight: bold;
}
.corpsblocmarqueun .produit a:hover{
	color: lime;
	font-weight: bold;
}

.titre{
	margin-left: 10px;
	margin-top: 20px;
	line-height: 25px;
	height: 15px;
	padding-bottom: 5px;
	margin-right: 10px;
	border-bottom: 1px solid #305d02;
}

h1.feuille{
	text-align: right;
	float: right;
	padding-left: 40px;
	color: #305d02;
	font: bold 20px/20px Georgia, "Times New Roman", Times, serif;
	height: 27px;
	text-transform: uppercase;
	background: url(images/sources/puceh1.gif) no-repeat 0 -2px;
}

.fondvert{
	margin: 10px 10px 0;
	padding: 10px 10px 40px;
	background-color: #4e8e17;
	color: #fff;
	font: 12px/15px "Lucida Grande", Lucida, Verdana, sans-serif;
}
.fondvert a{
	color: #fff;
}

.fondvert h1{
	color: #fff;
	margin-bottom: 20px;
	font: bold 20px/20px Georgia, "Times New Roman", Times, serif;
	border-bottom: 1px solid #fff;
	padding-left: 30px;
	background: url(images/puceh12.jpg) no-repeat 0 0;
}

.fondvert h2{
	color: #b6d786;
	font: bold 18px/18px Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	margin-bottom: 10px;
}

.fondvert p{
	color: #fff;
	/*padding-bottom: 20px;*/
}

.fondvert ul{
	background-color: #4E8E17;
	list-style-type: disc;
	margin-left: 20px;
	padding-left: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: normal;
	font-variant: small-caps;
	font-weight: normal;
	text-transform: none;
}

.fondvert li{
	font-family: Arial, Helvetica, sans-serif;
	background-color: #4E8E17;
	font-style: normal;
	font-variant: normal;
	list-style-type: disc;
	font-weight: normal;text-transform: none;
}

.fondblanc h1{
	color: #fff;
	margin-bottom: 20px;
	font: bold 20px/20px Georgia, "Times New Roman", Times, serif;
	border-bottom: 1px solid #fff;
	padding-left: 30px;
	background: #4e8e17 url(images/puceh12.jpg) no-repeat 0 5px;
	padding-top: 5px;
}

.fondblanc{
	margin: 10px 10px 0;
	padding: 10px 10px 40px;
	color: #284A0B;
	font: 12px/15px "Lucida Grande", Lucida, Verdana, sans-serif;
	background: #bde497 url(images/hautbloc.gif) no-repeat;
}
.fondblanc a {
		color: #284A0B;
}
.fondblanc a:hover {
	color: #fff;
}
.fondblanc ul{
	list-style-type: disc;
	margin-left: 30px;
	color: #284A0B;
	font: 12px/15px "Lucida Grande", Lucida, Verdana, sans-serif;
	
	text-transform: none;
	background-color: #BDE497;
}
.fondblanc li{
	list-style-type: disc;
	color: #284A0B;
	font: 12px/15px "Lucida Grande", Lucida, Verdana, sans-serif;
	font-style: normal;
	font-weight: normal;
	text-transform: none;
	background-color: #BDE497;
}


/* @end */

/* @group FOOTER */

#footer{
	background-color: #7ad736;
	width: 790px;
	margin: auto;
	height: 100px;
	padding-top: 20px;
}
#footerdroit{
	width: 520px;
	float: right;
	margin-right: 10px;
	margin-left: 10px;
	text-align: right;
}
#footerguauche{
	width: 230px;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}
#footerguauche a{
color:#FFFFFF;
text-decoration:none;
}

#footerguauche p{
	color: #fff;
	margin-top: 70px;
}

#signature{
	margin: 10px auto;
	width: 790px;
	text-align: right;
	font-size: 10px;
	color: #305d02;
}

#signature a{
		color: #305d02;
	text-decoration: none;
}

#signature a:hover{
	color: #305d02;
}

/* @end */