@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: #330505;}

/*menu*/

ul 			{font-size: 18px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #BFA288;}
li 			{list-style: none; float: left; margin-right: 5px;}



/*contenu*/


#contenu 	{width: 920px; height: auto; background-color: #d9bca3; float: right; padding:0 20px 20px 20px;}
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;}

section 	{width: 580px;  background-color: #f8e6d5; height: auto; padding:10px; margin-top: 20px;float: right;
	-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;}

article 	{width: 580px; margin-bottom: 40px;}
article h1 	{color:#330505; padding-left: 10px; padding-right: 10px; padding: 5px; margin: 0; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 20px; text-align: center; font-weight: bold; text-transform: uppercase; text-decoration: none; background-color: #BFA288; text-align: center;}
article p 	{color:#340606; margin:0; margin-left: 10px; padding-right: 10px; font-family: Arial, Verdana,Helvetica, sans-serif; font-size: 16px; text-align: left;}
article a		{color:#000000; text-decoration: none; font-size: 18px; font-weight: bold;}
article a:hover {color: #D91E41; text-decoration: none; font-weight: bold; font-size: 20px;}
article img {float: right; margin-left: 20px; margin-bottom: 10px;}
article h2 	{color:#330505; margin:0; padding: 5px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 20px; text-align: center; font-weight: bold; text-transform: uppercase; text-decoration: none; background-color: #BFA288;}

aside 		{width:300px; height: auto; background-color: #f8e6d5; float: left; margin-top: 20px; margin-right: 20px; 
	-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;}
aside h1 	{color:#330505; padding: 5px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 18px; background-color: #BFA288; text-transform: uppercase; text-align: center;}
aside li	{float: none; padding-left: 0px;


 padding-left: 5px;




}
aside a		{color: #BFA288; text-decoration: none; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 14px;-o-transition:.8s; -ms-transition:.8s; -moz-transition:.8s; -webkit-transition:.8s; padding:5px;}
aside a:hover {color: #BFA288;}
#courrier{padding-left: 60px; width: 150px; height: 153px;}



footer				{width:960px; text-align:center; height:70px; color:#BFA288; background-color:#540F19; float:left; line-height:50px;-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;}
footer a {color: #BFA288; text-decoration: none; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 14px;}