/* CSS Document */

body {
	font-family: Verdana;
	font-size: 11px;
	margin-top: 10px;
	background-color: #F0F9CA;
	background-image: url(images/fond.gif);
	background-repeat: repeat-y;
	background-position: center;
}
.col-gauche {
	width: 189px;
	float: left;
	background-color: F0F9CA;
}
.col-photo-index {
	float: left;
	width: 715px;
	background-image: url(images/tetiere.jpg);
	height: 204px;
	text-align: right;
}
.col-photo {
	float: left;
	width: 715px;
	background-image: url(images/tetiere02.jpg);
	height: 204px;
	text-align: right;
}
.menu-langue{
	color: #FFFFFF;
	font-size: 10px;
}
.menu-langue-bold{
	color: #CDD315;

	font-weight: boldposition: relativeleft: 0pxheight: 24pxfont-size: 14pxmargin-top: 10pxcolor: #FFFFFF;
	font-weight: bold;
	font-size: 10px;
}
.menu-langue a{
	color: #FFFFFF;
	text-decoration: none;
	font-size: 10px;
}
.menu-langue a:hover{
	color: #CEEC59;
	font-size: 10px;
}
#menu-navigation{
	color: #FFFFFF;
	font-size: 10px;
	padding-top: 150px;
	text-align: left;
	margin-left: 405px;
}
#menu-navigation a{
	color: #FFFFFF;
}
#menu-navigation a:hover{
	color: #CEEC59;
}
.col-milieu-index {
	float: left;
	width: 400px;
	top: 175px;
	background-color: #636267;
	color: #FFFFFF;
	padding-top: 10px;
	padding-right: 10px;
	background-image: url(images/fond_milieu.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	
}
.col-milieu-index a{
	color: #FFFFFF;
	font-weight: bold;
}
.col-milieu-index a:hover{
	text-decoration: none;
	color: #CDD315;
}
.photo-milieu01 {
	float: left;
	margin-bottom: 60px;
	margin-left: 10px;
	margin-right: 20px;
}
.photo-milieu02 {
	float: left;
	margin-bottom: 60px;
	margin-left: 10px;
	margin-right: 20px;
}
.photo-milieu03 {
	float: left;
	margin-bottom: 40px;
	margin-left: 10px;
	margin-right: 20px;
}
.col-milieu {
	float: left;
	width: 705px;
	height:auto;
	top: 175px;
	background-color: #636267;
	color: #FFFFFF;
	padding-top: 10px;
	padding-right: 10px;
	background-image: url(images/fond_milieu02.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
.col-milieu a{
	color: #FFFFFF;
	font-weight: bold;
}
.col-milieu a:hover{
	text-decoration: none;
	color: #CDD315;
}
.col-droite {
	float: left;
	width: 295px;
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-right: 10px;
	background-image: url(images/fond_droite.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 715px;
}
.col-droite a{
	color: #CDD315;
	font-weight: bold;
}
.col-droite a:hover{
	text-decoration: none;
	color: #626266;
}
.photo-agenda {
	float: left;
	margin-bottom: 40px;
	margin-left: 5px;
	margin-right: 20px;
}
.photo-news {
	float: left;
	margin-bottom: 40px;
	margin-left: 5px;
	margin-right: 20px;
}
.photo-presse {
	float: left;
	margin-bottom: 40px;
	margin-left: 5px;
	margin-right: 20px;
}
/* Menu */
ul#menu{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}
ul#menu li{
	margin: 0 0 7px 0;
	padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}
ul#menu li a{
	display: block;
	width: 175px;
	line-height: 24px;
	text-indent: 20px;
	color: #FFFFFF;
	text-decoration: none;
	background: url(images/menu_gauche.gif) no-repeat 0 0;
	font-size: 14px;
}
ul#menu li a:hover{
	background: url(images/menu_gauche.gif) no-repeat 0 -24px;
	font-weight: bold;
}
#footer {
	height: 40px;
	width: 890px;
	text-align: center;
	color: #626266;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	font-size: 11px;
}
h1 {
	font-size: 16px;
	font-weight: bold;
	color: #CDD315;
}
h2 {
	font-size: 16px;
	font-weight: bold;
}
h3 {
	font-size: 12px;
	font-weight: bold;
	color: #CDD315;
}
.photo-produit{
	float: right;
	margin-left: 20px;
	margin-right: 0px;
}
#contenu {
	width: 910px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 3px;
}
/*sous-menu*/
ul#sous-menu{
	margin: 0;
	padding: 0;
	list-style-type: none;
	background-image: url(images/sous_menu.gif);
	padding-top: 30px;
	background-repeat: no-repeat;
/* Suppression du margin, du padding et des puces du <ul> */
}
ul#sous-menu li{
	margin: 0 0 7px 0;
	padding: 0;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}
ul#sous-menu li a{
	display: block;
	width: 150px;
	line-height: 14px;
	text-indent: 20px;
	text-decoration: none;
	font-size: 10px;
}
ul#sous-menu li a:hover{
	color: #636267;
}
#sous-menu{
	width: 150px;
	float: right;
	margin-right: -17px;
	height: 200px;
}
#sous-menu2{
	width: 10px;
	float: right;
	margin-right: -17px;
	height: 10px;
}
a {
	font-size: 10px;
	font-weight: bold;
	color: #636267;
}
a:hover{
	color: #D0D634;
}
#photo{
	float: left;
	width: 110px;
	padding-left: 10px;

}
#texte{
	float: left;
	margin-left: 5px;
	margin-right: 10px;
	width:425px;
}

img
{  border-style: none;
}
.ariane_title{list-style-type:none; font-weight:bold; color:#C4D64E; padding-bottom:10px; margin-left:-15px;}