html,body {
	min-height : 100%;
}

body {
	margin : 0;
	padding : 0;

	background-image : url(../images/fond.gif);
	background-repeat : repeat-x;
	background-position : left bottom;
}


#page {
	margin : auto;
	position : relative;

	width : 950px;
	margin-top : 100px;

	border : 2px solid #7b2224;
	background-color : #fff;
}

#logo {	
	width : 246px;
	height : 108px;

	position : absolute;
	top : -91px;

	z-index : 10;
}

#logo img {
	border : 0;
}


/*--------------------------------------------------------------------
/* ENTĘTE
/**/

#photo {
	position : relative;
	z-index : 9;

	width : 950px;
	height : 286px;

	/*background-image : url(../images/entete/chien1.jpg);
	background-repeat : no-repeat;*/

	overflow : hidden;
}

.section_4 #photo {
	/*background-image : url(../images/entete/drassel.jpg);*/
}

#photo #photo-img {
	position : absolute;
	left : 0;
	top : 0;
	z-index : 7;
}

#photo #photo-overlay {
	position : absolute;
	left : 0;
	top : 0;
	z-index : 8;

	width : 950px;
	height : 286px;

	background-image : url(../images/photo-texte-overlay.png);
}

* html #photo #photo-overlay {
	background-image : none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/photo-texte-overlay.png');
}

.page_accueil #photo #photo-overlay {
	background-image : url(../images/photo-accueil-overlay.png);
}

* html .page_accueil #photo #photo-overlay {
	background-image : none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/photo-accueil-overlay.png');
}

.section_4 #photo #photo-overlay {
	background-image : url(../images/photo-produits-overlay.png);
}

* html .section_4 #photo #photo-overlay {
	background-image : none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/photo-produits-overlay.png');
}




/*--------------------------------------------------------------------
/* MENU HAUT
/**/

#menu_haut {
	position : absolute;

	top : -30px;
	right : 0;
}

#menu_haut a {
	display : block;
	float : left;

	color : #e0a726;
	text-decoration : none;

	margin-left : 26px;

	padding-top : 2px;
	padding-bottom : 2px;
}

#menu_haut a.langue {
	color : #1a5e53;
}

#menu_haut a.langue:hover {
	border-bottom : 2px solid #1a5e53;
}

#menu_haut a:hover {
	/*text-decoration : underline;*/
	border-bottom : 2px solid #e0a726;
}

#menu_haut a.actif {
	color : #7b1d20;
	border-bottom : 2px solid #7b1d20;
}


/*--------------------------------------------------------------------
/* PRINCIPAL
/**/

#principal {
	border-bottom : 6px solid #c45a29;
}


/*--------------------------------------------------------------------
/* COLONNE GAUCHE
/**/

#colonne_gauche {
	width : 181px;
	padding-left : 52px;
	padding-right : 51px;
	float : left;

	padding-bottom : 230px;
	/*background-image : url(../images/accueil-illustration.gif);
	background-repeat : no-repeat;
	background-position : 52px bottom;*/
}

.page_texte #colonne_gauche {
	padding-left : 62px;
	/*background-position : 62px bottom;*/
}


#page_bas {
	position : absolute;
	bottom : 25px;
	left : 52px;

	width : 172px;
	height : 196px;

	background-image : url(../images/accueil-illustration.gif);
	background-repeat : no-repeat;
}

.page_texte #page_bas {
	left : 62px;
}


/*--------------------------------------------------------------------
/* RECHERCHE
/**/

#recherche {
	margin-bottom : 1.5em;
	color : #1a5e53;
}

#recherche label {
	display : block;
	text-align : right;
	width : 181px;
	padding-bottom : 5px;
}

#recherche input {
	border : 1px solid #1a5e53;
	width : 181px;
}

/*--------------------------------------------------------------------
/* CALENDRIER
/**/

#calendrier {
	background-image : url(../images/calendrier-fond.gif);
}

#calendrier #calendrier-haut {
	width : 181px;
	height : 27px;
	background-image : url(../images/calendrier-haut.gif);
}

#calendrier #calendrier-contenu {
	padding : 7px 13px;

	font-size : 11px;
	line-height : 14px;

	color : #808285;
}

#calendrier #calendrier-contenu .element {
	padding-top : 10px;
	padding-bottom : 10px;
}

#calendrier #calendrier-contenu .element .element-date {
	font-size : 12px;

	padding-bottom : 3px;

	color : #c65f23;
}

#calendrier #calendrier-contenu .element .element-plus {
	padding-top : 3px;
}

#calendrier #calendrier-contenu .element .element-plus a {
	color : #c65f23;
}

#calendrier #calendrier-contenu .element .element-plus a:hover {
	color : #000;
}

#calendrier #calendrier-bas {
	width : 181px;
	height : 29px;
	background-image : url(../images/calendrier-bas.gif);
}


/*--------------------------------------------------------------------
/* CALENDRIER
/**/

#menu {
	width : 181px;
}

#menu ul {
	margin : 0;
	padding : 0;

	list-style-type : none;
}

#menu a {
	display : block;
	width : 156px;

	padding-right : 25px;
	padding-top : 4px;
	padding-bottom : 4px;

	text-align : right;
	color : #1a5e53;

	background-image : url(../images/menu-element.gif);
	background-repeat : no-repeat;
	background-position : right center;

	text-decoration : none;
}

#menu a:hover {
	text-decoration : underline;
}

#menu a.actif {
	color : #e0a726;
	background-image : url(../images/menu-element-actif.gif);
}


/*--------------------------------------------------------------------
/* COLONNE DROITE
/**/



.page_accueil #colonne_droite {
	float : left;
	width : 600px;
}

.page_texte #colonne_droite {
	float : left;
	width : 592px;
	margin-left : 27px;

	background-image : url(../images/contenu-fond.gif);
	background-repeat : repeat-y;
}

* html .page_texte #colonne_droite {
	margin-left : 23px;
}

.page_texte #colonne_droite #colonne_droite-bas {
	width : 592px;
	height : 72px;

	background-image : url(../images/contenu-bas.gif);
	background-repeat : no-repeat;
}


/*--------------------------------------------------------------------
/* CONTENU
/**/

.page_texte #contenu {
	padding-left : 25px;
	padding-right : 25px;

	min-height : 250px;
}


/*--------------------------------------------------------------------
/* LIENS DIRECTS
/**/

#liens_directs {
	position : absolute;
	top : 245px;
	right : 40px;

	z-index : 10;

	width : 183px;
	height : 274px;
}

#liens_directs .element {
	margin-bottom : 8px;
}

#liens_directs .element img {
	border : 0;
}

#liens_directs_espace {
	float : right;

	width : 160px;
	height : 240px;
}


/*--------------------------------------------------------------------
/* ACTUALITES
/**/

#actualites {
	width : 599px;

	margin-top : 1.5em;

	background-image : url(../images/actualites-fond.gif);
}

#actualites #actualites-haut {
	width : 599px;
	height : 29px;
	background-image : url(../images/actualites-haut.gif);
}

#actualites #actualites-contenu {
	padding : 0px 15px;

	color : #808285;
}

#actualites #actualites-contenu .element {
	padding-top : 15px;
}

#actualites #actualites-contenu .element .element-date {
	
}

#actualites #actualites-contenu .element .element-titre a {
	color : #7b1d20;
	font-weight : bold;
}

#actualites #actualites-contenu .element .element-titre a:hover {
	color : #000;
}

#actualites #actualites-contenu .element .element-plus {
	
}

#actualites #actualites-contenu .element .element-plus a {
	color : #7b1d20;
	font-size : 11px;
}

#actualites #actualites-contenu .element .element-plus a:hover {
	color : #000;
}

#actualites #actualites-bas {
	width : 599px;
	height : 56px;
	background-image : url(../images/actualites-bas.gif);
}


/*--------------------------------------------------------------------
/* PIED
/**/

#pied {
	padding-top : 1em;
	padding-bottom : 1.5em;

	width : 950px;
	margin : auto;

	font-size : 11px;

	color : #fff;
	height : 1em;
}

#pied a {
	color : #fff;
}

#pied #copyright {
	float : left;
}

#pied #conception {
	float : right;
}
