@charset "utf-8";
/* CSS Document */

body	{
			margin: 0;
			padding: 0 0 30px 0;
			background: #FFF url(../images/arriere_plan.jpg) top repeat-x
}

#entete	{
			margin: auto;
			padding: 0;
			width: 1000px;
			height: 175px;
			background: url(../images/entete.jpg) no-repeat top left;
}

/* Code CSS pour la mise en page du menu ---------------------------------------- */
#menu	{
			margin: auto;
			padding: 0 10px 0 10px;
			width: 980px;
			height: 50px;
			background: url(../images/arrPl_menu.jpg) no-repeat top left;
}
			

#sddm	{
			margin: 0 5px 0 5px;
			padding: 0;
			z-index: 30;
}

#sddm li	{
				margin: 0;
				padding: 0;
				list-style: none;
				float: left;
				font: bold 13px arial;
}

#sddm li a	{
				display: block;
				margin: 0 5px 0 5px;
				width: 111px;
				background: url(../images/arrPl_onglet.jpg) no-repeat;
				color: #000;
				text-align: center;
				text-decoration: none;
}

/* Centrage pour les onglets à simple ligne */
.splg	{
			padding: 25px 0 0 0;
			height: 25px;
}

/* Centrage pour les onglets à double ligne */
.dblg	{
			padding: 15px 0 0 0;
			height:35px;
}

#sddm li a:hover	{
						background: url(../images/arrPl_onglet-over.jpg);
						color:#fff
}

#sddm div	{
				position: absolute;
				visibility: hidden;
				margin: 0px 0 0 5px;
				padding: 0;
				background: #EAEBD8;
				border: 1px solid #508334;
}

#sddm div a	{
				position: relative;
				display: block;
				margin: 0;
				padding: 5px 10px;
				width: auto;
				white-space: nowrap;
				text-align: left;
				text-decoration: none;
				background: #EAEBD8;
				color: #000;
				font: 11px arial;
}

#sddm div a:hover	{
						background: #508334;
						color: #fff;
}
/* Fin de mise en page pour le menu ---------------------------------------- */

/* Cette boîte contient le corps du site*/

#contenant_corps	{
						margin: auto;
						padding: 0px;
						width: 1000px;
						background: url(../images/arrPl_contenu.jpg) no-repeat;
						font: .8em Arial, Helvetica, sans-serif;
}

/* Mise en page du contenant de l'animation flash sur la page d'accueil ----- */
#flash {
			margin-bottom:20px;
}

/* Mise en page du corps du site ------------------------------------------- */
#contenu	{
				margin: 30px 0 0 20px;
				padding: 0 5px 5px 5px;
				width: 708px;
				float: left;
				background: #fff;
}
				
#col_drte	{
					margin: 30px 20px 0 0;
					padding: 0px;
					width: 232px;
					float: right;
					background: #fff;
}

.boite_haut	{
				margin: 0;
				padding: 10px 0 0 30px;
				width: 202px;
				height: 25px;
				background: url(../images/arrPl_haut-boite.jpg) no-repeat;
				font-weight: bold;
				color: #fff;
					
}

.boite_bas	{
				margin: 0 0 20px 0;
				padding: 10px 5px;
				width: 220px;
				background: #eaebd8;
				border: #79b341 solid 1px;
}

.champ	{
			width: 214px;
			margin-bottom: 10px;
}

.liste_col_drte	{
					margin: 0;
					padding: 0 0 0 20px;
					list-style: url(../images/puce01.jpg);
}

.liste_col_drte li	{
						margin-bottom:15px;
}

#sondage	{
				margin: 0;
				padding: 0;
				list-style: none;
}

#sondage li	{
				margin-bottom: 5px;
}

/* Barre illustrant le pourcentage --------*/
.sondage_barre {
					padding: 0 1px 0 0;
					background-color:#F00;
					height: 10px;
}

/* Mise en page du salon de discussion ---------*/
.discussion_haut	{
						margin: 0;
						padding: 5px;
						width: 698px;
						background-color: #79b341;
						color: #FFF;
}

.discussion_bas	{
					margin: 0;
					padding: 5px;
					width: 696px;
					min-height: 30px;
					background: #eaebd8;
					border: #79b341 solid 1px;
					color:#000;
					text-align:justify;
}

.gauche {
			margin: 0 0 10px 0;
			padding: 0;
			width: 290px;
			height: 15px;
			text-align:right;
			float:left;
}

.droite {
			margin: 0 0 10px 0;
			padding: 0px;
			width: 398px;
			float: right;
}


/* Mise en page de la page du comité administratif -----*/
#photo {
			margin: 0;
			padding: 0;
			width: 150px;
			height: 220px;
			border: #79b341 solid 1px;
			float:left;
}

#nom	{
			margin: 0 0 0 10px;
			padding: 5px 0 0px 5px;
			width: 541px;
			height: 30px;
			float: right;
			background: url(../images/arrPl_titre.jpg) repeat-x;
}

#description	{
					margin: 10px 0 0 0;
					padding: 0 5px 0 5px;
					width: 541px;
					float: right;
					text-align:justify;
}

/*Fin de la mise en page de la page du comité administratif -----*/

h1 {
		padding: 0;
		margin: 0 0 20px 0;;
		display: block;
		width: 708px;
		border-bottom: 1px solid #79b341;
		font: 18px Arial, Helvetica, sans-serif;
}

h2 {
		padding: 0;
		margin: 0;
		font: 18px Arial, Helvetica, sans-serif;
		color:#FFF;
}

h3	{
		font: bold 15px Arial, Helvetica, sans-serif;
		color:#000;
}

.liens {
			padding: 0;
			margin: auto;
			display:block;
			width:500px;
			list-style: none;
}

.liens li	{
				margin-bottom:30px;
}

a	{
		color: #508334;
}

a:hover	{
			color: #79b341;
			text-decoration:none;
}

a img {
		border:none;
}
/* Fin de la mise en page du corps du site ------------------------------------*/

/* Mise en page du pied de page */
#pied_de_page	{
					margin: auto;
					margin-top:15px;
					padding: 15px 0 0 0px;
					width: 1000px;
					height:45px;
					background: url(../images/arrPl_pdp.jpg) no-repeat;
					font: 0.7em Arial, Helvetica, sans-serif;
					color:#fff;
					text-align:center;
}

#pied_de_page a {
	color: #fff;
}

#pied_de_page a:hover {
	text-decoration: none;
}