@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video,  
{ margin: 0; padding: 0; border: 0; vertical-align: baseline; }
/* Rendre compatible les balises html5 pour les aciennes versions de ie */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*SCROLL BAR*/
::-webkit-scrollbar{
  width: 15px; /*largeur de la scrollbar verticale*/
  height: 15px; /*hauteur de la scrollbar horizontale*/
}
::-webkit-scrollbar-track {
  background-color: #A64E5E; /*couleur du fond de la scrollbar*/
  border: 1px solid #540F19;  /*bordure*/
}
::-webkit-scrollbar-thumb {
  background-color: #731921/*couleur de l'ascenseur*/;
  border-radius: 10px;   /*arrondi des coins de l’ascenseur*/
  border: 1px solid #540F19;  /*bordure de l'ascenseur*/
}
/*FIN SCROLLBAR*/

body 		{margin: 0; background-color: #f8e6d5;}

#conteneur 	{ margin:auto; width: 960px; position:relative; }

header 		{width: 100%; height: 220px;}

#logo		{width: 960px; height: 284px; text-align: center;}
nav 		{width: 960px; height: 50px; float: left; margin-left: 20px; font-family: Arial, Verdana, Helvetica, sans-serif; padding-top: 0; margin-top: 0; background-image: url(../images/Menu.jpg); margin: 0;}
nav a		{color: #540F19; text-decoration: none; font-family: Arial, Verdana, Helvetica, sans-serif; text-transform: uppercase; font-weight: bold;-o-transition:.8s; -ms-transition:.8s; -moz-transition:.8s; -webkit-transition:.8s; padding:5px;}
nav a:hover {color: #D91E41; background-color: #F1F2F0;}

/*menu*/

ul 			{font-size: 18px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #BFA288;}
li 			{list-style: none; float: left; margin-right: 18px;}
nav a		{color: #540F19; text-decoration: none; font-family: Arial, Verdana, Helvetica, sans-serif; text-transform: uppercase; font-weight: bold;-o-transition:.8s; -ms-transition:.8s; -moz-transition:.8s; -webkit-transition:.8s; padding:5px;}
nav a:hover {color: #D91E41; background-color: #F1F2F0;}


/*contenu*/

#contenu 	{width: 920px; height: auto; background-color: #d9bca3; float: left; padding:0 20px 40px 20px;}

section 	{width: 430px; background-color: #f8e6d5; height: auto; margin-left: 10px; padding-left:0; margin-top: 20px; float: left;
	-o-border-radius:15px; border-radius:15px;
	-ms-border-radius:15px;  border-radius:15px;
	-moz-border-radius:15px; border-radius:15px;
	-webkit-border-radius:15px; border-radius:15px; box-shadow: 5px 5px 10px #907d6c; border: 0;}

#sec2 		{width: 450px; background-color: #f8e6d5; height: auto; padding:5px; margin-left: 10px; margin-top: 20px;float: right; 
	
	-o-border-radius:15px; border-radius:15px;
	-ms-border-radius:15px; border-radius:15px;
	-moz-border-radius:5px; border-radius:15px;
	-webkit-border-radius:15px; border-radius:15px;
	box-shadow: 5px 5px 10px #907d6c; border: 0;}
article 	{width: 430px; height: auto; margin-bottom: 40px;}
article h1 	{color:#330505; padding: 10px; margin: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 15px; text-align: center; font-weight: bold; text-transform: uppercase; text-decoration: none; background-color: #BFA288;}
article p 	{width: 430; height: auto; color:#340606; margin-left:5px; margin-right: 5px; padding-left: 20px; padding-right: 20px; font-family: Arial, Verdana,Helvetica, sans-serif; font-size: 14px; text-align: left; font-weight: bold;}
article img {width: 84px; height: 138px; float: left; margin-left: 20px; margin-right: 20px; margin-bottom: 10px;}


footer				{width:960px; text-align:center; height:80px; color:#BFA288; background-color:#540F19; float:left; line-height:40px;-o-border-radius: 0 0 30px 30px;-ms-border-radius:0 0 30px 30px; -moz-border-radius:0 0 30px 30px; -webkit-border-radius:0 0 30px 30px; border-radius:0 0 30px 30px; margin-bottom:30px;}