html{
	background: white;
}
body{
	margin: auto;
	width: 1024px;
}
a,a:visited{text-decoration: none;color: #830909}
.clear{
	clear: both;
	height: 0px;
}
.menu{
	background-image: url(../img/menu_bg.jpg);
	background-repeat: repeat-x;
	height: 33px;
	padding: 0px 0px 0px 15px;
	margin:  0px 0px 0px 0px;
	border-bottom: #e4c6a2 1px solid;
	border-left:#b75e56 solid 2px;
	border-right:#b75e56 solid 2px;
}
.menu a:link  ,.menu a:visited{
	display: block;
	float: left;
	color: #767676;
	background-color: white;
	font-family: arial;
	padding:3px 0px 4px 0px;
	font-weight: bold;
	height: 16px;
	text-align: center;
	margin: 9px 4px -2px 0px;
	font-size:  12px;
	letter-spacing: 0.2px;
}
.menu a:hover,#accueil.actif,#adherez.actif,#projets.actif,#interventions.actif,#agenda.actif,#presentation.actif,#elu.actif,#contact.acif{ color: #830909}
.actif{
	border-top: #e4c6a2 1px solid;
	border-right: #e4c6a2 1px solid;
	border-left: #e4c6a2 1px solid;
	border-bottom: white 2px solid;
	z-index: 99;
}
.menu a#accueil{width: 61px;}
.menu a#adherez{width: 166px;}
.menu a#projets{width: 180px;}
.menu a#interventions{width: 110px;}
.menu a#agenda{width: 103px;}
.menu a#presentation{width: 168px;}
.menu a#elu{width: 183px;}
.menu a#contact{width: 104px;}
.contenu{
	border-left:#b75e56 solid 2px;
	border-right:#b75e56 solid 2px;
	border-bottom:#b75e56 solid 2px;
	float: left;	
	font-family: verdana, sans-serif;
	padding: 26px 29px 25px 30px;
}
.contenu .rubrique_droite{
	background-image: url(../img/degrade.jpg);
	background-repeat: repeat-x;
	background-color: white;
	width: 233px;
	display: inline; 
	height: 220px;
	border: 2px solid #c9c9c9;
	float: left;
	padding: 0px 15px;
}
.contenu .rubrique_droite h2,.contenu .rubrique_gauche h2,.telegramme h2{
	margin: 0px;
	font-weight: lighter;
	padding: 0px;
	font-size: 24px;
	color: #830909;
	text-decoration: none;
}
.telegramme{
	float: left;
	background-image: url(../img/degrade.jpg);
	background-repeat: repeat-x;
	background-color: white;
	height: 80px;
	border: 2px solid #c9c9c9;
	margin-left:  30px;
	width: 410px;
	padding: 0px 15px;
}
.contenu .rubrique_droite span{
	display: block;
	font-size: 17px;
	color: #3f3e3e;
	text-decoration: none;
}
.contenu .rubrique_droite p{
	font-size: 12px;
}
.contenu .rubrique_gauche{
	float: left;
	background-image: url(../img/degrade.jpg);
	background-repeat: repeat-x;
	background-color: white;
	height: 220px;
	border: 2px solid #c9c9c9;
	margin-left:  30px;
	margin-right: 15px;
	width: 345px;
	padding: 0px 15px;
}
.contenu .rubrique_gauche p{
	font-size:  12px;
}
.contenu .rubrique_gauche p b{
	font-weight: bolder;
	color: red;
}
#photo {
	padding:  15px 0px 0px 0px;
	display: block;
	float: left;
	width: 267px;
}
.photo_groupe{
	float: left;
	background-position: top;
	background-repeat: no-repeat;
	background-image: url(../img/photo_groupe.jpg);
	width: 660px;
	margin: 15px 0px 15px 30px;
	height: 205px;
	border: 2px solid #c9c9c9;
}
.contenu .photo_groupe p{
	width: 300px;
	font-size: 12px;
	padding-left: 5px;
}
.contenu .photo_groupe ul {
	padding-left: 15px;
	margin: 0px;
	float: left;
	height: 10px;
}
.contenu .photo_groupe ul li{
	font-size: 12px;
}
.rubrique_principal{
	background-image: url(../img/degrade.jpg);
	background-repeat: repeat-x;
	background-color: white;
	width: 908px ;
	border: 2px solid #c9c9c9;
	font-size: 12px;
	display: block;
	padding: 10px 30px 40px 19px;
	margin: 0px 0px 10px 0px;
}
.rubrique_principal h2{
	font-size: 24px;
	color: #830909;
	margin: 0px;
	text-decoration: none;
}
.rubrique_principal h3{
	font-size: 12px;
	color: black;
	margin: 14px 0px;
	text-decoration: none;
}
.rubrique_principal span{
	display: block;
	margin: 25px 15px 15px 0px;
}
.rubrique_principal .text{
	float: left;
}
.rubrique_principal .text span{
	padding: 0px;
	margin: 0px;
}
.rubrique_principal .text p{
	display: block;
	margin: 5px 0px 0px 0px;
	float: left;
}
.rubrique_principal .text img{
	margin-left: 25px;
	margin-top: 8px;
	float: left;
}
.rubrique_principal .article b{
	display: block;
	padding: 20px 0px 10px 0px;
}
/*les differents degrader de type class="degrader+nom*/
.degrader{
	background-image: url(../img/degrade_rouge.jpg);
	background-repeat: repeat-x;
	background-color: white;	
	height: 20px;
	margin: 15px 0px;
	padding-left: 5px;
	padding-top: 5px;
	font-weight: bold;
	color: white;
	font-size: 14px;
	height: 30px;
}
.election{
	width: 670px;
	padding-left: 2px;
	padding-top: 2px;
}
.adherez{
	width: 160px;
}
.procedure{
	width:200px;
	text-align: center;
}
.intervention{
	width: 670px;
}
.conseil{
	width:350px;
}
.election{
	width: 620px;
	padding-top: 5px;
}
.election_{
	width: 520px;
}
.liste_actuelle{
	width: 190px;
}
.composition{
	width: 205px;
}
.presidentielle,.leg,.role{
	width: 160px;
}
.municipales{
	width: 145px;
}
.fonctionnement{
	width: 240px;
}
.organes{
	width: 300px;
}

/*Fin des degrader*/
#select_theme label{
	display: block;
	float: left;
	width: 190px;
}
#select_theme select{
	display: block;
	float: left;
	margin-right: 62px;
}
.rubrique_principal FORM#adherez input{
	float: left;
	margin-bottom: 23px;
	border: 1px solid #DEADA8;
}
.rubrique_principal FORM#adherez label{
	display: block;
	float: left;
	width: 110px;
}
.rubrique_principal FORM#adherez textarea{
	width: 	560px;
	height: 95px;
	border: 1px solid #DEADA8;
}
.rubrique_principal p{
	display: block;
}
#intervention_form{
	display: block;
}
#intervention_form label{
	display: block;
	margin: 5px 0px 0px 0px;
	float: left;
	width: 196px;
}
#intervention_form select{
	width: 125px;
}
p.entete{
	padding:0px;
	margin: 38px 0px 0px 0px;
}
form#contact label{
	display: block;
	float: left;
	margin-bottom: 11px;
	width: 112px;
}
form#contact input{
	display: block;
	margin-bottom: 11px;
	float: left;
}
form#contact textarea{
	width: 582px;
	height: 100px;
}
.flch_agenda{
	margin-left: 15px;
	margin-bottom:15px;
} 
.contact_nous{
	float: left;
	margin-left: 30px;
	height:85px;
	font-size: 20px;
	width: 204px;
	background-image: url(../img/rep_contact.jpg);
	background-repeat: no-repeat;
}
#btn_envoi{
	border: none;
	display: block;
	width: 32px;
	height: 30px;
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 105px;
	background: url(../img/ok.jpg);
}
.journal a{
	font-size: 12px;
}
span.tab{
	font-weight: bold;
	display: block;
}
div .lien_util{
	float: left;
	background-image: url(../img/degrade.jpg);
	background-repeat: repeat-x;
	background-color: white;
	height:83px;
	border: 2px solid #c9c9c9;
	margin-left:  30px;
	width: 426px;
	padding: 0px 0px;
}
div .lien_util span{
	display: block;
	color: #830909;
	padding-top: 5px;
	padding-bottom: 4px;
	padding-left: 9px;
}
div .lien_util a{
	font-size: 12px;
	display: block;
	float: left;
	width: 44%;
	margin-bottom: 4px;
	margin-left: 15px;
}
div .lien_util a img{
	border: none;