/* CSS Document mis à jour le 06 janvier 2012*/

body {
	color:#4C4C4B;
	font:70% Verdana, Tahoma, Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
}

h1 {
	color:#534741;
	font-size:21px;
	font-weight:bold;
	text-align:center;
	text-decoration:underline;
}

h2 {
	color:#534741;
	font-size:130%;
	text-align:left;
}

.list3 {
	margin-top:-20px;
}

.list3 li {
	width:100%;
	overflow:hidden;
	vertical-align:bottom;
	padding-top:20px;
}

.list3 li img {
	float:left;
	margin:0 19px 0 0;
}

.list3 li b {
	color:#00b2ff;
}

.list3 li a {
	font-weight:bold;
	text-decoration:none;
}

.list3 li span {
	display:block;
	margin-top:13px;
}

.list3 li span a {
	font-weight:normal;
	text-decoration:underline;
}

.list3 li span a:hover {
	text-decoration:none;
}

.list3 li a:hover {
	text-decoration:underline;
}

.list3 li p {
	margin:10px 0 0 0;
}

div#header {
	background-color:#BDDC3C;
	width:1014px;
	height:25px;
	margin-top:10px;
	padding-top:-10px;
	padding-left:10px;
}

.bouton {
	padding:10px 20px 10px 20px;
	margin:0;
	float:right;
	outline:0;
	color:#BDDC3C;
	font-weight:bold;
	text-decoration:none;
	text-shadow:#FFF 0px 1px 0px;
	text-shadow:#FFF 0px 1px 0px, 0px -1px 0px #1B1B1B;
	filter: dropshadow(color=#EEEEEE, offX=0, offY=1), dropshadow(color=#1B1B1B, offX=0, offY=-1);
	background-color:#9D9D9D;
	background: -moz-linear-gradient(-90deg, #4D4D4D, #909090);
	background: -webkit-gradient(linear, left top, left bottom, from(#D4D4D4), to(#909090));
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}

.bouton:hover {
	background-color:#BFBFBF;
	background: -moz-linear-gradient(-90deg, #E6E6E6, #B3B3B3);
	background: -webkit-gradient(linear, left top, left bottom, from(#E6E6E6), to(#B3B3B3));
}

.bouton:active {
	background-color:#D9D9D9;
	background: -moz-linear-gradient(-90deg, #E6E6E6, #B3B3B3);
	background: -webkit-gradient(linear, left top, left bottom, from(#E6E6E6), to(#B3B3B3));
}

div#texte_haut {
	background-color:#BDDC3C;
	text-align:right;
	padding-right:10px;
	padding-bottom:35px;
}

div#texte_fb {
	background-color:#BDDC3C;
	text-align:left;
	padding-right:10px;
	padding-bottom:35px;
}

div#menu_droite_marron {
	width:220px;
	height:230px;
	float:left;
	background:url('./images/menu_droite_marron.jpg') no-repeat;
	padding-top:15px;
	padding-left:10px;
	margin-left:-0px;
}

div#menu_droite {
	width:230px;
	height:888px;
	float:left;
	background:url('./images/menu_droite.jpg') no-repeat;
	padding-top:15px;
	padding-left:10px;
	margin-left:-5px;
}

div#menu_droite2 {
	width:214px;
	height:888px;
	float:left;
	margin-top:30px;
	margin-left:-5px;
	background:url('./images/menu_droite2.jpg') no-repeat;
	padding-top:17px;
	line-height:22px;
}

div#menu_droite3 {
	width:214px;
	height:688px;
	float:left;
	margin-top:30px;
	padding-left:5px;
	background:url('./images/menu_droite2.png') no-repeat;
	padding-top:17px;
	line-height:22px;
}

div#contenu {
	width:1024px;
	height:auto;
	margin:auto;
	clear: both;
	text-align: center;
}


.contenutexte {
	width:730px;
	height:auto;
	padding-left:50px;
	font-size:14px;
	float:left;
	text-align: center;
	}

.contenutexte span {
	font-weight:bold;
}

.contenutexte .Style2 {
	color: #FF0000;
	font-weight: bold;
}

.contenutexte .Style3 {
	text-align:center;
	font-size:small;
}

.contenutexte .image {
	margin-left:60px;
}

.retour {
	float:right;
}

img {
	vertical-align:top;
}

div#bas_page {
	background:url('./images/bas.jpg') no-repeat;
	background-color:#BDDC3C;
	width:1024px;
	height:45px;
	text-align:center;
	padding-top:1px;
	clear: both;
}

#bandeau {
	background:url('./images/baniere1.jpg') no-repeat;
	width:1024px;
	padding-left:1px;
	height:204px;
	margin-bottom:10px;
}

div#bandeau2 {
	background:url('./images/baniere2.jpg') no-repeat;
	width:1024px;
	padding-left:1px;
	height:204px;
	margin-bottom:10px;
}

a img {
	border:0;
	text-align: center;
}

#menu_droite2 a {
	color:#534741;
	font-weight:bold;
	font-size:13px;
	list-style-image:url(images/ptt_nuage.png);
}

#valide {
	display:inline;
	font-size: 70%;
	text-align: center;
}

.affiche2 {
	margin-bottom:45px;
	width:25%;
	float:left;
	position:relative;
}

.affiche {
	margin:10px;
	float:left;
	position:relative;
	width:65%;
}

.affiche3 {
	clear:left;
	position: relative;
	width:25%;
	float:left;
}

#contenu .contenutexte #photo {
	float: left;
	width: 37%;
}

#contenu .contenutexte #photo2 {
	width: 65%;
	float:right;
}

#flux {
	width:180px;
	height:47px;
	background:#FFFFFF;
}

#flux p {
	margin-top: -30px;
}

#flux img {
	margin: -30px 0 0 150px;
}

#evenement {
	margin:0 0 0 5px;
}

.contenutexteaccueil {
	width:760px;
	height:auto;
	/* padding-left:30px; */;
	font-size:14px;
	float:left;
	text-align: center;
}

.contenutexteaccueil div {
	width:370px;
	height:214px;
	float:left;
	margin-left:10px;
}

.contenutexteaccueil h2 a {
	color:#BDDC3C;
	font-size: 21px;
	font-weight: bold;
	margin-top:0;
	text-decoration: none;
}

.contenutexteaccueil h2 a:hover {
	text-decoration: underline;
}

.contenutexteaccueil ul li a {
	color:#000;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

.contenutexteaccueil ul li a:hover {
	text-decoration: underline;
}

#contenu .contenutexteaccueil .Style3 span {
	text-align: center;
}

#contenu .contenutexte p {
	font-weight: bold;
	text-align: justify;
}

div {

}

.contenutexte div h2 {
	text-align: center;
}

.contenutexte div div div div div dl dt {
	text-align: center;
}

.contenutexte div div div div div dl dd {
	text-align: center;
}

#contenu .contenutexte {
	text-align: left;
}