@font-face {
	font-family: 'District Pro Thin';
	src: url('../DistProTh/DistProTh.eot');
    src: url('../DistProTh/DistProTh.eot?#iefix') format('embedded-opentype'),
         url('../DistProTh/DistProTh.woff') format('woff'),
         url('../font/DistProTh/DistProTh.ttf') format('truetype'),
         url('../font/DistProTh/DistProTh.svg#District Pro Thin') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'Georgia Bold';
    src: url('../font/Georgia/Georgiab.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
	background: #FFF;
	color: #666;
	margin-left: auto;
	margin-right: auto;
	width:995px;
	}

header {
	color: #5c1780;
	font-family: Georgia, sans-serif;
	}
	
header#banner {
	vertical-align: middle;
	background:#fff url(../img/Titre.png) no-repeat;
	width:995px;
	height:154px;
	}
	
#home {
	float: left;
	width : 995px;
	height: 154px;
	margin-left: auto;
	margin-top: auto;
} 

article {
	color: #585858;
	width: 840px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;	
	text-align: justify;
	margin-left: 77.5px;
	}

.foot {
	vertical-align: top;
	color: #5c1780;
	text-decoration : none;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 995px;
	height: 100px;
	background: #C39DD6;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	-o-border-radius: 25px;
	-ms-border-radius: 25px;
	border-radius: 25px;
	}

.horaire {
	color: #fff;
	font-family: Arial;
	font-size: 15px;	
	}

.titread {
	padding-top: 10px;
	font-family: Arial;
	font-size: 20px;	
	}
	
.adresse {
	font-family: Arial;
	font-size: 15px;
	}
	
.centrer {
    text-align:center;
    }

.gauche {
	text-align:left;
	}

.signature {
	text-align:right;
	}

.blog {
	text-align:center;
	}
	
.gris {
	color:#848484;
	}

.facebook {
	text-align:left;
	display:block;
	width:168px;
	height:63px;
	background:url("../img/facebook-small.jpg") no-repeat;
	}

h1 {
	font-family: Georgia Bold, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	}

h2 {
	font-family: Georgia Bold, Verdana, Arial, Helvetica, sans-serif;
	font-size: 23px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	}

h3 {
	font-family: District Pro Thin, Arial, Helvetica, sans-serif;
	font-size: 50px;
	margin: 0;
	padding: 0;
	text-align:center;
	}
	
hr {
	border: none;
	border-top: 1px solid #CCCCCC;
	height: 1px;
	margin-bottom: 25px;
	}

a {
	color: #3B9C9C;
	text-decoration: none;
	font-weight:bold;
	}

a:hover {
	color: #D4A017;
	}
	
a.blog {
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	display:block;
	width:681px;
	height:481px;
	background:url("../img/leblog-a.gif") no-repeat;
	}
	
a.blog:hover {
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	display:block;
	width:681px;
	height:481px;
	background:url("../img/leblog-b.gif") no-repeat;
	}
	
a.pdf {
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	display:block;
	width:143px;
	height:72px;
	background:url("../img/telecharger-a.gif") no-repeat;
	}
	
a.pdf:hover {
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	display:block;
	width:143px;
	height:72px;
	background:url("../img/telecharger-b.gif") no-repeat;
	}

ul#navmenu {
	background: #893aaf;
	margin: 0;
	border: 0 none;
	padding: 0;
	width: 995px;
	list-style: none;
	height: 29px;
	}

ul#navmenu li {
	z-index: 2;
	margin: 0;
	border: 0 none;
	padding: 0;
	float: left;
	display: table-cell;
	list-style: none;
	position: relative;
	height: 29px;
	}

ul#navmenu ul {
	margin: 0;
	border: 0 none;
	padding: 0;
	width: 160px;
	background-image:linear-gradient(to right, #893aaf, transparent);
	background-image:-moz-linear-gradient(to right, #893aaf, transparent);
	background-image:-webkit-linear-gradient(to right, #893aaf, transparent);
	background-image:-o-linear-gradient(to right, #893aaf, transparent);
	background-image:-ms-linear-gradient(to right, #893aaf, transparent);
	list-style: none;
	display: none;
	position: absolute;
	top: 29px;
	left: 0;
	}

ul#navmenu ul:after {
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
	}

ul#navmenu ul li {
	width: 180px;
	background-image:linear-gradient(to right, #893aaf, transparent, transparent);
	background-image:-moz-linear-gradient(to right, #893aaf, transparent, transparent);
	background-image:-webkit-linear-gradient(to right, #893aaf, transparent, transparent);
	background-image:-o-linear-gradient(to right, #893aaf, transparent, transparent);
	background-image:-ms-linear-gradient(to right, #893aaf, transparent, transparent);
	float: left;
	display: table-cell;
	display: table;
	}

ul#navmenu a {
	/*border: 1px solid #FFF;*/
	border-right-color: #5c1780;
	border-bottom-color: #5c1780;
	padding: 0 9px; /* Pouet */
	float: none !important;
	float: left;
	display: block;
	background: #893aaf; /* Couleur cases */
	color: #FFF;/* Police cases */
	font: bold 12px/29px Georgia, Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	height: auto !important;
	height: 1%;
	}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
	background: #FFF;
	color: #5c1780;
	}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
	float: none;
	border-bottom: 1px solid #C39DD6;
	/*border-bottom-color: linear-gradient(to right, #C39DD6, transparent);*/
	background: transparent;
	background-image:linear-gradient(to right, #893aaf, transparent);
	/*background: #893aaf; Couleurs cases 2 (old EEE)*/
	color: #FFF;/* Police cases 2 (old 666)*/
	opacity: 0.8;
	}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
	/*background: #5c1780;*/
	background-image:linear-gradient(to right, #893aaf, transparent);
	color: #eee712;
	}

/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
	background: #893aaf; /*Couleurs cases 3 (old EEE)*/
	color: #FFF;/* Police cases 3 (old 666)*/
	}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
	background: #5c1780;
	color: #eee712;
	}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
	background: #5c1780;
	color: #666;
	}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
	background: #CCC;
	color: #FFF;
	}

ul#navmenu ul ul,
ul#navmenu ul ul ul {
	display: none;
	position: absolute;
	top: 0;
	left: 180px;
	/*background-image:linear-gradient(to right, #5c1780, white);*/
	}

ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
	display: none;
	}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
	display: block;
	}

