/* CSS Document */
/********************************************************* 

Styles generaux
	background-image : 	<uri> | none;
	background-position: ;	[ [ <percentage> | <length> | left | center | right ] [ <percentage> | <length> | top | center | bottom ]? ] | [ [ left | center | right ] || [ top | center | bottom ] ]
	background-repeat: repeat | repeat-x | repeat-y | no-repeat;
********************************************************/

body {
	margin:				0px;
	padding:			0px;
	color: 				#6A6A6A;
	font-family: 		Arial, Tahoma, Verdana, sans-serif; 
	font-size: 			11px;
	border:				0px;
	background-color:	#f3f3f3;
	background-image:url(../_img/Bg-page.jpg);
	background-repeat:repeat-x;
}


/* Pour IE qui ne supporte pas l'heritage (identique a body) */
TD {  
	font-family: 	Arial, Tahoma, Verdana, sans-serif; 
	font-size: 		11px; 
}

P {
	font-family: 	Arial, Tahoma, Verdana, sans-serif; 
	margin:			0px;
	padding:		0px;
}



/********************************************************* 
	LINKS - LIENS 
a:focus:hover { outline: thick solid black }
vertical-align : baseline | sub | super | top | text-top | middle | bottom | text-bottom | <percentage> | <length>
text-decoration : none | [ underline || overline || line-through || blink ]
white-space : normal | pre | nowrap | pre-wrap | pre-line
********************************************************/


A:link 		{text-decoration: none; color: #679EBC; text-decoration:underline;}
A:visited 	{text-decoration: none; color: #679EBC; text-decoration:underline;}
A:hover 	{text-decoration: none; color: #93D11D; text-decoration:underline;}





/********************************************************* 
	 Titres
	dipaly: block,inline
********************************************************/	


h1 {
	width:auto;
	height:21px;
	background-color:#0a3a5e;
	margin:auto;
	color:#3197c2;
	font-size:10px;
	padding-top:6px; padding-left:350px;
	text-transform: uppercase; text-align:center;
}
		

/* Titre de niveau 1 : I.,II.,III. */
H2 {
	color: 				#50a9c2;
	font-family: 		Arial, Tahoma, Verdana, sans-serif;
	font-weight:		regular;
	font-size:        	24px;
	margin:				0px;
	text-align:center;
	background-image:url('../_img/bg-titre2.gif');
	background-repeat:no-repeat;
	height:37px;
	padding-top:7px;
}
.middle-accueil h2 {
	padding:0;
	height:auto;
	background:none;
}
#core h3 {
	padding:0;
	height:auto;
	background:none;
}

/* Titre de niveau 2 : A),B),C) */
H3 {
	color: 			#122663;
	font-family:  	Tahoma, Verdana, Arial, sans-serif;
	font-size: 		11px;
	font-weight: 	bold;
	font-style: 	normal;
	margin:			0px;
}
p.emphasis {
	display: 		block;
	color: 			#122663;
	font-family:  	Tahoma, Verdana, Arial, sans-serif;
	font-size: 		11px;
	font-weight: 	bold;
	font-style: 	normal;
	margin:			0px;
}
.middle .emphasis {
	clear:left;
	padding:1em 0;
	color:#5BAF1E;
	display:block;
	font-family:Arial,Tahoma,Verdana,sans-serif;
	font-size:12px;
	font-style:normal;
	font-weight:bold;
}
.pageSolutions H3 {
	padding-bottom:1em;
	color: 			#5baf1e;
	font-family:  	 Arial, Tahoma, Verdana, sans-serif;
	font-size: 		12px;
	font-weight: 	bold;
	font-style: 	bold;
}
.pageFAQ h2 {
	color: 			#122663;
	font-family:  	Tahoma, Verdana, Arial, sans-serif;
	font-size: 		11px;
	font-weight: 	bold;
	font-style: 	normal;
	margin:			0;
	text-align:		left;
	background:none;
	height:auto;
	padding-top:0; padding-bottom:1em;
}
.pageSoutionsJardin .emphasis {
	display: 		block;
	color: 			#5baf1e;
	font-family:  	 Arial, Tahoma, Verdana, sans-serif;
	font-size: 		12px;
	font-weight: 	bold;
	font-style: 	normal;
	text-align:		center;
}
.pageSoutionsHabitat .emphasis {
	display: 		block;
	color: 			#5baf1e;
	font-family:  	 Arial, Tahoma, Verdana, sans-serif;
	font-size: 		12px;
	font-weight: 	bold;
	font-style: 	normal;
	text-align:		left;
}
.pageSoutionsJardin .info, .pageSoutionsHabitat .info {
	display: 		block;
	color: 			#122663;
	font-family:  	Tahoma, Verdana, Arial, sans-serif;
	font-size: 		11px;
	font-weight: 	bold;
	font-style: 	normal;
	margin:			0px;
}
.pageSoutionsJardin h3 {
	color:#6A6A6A;
}
.pageSoutionsHabitat h2 {
	background:none;
	height:auto;
	padding-top:0; padding-bottom:0;
	color:#6A6A6A;
	font-family:  	 Arial, Tahoma, Verdana, sans-serif;
	font-size: 		12px;
	font-weight: 	bold;
	text-align:left;
}
.pageEauxUsees h3 {
	display:inline;
	color: 			#6A6A6A;
	font-family:  	 Arial, Tahoma, Verdana, sans-serif;
	font-size: 		11px;
	font-weight: 	bold;
}
.pageRetentionEpandage h3 {
	color: 			#5baf1e;
	font-family:  	 Arial, Tahoma, Verdana, sans-serif;
	font-size: 		12px;
	font-weight: 	bold;
	font-style: 	normal;
}
.pageRetentionEpandage .retention h3 {
color: 			#6A6A6A;
}
.pageRetentionEpandage .accessoires h3 {
	color: 			#6A6A6A;
}
.pageRetentionEpandage h4{
	color: 			#122663;
	font-family:  	Tahoma, Verdana, Arial, sans-serif;
	font-size: 		11px;
	font-weight: 	bold;
	font-style: 	normal;
	margin:			0px;
}
H4 {
	color: 			#5baf1e;
	font-family:  	 Arial, Tahoma, Verdana, sans-serif;
	font-size: 		12px;
	font-weight: 	bold;
	font-style: 	normal;
}


/********************************************************* 
	LISTE
	
********************************************************/
/* Liste a puce de contenu NIV 1 */
UL {
	list-style-position: 	outside; /* outside, inside */
	list-style-image:url('../_img/puce-smll.gif');
	font-family:			Tahoma, Verdana, Arial, sans-serif;
	line-height: 			14px;
	padding-left:       	0px;
	margin:					0px;
	padding-left:20px;
}

/* Liste a puce de contenu NIV 2 */
UL LI UL {
	list-style-position: 	outside; /* outside, inside */
	list-style-image:		url('../_img/puce-carre.gif');
	font-family:			Tahoma, Verdana, Arial, sans-serif;
	line-height: 			14px;
	padding-left:       	20px;
	font-weight: 			normal;
	margin:					0px;
}

/* Liste a puce de contenu NIV 3 */
UL LI UL LI UL {
	list-style-position: 	outside; /* outside, inside */
	list-style-image:		url('../_img/puce03.gif');
	font-family:			Tahoma, Verdana, Arial, sans-serif;
	line-height: 			14px;
	padding-left:       	20px;
	font-weight: 			normal;
	margin:					0px;
}

/* Liste numerotee de contenu NIV 1 */
OL {
	list-style-type: upper-roman; 
}
/* Liste numerotee de contenu NIV 2 */
OL LI OL {
	list-style-type: upper-alpha; 
}

/* Liste numerotee de contenu NIV 3 */
OL LI OL LI OL {
	list-style-type: decimal; 
}

/*********************************************************
  FORMS - FORMULAIRES
********************************************************/

FORM {
	margin : 	0px;
	padding : 	0px;
}

/* Le titre des champs doivent se trouver dans une balise LABEL (accessibilite) */ 
LABEL {
	font-family: 	Tahoma, Verdana, Arial, sans-serif;
	font-size: 		11px;
	color:#637682;
}


/* Text Box*/
INPUT.fieldtextbox{
	border-top: 		1px solid #9c9c9c;
	border-right: 		1px solid #9c9c9c;
	border-bottom: 		1px solid #9c9c9c;
	border-left: 		1px solid #9c9c9c;
	background-color: 	#FFF;
	color:#676867;
	font-family: 		Tahoma, Verdana, Arial, sans-serif;
	font-size: 			11px;
	padding-left: 		2px;
	padding-right: 		2px;
}

/* Check Box*/
INPUT.fieldcheckbox {
	border: 0px;
}

/* Radio Box*/
INPUT.fieldradiobox {
	border: 0px;
}

INPUT.file{
	background-color: 	#FFF;
	padding-left:		2px;
	font-family: 		Tahoma, Verdana, Arial, sans-serif;
	font-size:			9px;
}


INPUT.button, INPUT.fieldbutton {
	color: 				#fff;
	font-family:     	Tahoma, Verdana, Arial, sans-serif;
	font-style:    		normal;
	font-weight: 		normal;
	font-size:    		10px;
	background-color:   #67717d;
	border-bottom: 		#9c9c9c solid 1px;
	border-right: 		#9c9c9c solid 1px;
	border-left: 		#9c9c9c solid 1px;
	border-top: 		#9c9c9c solid 1px;
	cursor: 			pointer;
}


INPUT.button:hover, INPUT.fieldbutton:hover {
	background-color:   #FFF;
	color: 				#df2a00;
}

SELECT.fieldlistbox {
	background-color:   #FFFFFF;
	color: 				#676867;
	font-family: 		Tahoma, Verdana, Arial, sans-serif;
	font-style:    		normal;
	font-size:    		10px;
	width: 				150px;
	border-top: 		1px solid #9c9c9c;
	border-right: 		1px solid #9c9c9c;
	border-bottom: 		1px solid #9c9c9c;
	border-left: 		1px solid #9c9c9c;
}


SELECT.fieldlistbox OPTION {
	color: 				#676867;
	font-family: 		Tahoma, Verdana, Arial, sans-serif;
	font-style:    		normal;
	font-size:        	11px;
	background-color:   #FFFFFF;
	width: 				150px;
}

TEXTAREA.fieldtextbox {
	border-top: 		1px solid #9c9c9c;
	border-right: 		1px solid #9c9c9c;
	border-bottom: 		1px solid #9c9c9c;
	border-left: 		1px solid #9c9c9c;
	background-color: 	#FFF;
	font-family: 		Tahoma, Verdana, Arial, sans-serif;
	font-size: 			11px;
	padding-left: 		2px;
}

/* Champs de formulaire inactif */
.disabled {
	visibility : 		hidden;
	color: 				#FFF;
	font-size: 			0px;
	font-family: 		Tahoma, Verdana, Arial, sans-serif;
	background-color:   transparent;
	border: 			#FFF solid 0px;
}

/* Champs de formulaire actif */
.enabled {
	visibility : 		visible;
	border-top: 		1px solid #DFDFDF;
	border-right: 		1px solid #DFDFDF;
	border-bottom: 		1px solid #DFDFDF;
	border-left: 		1px solid #DFDFDF;
	background-color: 	#FFF;
	font-family: 		Tahoma, Verdana, Arial, sans-serif;
	font-size: 			11px;
	padding-left: 		2px;
}

/* Impression */
.unprintable {
	display:	block;
}

@media print {
.unprintable { 
	display: 	none;
	visibility: hidden;
	}
}

/********************************************************* 
	STRUCTURE
********************************************************/
DIV#ligne-entete{
	width:auto;
	height:21px;
	background-color:#0a3a5e;
	margin:auto;
	color:#3197c2;
	font-size:10px;
	padding-top:6px;
	text-transform: uppercase;
}

DIV#structure{
margin-left:auto;
margin-right:auto;
width:980px;
height:auto;
background-color:3f3f3f;
background-image:url(../_img/Bg-middle-cloud.jpg);
background-position:top;
background-repeat:no-repeat;
}

DIV#structure-col-left{
margin-left:auto;
margin-right:auto;
width:264px;
height:auto;
float:left;
padding-top:26px;
}

DIV#structure-col-right{
margin-left:auto;
margin-right:auto;
width:700px;
height:auto;
float:left;
padding-top:26px;

}

DIV.middle{
width:642px;
padding:0px 20px;
background-color:#FFF;
height:auto;
background-image:url('../_img/bg-bottom-grass.jpg');
background-position:bottom right;
background-repeat:no-repeat;
}

DIV.middle-accueil{
width:642px;
padding:0px 20px;
background-color:#FFF;
height:auto;
}

/* -------[Menu 2]-------- */

#menu2 {
width: 225px;
margin: 10px;
font-weight:bold;
}
#menu2 ul {
list-style: none;
margin: 0;
padding: 0;
text-transform:uppercase;
}
#menu2 li a {
height: 42px;
voice-family: "\"}\"";
voice-family: inherit;
height: 30px;
text-decoration: none;
}

#menu2 ul ul .first {
	padding-bottom:6px;
	background:url(../_img/sep-menu2.png) no-repeat 50% 100%;
}

/* N'oubliez pas de renseigner l'adresse des images que vous avez téléchargé */
#menu2 ul ul li a:link, #menu2 ul ul li a:visited {
color: #fff;
display: block;
background-image:none;
color:#0489c7;
text-align:right;
padding: 0 16px 0 0;
list-style-image:url(../_img/puce-smll.gif);
list-style-position:outside;
margin-bottom:4px;
margin-top:6px;
height:24px;
text-transform:none;
}


#menu2 ul ul li a:hover {
color: #5e7a96;
}

#menu2 li a:link, #menu2 li a:visited {
color: #fff;
display: block;
background-image:url(../_img/bg-menu2.png);
padding: 12px 0 0 10px;
margin-bottom:10px;
}

#menu2 li a:hover {
color: #283A50;
background: url(../_img/bg-menu2.png) 0 -42px;
padding: 12px 0 0 10px;
margin-bottom:10px;
}

#menu2 li a:active {
color: #283A50;
background: url(../_img/bg-menu2.png) 0 -42px;
padding: 12px 0 0 10px;
margin-bottom:10px;
}


DIV.on {
display: block;
background-image:url('../_img/bg-menu2.png');
background-position:bottom;
padding: 12px 0 0 10px;
height:30px;
margin-bottom:10px;
margin-top:6px;
text-transform:uppercase;
color: #283A50;
text-decoration: none;
font-weight:bold;
}



.odd{
background-color:#F3FBDB;
border-bottom:solid 1px #A1A595;
height:18px;}

.even{
background-color:#fff;
border-bottom:solid 1px #A1A595;
height:18px;}

/* box contact */
.box-contact{ background:url(bg-contact.png) no-repeat top left; height:568px; width:249px; padding:37px 0 0 13px;}
.box-contact .fieldlistbox {	background-color:   #FFFFFF; color: #676867; font-family: Tahoma, Verdana, Arial, sans-serif;font-style: normal;font-size:    		10px; border: 	1px solid #9c9c9c; width:100%;}
.box-contact td{ height:20px; padding:1px;}

.color-yellow{ color:#F90;}
.color-red{ color:#F00;}
.color-green{ color:#090;}

.h2smaller{ color:#50a9c2;	font-family: Arial, Tahoma, Verdana, sans-serif;font-weight:regular;margin:	0px;text-align:center;	background-image:url('../_img/bg-titre2.gif');	background-repeat:no-repeat;	height:37px;	padding-top:7px;font-size:18px;}

.btnEnvoyerForm { width: 96px; height: 21px; background:url(envoyer.gif) left top no-repeat; overflow: hidden; text-indent: -500px; color: transparent; text-transform: uppercase; border: none; }