/* CSS Document */

/* CSS Document */

body{

	margin:0;

	padding:0;

	color:#000000;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:10px;

}

img{

	border:none;

}

#conteneur {

	width: 750px;

	margin: 0 auto;

	background:#FFFFFF url(../images_design/bg-degrade.gif) repeat-x;

}



#header {

	height: 186px;

	padding-left:2px;

	color:#FFFFFF;

}

#header a,#header a:visited,#header a:link{

	font-weight:bold;

	color:#fffc00;

	text-decoration:none;

}



#header a:hover{

	text-decoration:underline;

}

#header-adresse{

	padding:4px;

	float:left;

	width:635px;

	background:url(../images_design/bloc-continuons.gif) right no-repeat;

}

#header-jmoins{

	float:right;

	margin:1px 5px;

	height:42px;

	width:93px;

	/*background-color:#000033;*/

}



#haut {

	height: 18px;

}

#centre {

		padding:8px 8px 5px 9px;

}



#pied {

	height: 23px;

	background-color: #2c8aac;

	text-align:right;

}

#pied img{

	border:none;

}

div.separateur{

	background:url(../images_design/bg-separateur.gif) repeat-x;

	height:3px;

	margin:0px 4px 0px 4px;

}

div.separateur-fin{

	background:url(../images_design/bg-separateur-fin.gif) repeat-x;

	height:1px;

}

div.separateur-fin-esp{

	background:url(../images_design/bg-separateur-fin.gif) repeat-x;

	height:1px;

	margin:4px 0px 4px 0px;

}

/** MENU **/

#menuhaut {

	position:relative;

	list-style-type: none;

	margin: 0;

	padding:0;

}

#menuhaut a{

	height:18px;

	display:block;

	float:left;

	font-size:0px;

	color:#FFFFFF;

}

#menuhaut a:hover,#menuhaut a.agendacurrent, #menuhaut a.accueilcurrent, #menuhaut a.actucurrent, #menuhaut a.videocurrent, #menuhaut a.quartiercurrent, #menuhaut a.projetcurrent, #menuhaut a.listecurrent, #menuhaut a.documentcurrent, #menuhaut a.forumcurrent{

	color:#77bf15;

}	

#menuhaut a.accueil, #menuhaut a.accueilcurrent{

	background:url(../images_design/item-menu-accueil.gif) no-repeat;

	width:64px;

}

#menuhaut a.accueil:hover, #menuhaut a.accueilcurrent {

	background-position:-64px;

}

#menuhaut a.agenda, #menuhaut a.agendacurrent{

	background:url(../images_design/item-menu-agenda.gif) no-repeat;

	width:64px;

}

#menuhaut a.agenda:hover, #menuhaut a.agendacurrent {

	background-position:-64px;

}

#menuhaut a.actu, #menuhaut a.actucurrent{

	background:url(../images_design/item-menu-actualite.gif) no-repeat;

	width:76px;

}

#menuhaut a.actu:hover, #menuhaut a.actucurrent{

	background-position:-76px;

}

#menuhaut a.video, #menuhaut a.videocurrent{

	background:url(../images_design/item-menu-videos.gif) no-repeat;

	width:70px;

}

#menuhaut a.video:hover, #menuhaut a.videocurrent{

	background-position:-70px;

}

#menuhaut a.quartier, #menuhaut a.quartiercurrent{

	background:url(../images_design/item-menu-quartiers.gif) no-repeat;

	width:92px;

}

#menuhaut a.quartier:hover, #menuhaut a.quartiercurrent{

	background-position:-92px;

}

#menuhaut a.projet, #menuhaut a.projetcurrent{

	background:url(../images_design/item-menu-projet.gif) no-repeat;

	width:66px;

}

#menuhaut a.projet:hover , #menuhaut a.projetcurrent{

	background-position:-66px;

}

#menuhaut a.liste, #menuhaut a.listecurrent{

	background:url(../images_design/item-menu-liste.gif) no-repeat;

	width:58px;

}

#menuhaut a.liste:hover, #menuhaut a.listecurrent{

	background-position:-58px;

}

#menuhaut a.document, #menuhaut a.documentcurrent{

	background:url(../images_design/item-menu-documents.gif) no-repeat;

	width:97px;

}

#menuhaut a.document:hover , #menuhaut a.documentcurrent{

	background-position:-97px;

}

#menuhaut a.forum, #menuhaut a.forumcurrent{

	background:url(../images_design/item-menu-forum.gif) no-repeat;

	width:53px;

}

#menuhaut a.forum:hover, #menuhaut a.forumcurrent{

	background-position:-53px;

}

#menuhaut-date{

	width:174px;

	height:16px;

	background-color:#760723;

	font-weight:bold;

	color:#FFFFFF;

	text-align:center;

	padding-top:2px;

	float:left;

}



#prepied{

	height:106px;

	padding:25px 0px 0px 216px; 

}

/**/

span.titre-video{

	color:#a6a6a6;

	text-transform:uppercase;

	font-size:13px;

	font-weight:600;

	margin-right:5px;

}



div.play-video{

	color:#FFFFFF;

	width:288px;

	height:15px;

	background:#2c8aac url(../images_design/bg-play.gif) right no-repeat;

	margin-top:5px;

}

div.text-video{

	padding-right:5px;

	text-align:right;

}

div.play-video a,div.play-video a:link,div.play-video a:visited{

	color:#FFFFFF;

	text-decoration:none;

}

div.play-video a:hover{

	text-decoration:underline;

}

div.play-video img{

	vertical-align:bottom;

}

div.bloc-liens-videos{

	margin-left:25px;

}



p {

	margin: 0 0 10px 0;

	text-align:justify;

}

.clear{

	clear:both;

}

a.breadcrumbs:link,a.breadcrumbs:visited{

	text-decoration:none;

	color:#000000;

}

a.breadcrumbs:hover{

	text-decoration:underline;

}

span.breadcrumbscurrent{

	font-weight:bold;

}

#breadcrumbs{

	margin-bottom:10px;

}

p.bordeaux{

	color:#760723;

	text-align:justify;

}

/*Bloc Liens*/

#liens{

	background:url(../images_design/bg-actu-campagne.gif) repeat-x;

	padding-top:17px;	

	width:328px;

}

#liens a{

	height:13px;

	display:block;

	font-size:0px;

	color:#FFFFFF;

	margin-bottom:10px;

}

#col-gauche-liens{

	float:left;

	margin-top:20px;

	margin-left:20px;

	width:130px;

}

#col-droite-liens{

	float:left;

	margin-top:20px;

	margin-left:20px;

	width:140px;

}

#col-gauche-liens a{

	width:125px;

}

#col-droite-liens a{

	width:133px;

}

#liens a.bx1995{

	background:url(../images_design/bt-liens-1995.gif) no-repeat;

	width:125px;

}

#liens a.blog{

	background:url(../images_design/bt-liens-blog.gif) no-repeat;

	width:125px;

}

#liens a.jeunes{

	background:url(../images_design/bt-liens-jeunes.gif) no-repeat;

	width:125px;

}

#liens a.blogjuppe{

	background:url(../images_design/bt-liens-blogjuppe.gif) no-repeat;

	width:125px;

}

#liens a.citoyens{

	background:url(../images_design/bt-liens-citoyens.gif) no-repeat;

	width:133px;

}

#liens a.delattre{

	background:url(../images_design/bt-liens-delattre.gif) no-repeat;

	width:133px;

}

#liens a.duchene{

	background:url(../images_design/bt-liens-duchene.gif) no-repeat;

	width:133px;

}

#liens a.david{

	background:url(../images_design/bt-liens-david.gif) no-repeat;

	width:133px;

}

#liens a.robert{

	background:url(../images_design/bt-liens-robert.gif) no-repeat;

	width:133px;

}

#liens a.parcelier{

	background:url(../images_design/bt-liens-parcelier.gif) no-repeat;

	width:133px;

}

#col-gauche-liens a:hover{

	background-position:-125px;

}

#col-droite-liens a:hover{

	background-position:-133px;

}

#boutons-bas{

	margin-top:10px;

}



li{

	margin:10px 0px 5px 10px;

}

ul{

	margin-left:5px;

}

/**/