/* -----------------------------------------------------------
						Général
----------------------------------------------------------- */

*{
margin:0;
padding:0;
border:0;
}

body{
font-family:Arial, Verdana, Tahoma, Helvetica, sans-serif;
font-size:medium;
color:#747376;
text-align:center;
background-image:url(../pics/herbe.jpg);
background-position:bottom;
background-repeat:repeat-x;
background-color:#e0f4f6;
}

html>body{
background-image:none;
}

a:link,
a:visited{
text-decoration:none;
color:#747376;
outline:none;
}
a:hover,
a:active{
text-decoration:underline;
color:#747376;
outline:none;
}

h2,h3,h4,h5{
font-size:100%;
}

ul{list-style:none outside none;}
.left{float:left;}
.right{float:right;}
.bold{font-weight:bold;}
.italique{font-style:italic;}
.souligne{text-decoration:underline;}
.pied{display:none;}

input,select{
font-family:Arial, Verdana, Tahoma, Helvetica, sans-serif;
font-size:100%;
color:#757575;
height:18px;
}
input.envoyer{
    background-color:#c6c5c7;
    font-size:100%;
    color:#FFF;
    margin:10px 10px 0 0;
    width:85px;
    padding:2px 0;
    height:23px;
    font-weight:bold;
    float:right;
}
	
		div#bouton{
		clear:both;
		float:right;
		height:24px;
		width:228px;
		background-color:#d9dd49;  /* couleur change selon rub */
		padding:3px 0 0 15px;
		margin:0 8px 0 0;
    }
		html>body div#bouton{
		margin:0 12px 0 0;
    }

		div#bouton p.gamme02{
		background-color:#D9DD49;  /* couleur change selon rub */
		}
		div#bouton p.gamme03{
		background-color:#CB98B1;  /* couleur change selon rub */
		}
		div#bouton p.gamme04{
		background-color:#854237;  /* couleur change selon rub */
		}
		div#bouton p.gamme05{
		background-color:#00789B;  /* couleur change selon rub */
		}
		div#bouton p.gamme06{
		background-color:#D2232A;  /* couleur change selon rub */
		}
		div#bouton input.envoyer{
    background-color:transparent;
    font-size:110%;
    color:#FFF;
    margin:-2px 5px 0 3px;
    width:auto;
    padding:2px 0;
    height:23px;
    font-weight:bold;
    float:none;
}
		
    


/* -----------------------------------------------------------
						Structure
----------------------------------------------------------- */
div#nuages{
background-image:url(../pics/nuages.jpg);
background-position:0 0;
background-repeat:repeat-x;
width:100%;
height:auto !important;
height:515px;
min-height:515px;
}

	/* correction du bug de l'affichage de l'herbe sur mozilla */
	html>body div#herbe{
	position:absolute;
	top:0;
	left:0;
	min-height:100%;
	background-image:url(../pics/herbe.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	width:100%;
	}
	/* fin correction du bug de l'affichage de l'herbe sur mozilla */


div#centrage{
width:915px;
margin:0 auto 50px auto;
text-align:left;
font-size:70%;
height:auto !important;
height:500px;
min-height:500px;
text-align:center;
}

/*--------------- header----------------*/
div#centrage div#header{
height:161px;
width:915px;
margin-bottom:7px;
text-align:left;
padding:10px 0 0 0;
}
	div#centrage div#header #fd{
	position:absolute;
	margin:0 0 0 0;
	}
	
	div#centrage div#header #logo{
	position:absolute;
	margin:32px 0 0 25px;
	}
	
	div#centrage div#header #bandeau{
	position:absolute;
	margin:10px 0 0 179px;
	}
	
	div#centrage div#header ul#navigation{
	position:absolute;
	margin:108px 0 0 24px;
	width:872px;
	height:43px;
	}
		div#centrage div#header ul#navigation li{
		display:inline;
		float:left;
		margin-right:3px;
		}
	
	
	
	
/*-------------- contenu -------------*/	
div#centrage div#contenu{
width:876px;
margin:0 auto;
height:auto !important;
height:322px;
min-height:322px;
border-bottom:none;
background-color:#FFFFFF;
text-align:left;
}
	div#centrage .contenu{
	border:2px solid #d9dd49;  /* couleur change selon rub */
	}
	div#centrage .gamme02{
	border:2px solid #D9DD49;  /* couleur change selon rub */
	}
	div#centrage .gamme03{
	border:2px solid #CB98B1;  /* couleur change selon rub */
	}
	div#centrage .gamme04{
	border:2px solid #854237;  /* couleur change selon rub */
	}
	div#centrage .gamme05{
	border:2px solid #00789B;  /* couleur change selon rub */
	}
	div#centrage .gamme06{
	border:2px solid #D2232A;  /* couleur change selon rub */
	}

	/* centre */
	div#centrage div#contenu div#centre{
	width:646px;
	height:auto !important;
	height:302px;
	min-height:302px;
	float:left;
	text-align:justify;
	padding-bottom:20px;
	}
	
	
	
		div#centrage div#contenu div#centre h2{
		clear:both;
		height:24px;
		width:631px;
		background-color:#d9dd49;  /* couleur change selon rub */
		padding:3px 0 0 15px;
		}
		
		div#centrage div#contenu div#centre h2.contenu{
		background-color:#d9dd49;  /* couleur change selon rub */
		}
		div#centrage div#contenu div#centre h2.gamme02{
		background-color:#D9DD49;  /* couleur change selon rub */
		}
		div#centrage div#contenu div#centre h2.gamme03{
		background-color:#CB98B1;  /* couleur change selon rub */
		}
		div#centrage div#contenu div#centre h2.gamme04{
		background-color:#854237;  /* couleur change selon rub */
		}
		div#centrage div#contenu div#centre h2.gamme05{
		background-color:#00789B;  /* couleur change selon rub */
		}
		div#centrage div#contenu div#centre h2.gamme06{
		background-color:#D2232A;  /* couleur change selon rub */
		}
		
		
		
		/* classique */
		
		div#centrage div#contenu div#centre div#gen{
		width:626px;
		height:auto !important;
		height:250px;
		min-height:250px;
		float:left;
		text-align:justify;
		padding:10px;
		}
			/* corrige bug IE6 qd il y a de l'italique */
			* html div#centrage div#contenu div#centre div#gen{ 
			width:624px;
			}
		
		
			div#centrage div#contenu div#centre div#gen p{
			margin-bottom:15px;
			}
			
			div#centrage div#contenu div#centre div#gen .visuel{
			float:left;
			margin-right:5px;
			}
			
			div#centrage div#contenu div#centre div#gen h3{
			clear:both;
			font-size:120%;
			margin-bottom:10px;
			}
			
			
			div#centrage div#contenu div#centre div#gen ul#liens{
			clear:both;
			margin-bottom:15px;
			}
				
				div#centrage div#contenu div#centre div#gen ul#liens li{
				background-image:url(../pics/puce.gif);
				background-position:0 5px;
				background-repeat:no-repeat;
				padding-left:10px;
				font-weight:bold;
				}
					div#centrage div#contenu div#centre div#gen ul#liens li a{
					font-weight:normal;
					}
			
		/* fin classique */
		
		
		
	
	/* annexes*/	
	div#centrage div#contenu div#annexes{
	width:208px;
	/*height:auto !important;
	height:312px;
	min-height:312px;
	*/padding:10px 9px 5px 0;
	float:right;
	}
		div#centrage div#contenu div#annexes ul.nav{margin-bottom:10px;}
		div#centrage div#contenu div#annexes ul.nav li{margin-bottom:5px;}
		
		div#centrage div#contenu div#annexes div.zonetexte{
		text-align:justify;
		margin-bottom:15px;
		}
		div#centrage div#contenu div#annexes div.promo{
		text-align:justify;
		background-color:#75cdd9;
		color:#FFF;
		/*height:auto !important;
		height:85px;
		min-height:85px;
		*/
    z-index:10;
		}
		div#centrage div#contenu div#annexes div.promo img{
		margin-bottom:-3px;
		}
			div#centrage div#contenu div#annexes div.promo .texte{
			padding:5px 10px;
			width:188px;
			}
			div#centrage div#contenu div#annexes div.promo h2{
			font:140% arial;
			font-weight:bold;
			}
			div#centrage div#contenu div#annexes div.promo a{
			color:#FFF;
			}
				div#centrage div#contenu div#annexes div.promo .decouvrir{
				margin:5px -5px 5px 0;
				float:right;
				}
				div#centrage div#contenu div#annexes div.promo .titre{
				margin:0 0 5px -5px;
				float:left;
				}
				div#centrage div#contenu div#annexes div.promo p{
				clear:both;
				}
	
		div#centrage div#contenu div#annexes .basombre{
		width:228px;
		height:71px;
		margin:-61px -11px 0 -11px;
		background-image:url(../pics/bas_ombre_annexes.gif);
		background-repeat:no-repeat;
		
		}
	/* footer */
	div#centrage div#contenu div#footer{
	clear:both;
	height:18px;
	}
	
		/* div#centrage */
		div#contenu div#footer.contenu{
		background-color:#d9dd49;  /* couleur change selon rub */
		}
		div#centrage div#contenu .gamme02{
		background-color:#D9DD49;  /* couleur change selon rub */
		}
		div#centrage div#contenu .gamme03{
		background-color:#CB98B1;  /* couleur change selon rub */
		}
		div#centrage div#contenu .gamme04{
		background-color:#854237;  /* couleur change selon rub */
		}
		div#centrage div#contenu .gamme05{
		background-color:#00789B;  /* couleur change selon rub */
		}
		div#centrage div#contenu .gamme06{
		background-color:#D2232A;  /* couleur change selon rub */
		}
		
	
		div#centrage div#contenu div#footer img#bas{
		position:absolute;
		margin:18px 0 0 -2px;
		}
		div#centrage div#contenu div#footer a {
		color:#FFF;
		}
		div#centrage div#contenu div#footer ul{
		padding:2px 5px 0 0;
		width:auto;
		float:right;
		}
			div#centrage div#contenu div#footer ul li{
			display:inline;
			}

h2 span.model{
font:bold 150% arial;
color:#FFF
}
a.retourliste{
float:right;
font-size:120%;
color:#FFF;
margin:1px 5px 0px 0px;
}

div#footer #ajout{
position:absolute;
margin:-40px 0 0 209px;
border:0;
width:428px;
height:18px;
}