@import url("menus.css");
@import url("popup.css");
@import url("formulaire.css");
@import url("admin.css");

html, body {
	margin: 0;
	padding: 0;
	border: 0;
	height:100%;
	background-color:#4f324c;
}

ul {
	margin: 0;
	padding: 0;
	border: 0;
	height:100%;
}

/* Div de la page*/
#bodycontent {
	margin:0 auto;
	width:1000px;
	height:auto;
	font-family: Helvetica, Arial,sans-serif;	
	background:#FFFFFF none repeat scroll 0 0;		
}

/*Bandeau - header du site*/
#bandeau {
	height:158px;
	width:1000px;
	background:#FFFFFF none repeat scroll 0 0;	
}
/*Logo dans le header du site*/
#logo {
	float:left;
	width:950px;
	height:158px;
	background: url(../imgs/logo.png) no-repeat center center;
}


/*Bandeau - header du site*/
#bandeau-photos {
	background: url(../imgs/bandeau-photos.png) no-repeat;
	height:173px;
	width:1000px;
}

/*Contenu*/
#content {
	margin:0px;
	height:100%;
	background-color:#FFFFFF;
}
/*Partie gauche - Affichage menus et actus*/
#content-left {
	float:left;
	margin:0;
	padding:0;
	padding-bottom:20px;
	width:212px;
	height:500px;
	background: url(../imgs/fond-menu-vertical.png) no-repeat;	
	background-color:#FFFFFF;	
}

/*Menu Vertical Mauve*/
#menu-vertical {
	margin:0;
	padding:0;
	float:left;
	height:auto;
	width:212px;
}

/*Espace actualites*/
#espace-actualites {
margin:0;
padding:0;
padding-top:20px;
height:100%;
width:212px;
}
/*titre actualites*/
#titre-actualites {
height:20px;
width:212px;
background: url(../imgs/titre-actualites.png) no-repeat top left;
}
/*titre actualites*/
#en-titre-actualites {
height:20px;
width:212px;
background: url(../imgs/en-titre-actualites.png) no-repeat top left;
}
/*contenu actualites avec background*/
#contenu-actualites {
display:block;
width:212px;
background: url(../imgs/fond-actualites.png) no-repeat 0 0;
}
/*texte actualites*/
#texte-actualites {
padding-top:5px;
padding-left:18px;
padding-right:8px;
padding-bottom:5px;
font-size:11px;
color:#FFFFFF;
height:100%;
}

/*Partie droite - Affichage contenu page et produits*/
#content-right {
	float:right;
	margin:0;
	padding:0;
	padding-left:20px;
	width:760px;
	height:100%;
	background-color:#FFFFFF;	
}
/*Partie droite - de liens*/
#content-right a {
	color:#e98300;
}
#content-right a:hover {
	color:#4f324c;
}


/*Affichage du titre des produits et formulaires*/
h1 {
	margin-top:46px;
	margin-bottom:32px;
	color:#e98300;
	font-size:22px;
	font-weight:bold;
	line-height:18px;
	width:450px;
	height:18px;
	text-transform:uppercase;
}


/*Affichage du titre des pages*/
#titre-page {
	margin-top:46px;
	margin-bottom:32px;
	line-height:18px;
	width:262px;
	height:18px;
}

/*Partie droite - Affichage contenu page*/
.contenu-image {
	width:225px;
	font-size:12px;
	color:#000000;
	text-decoration:none;
	text-align:center;
	vertical-align: top;
}

.contenu-image img {
	text-align:center;
	padding:10px;
	margin-bottom:5px;
}

.contenu-texte {
	margin:0px;
	padding:0px 15px;
	padding-top:0px;
	width:557px;
	font-size:12px;
	color:#000000;
	text-decoration:none;
	text-align:justify;
	vertical-align: top;
}

/*footer*/
#footer {
	margin:0 auto;
	margin-bottom:10px;
	width:1000px;
	height:20px;
	font-family: Helvetica, Arial,sans-serif;
	line-height:20px;
	padding-top:5px;
	color:#FFFFFF;
	font-size:10px;
	text-align:left;
	text-decoration:none;
}
#footer a{
	height:20px;
	padding-top:5px;
	color:#FFFFFF;
	font-size:10px;
	text-align:left;
	text-decoration:none;
}
#footer a:hover{
	text-decoration:underline;
}