/*
COULEURS
*/


* {padding: 0; margin: 0; border: 0;}

body {
	background-color: #000;
	text-align: center;
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
	color: #FFF;
}

h1 {margin-bottom: 1em;}
h2 {color: #FC0; text-align: left; margin-bottom: 0.6em; font-size: 1.2em; font-style: italic;}
h2 a {color: #FC0;}

p {text-align: left; color: black;}
b {color: #606;}
a {text-decoration: underline; color: #97BF09;}
ul {text-align: left; list-style-type: none;}
li {margin: 5px auto;}
.vert {color: #97BF09;}

#bandeau_sup {
	background: #D1D1D1 url(../images/bg_bandeausup.jpg) repeat-x;
	width: 1024px;
	height: 255px;
	border-bottom: 2px #D1D1D1 solid;
	text-align: left;
	margin: 0 auto;
}
#bandeau_sup ul {float: right; margin-right: 50px; font-size: 40px; font-family: "trebuchet ms", serif; color: #000;}

#logo {width: 500px; height: 255px;}
#slogan {width: 1024px; margin: 10px auto; text-align: left;}

#principal {
	width: 1024px;
	background: inherit;
	margin: 0 auto;
	position: relative;
	top: 0; left: 0;
	padding-bottom: 30px;
}

#diaporama, #diaporama li {width: 800px; height: 300px;}
#diaporama {margin: 1em auto;}
#prevBtn, #nextBtn {margin: 5px 10px; font-size: 1.5em; font-weight: bold;}
#prevBtn a, #nextBtn a {text-decoration: none;}

#blocs_wrapper {width: 100%; height: 250px; margin-top: 30px;}
#blocs_wrapper .bloc {display: inline-block; width: 300px; height: 150px; margin: 0 10px; border-left: 2px #333 dotted; padding-left: 10px; text-align: left;}
#blocs_wrapper .first {border: 0;}
#blocs_wrapper .bloc h1 {letter-spacing: 5px; font-family: "trebuchet ms", serif;}
#blocs_wrapper .bloc p {color: #FFF; font-size: 1.2em; height: 125px;}
#blocs_wrapper .exemple {font-style: italic; font-weight: normal; color: #DDD;}

#contact {height: 200px; text-align: left;}
#contact img {float: left; height: 200px; margin-right: 30px;}

/*----------------------------------*/
/*		EVENEMENTIEL				*/
div.evenement {margin-top: 50px; font-size: 1.5em; clear: left; min-height: 250px;}
div.evenement img {float: left; margin-right: 20px; max-width: 300px; border: 2px #FFF solid; border-radius: 4px;}
div.evenement p, div.evenement b {color: #F00;}
div.evenement .contenu {margin-left: 320px;}
div.evenement h2 {margin-bottom: 10px;}
div.evenement h2 span {color: #000; border: 1px #F90 solid; background-color: #FFF; padding: 2px 5px; border-radius: 4px;}
div.evenement ul {list-style-type: square; margin-left: 20px;}

/*----------------------------------*/
/*		BAS DE PAGE					*/
#pied_page {background-color: transparent; color: #FFF; margin-top: 30px; font-size: 1em; height: 50px; clear: both;}
#pied_page a {color: #FFF;}