@charset "iso-8859-1";

@import "formcheck.css";

/****************************************************************************/
/*                            CSS GENERIQUES                                */
/****************************************************************************/
* {	
	margin:0;
	padding:0;
}

body {
	background:url(../images/bg-body.jpg) repeat-x 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	position:relative;
	
}

.background {
	background:url(../images/ombre-bg.jpg) repeat-x 0 0;
	position:absolute;
	top:695px;
	height:146px;
	left:0;
	width:100%;
}
#home.background {
	top:340px;
}

ul, li {
	padding:0;
	margin:0;
	list-style:none;
}

p {
	padding:0 0 10px;
	margin:0;
}

img {
	border:none;
}

a {
	text-decoration:none;
	color: #7e7e7e;
}
a:hover {
	text-decoration:underline;
}



/***** Classes communes *****/
.clear { 
	height:0; 
	width:1px; 
	clear:both; 
	line-height:0; 
	*display:inline;
}

/**** Bouton Jaune ****/
.bouton-jaune {
	background:url(../images/btn-jaune-left.gif) no-repeat 0 0;
	padding-left:13px;
	float:left;
	height:26px;
}
.bouton-jaune span {
	background:url(../images/btn-jaune-right.gif) no-repeat right 0;
	padding-right:13px;
	float:left;
	height:26px;
}
.bouton-jaune span a {
	background:url(../images/btn-jaune-bg.gif) repeat-x 0 0;
	height:100%;
	float:left;
	color:#000;
	text-transform:uppercase;
	letter-spacing:1px;
	line-height:24px;
	font-size:10px;
	font-weight:bold;
}

/**** Bouton Blanc ****/
.bouton-blanc {
	background:url(../images/btn-blanc-left.png) no-repeat 0 0!important;
	*background:url(../images/btn-blanc-left.gif) no-repeat 0 0;
	padding-left:11px;
	float:left;
	height:26px;
	margin:10px 0;
}
.bouton-blanc span {
	background:url(../images/btn-blanc-right.png) no-repeat right 0!important;
	*background:url(../images/btn-blanc-right.gif) no-repeat right 0;
	padding-right:11px;
	float:left;
	height:26px;
}
.bouton-blanc span a {
	background:url(../images/btn-blanc-bg.png) repeat-x 0 0!important;
	*background:url(../images/btn-blanc-bg.gif) repeat-x 0 0;
	height:100%;
	float:left;
	color:#f3b92e;
	text-transform:uppercase;
	letter-spacing:1px;
	line-height:24px;
	font-size:10px;
	font-weight:bold;
}


/***** Les titres *****/
h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
}
h1 {
	font-size:18px;
	font-weight:bold;
}
h2 {
	font-size:12px;
	font-weight:bold;
	letter-spacing:1px;
	padding-bottom:5px;
}
h3 {
	font-size:12px;
	font-weight:bold;
	letter-spacing:1px;
	text-transform:uppercase;
	padding-bottom:5px;
}
h4 {
	font-size:12px;
	font-weight:bold;
	color:#faab53;
	padding-bottom:5px;
}
h4 span{
	font-size:12px;
	font-weight:normal;
	color:#faab53;
	padding-bottom:20px;
}

/**** Les tires en images ****/
h5 {
	background:url(../images/title-bg-690.jpg) no-repeat 0 0;
	width:670px;
	height:25px;
	line-height:25px;
	padding:0px 0 0 20px;
	margin-bottom:20px;
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold;
	letter-spacing:1px;
}
h5.small {
	background:url(../images/title-bg-460.jpg) no-repeat 0 0;
	width:440px;
	overflow:hidden;
	margin-bottom:10px;
	letter-spacing:0;


}
h6 {
	background:none;
	padding:0 0 10px 0;
	display:block;
}

h1 a, h2 a, h3 a, h5 a { text-decoration:none; color:#000;}
h4 a { text-decoration:none; color:#000;}

/****************************************************************************/
/*                               CSS PAGES                                  */
/****************************************************************************/

/********** PAGE **********/
#page {
	width:1000px;
	margin:0 auto;
}

/********** HEADER **********/
#header {
	width:1000px;
}

/***** Gauche *****/
#header .gauche {
	float:left;
	width:230px;
	height:130px;
	padding:10px;
}

/***** Centre *****/
#header .centre {
	float:left;
	width:500px;
	height:150px;
}

/***** Droite *****/
#header .droite {
	float:left;
	width:250px;
	height:150px;
	position:relative;
}

/**** Acces Adhérents ****/
#header .acces-adherents {
	display:none;
	background:url(../images/acces-ad-left.jpg) no-repeat 0 0;
	float:left;
	padding-left:22px;
}
#header .acces-adherents span {
	background:url(../images/acces-ad-right.jpg) no-repeat right 0;
	float:left;
	padding-right:22px;
}
#header .acces-adherents span a {
	float:left;
	display:block;
	background:url(../images/acces-ad-bg.jpg) repeat-x 0 0;
	height:100%;
	color:#fff;
	font-weight:bold;
	font-size:10px;
	line-height:16px;
	padding:0 10px;
}
#header .acces-adherents span a:hover {
	color:#faab53;
	text-decoration:none;
}

/**** Share ****/
#header .share {
	position:absolute;
	bottom:10px;
	left:10px;
}


/***** Navigation *****/
#navigation {
	width:955px;
	clear:both;
	margin:0 auto;
	background:url(../images/navigation-bg.jpg) no-repeat right 0;
	padding:4px 15px 4px 0;
}
#navigation li {
	float:left;
	height:41px;
	border-left:1px solid #dfdfdf;
	width:auto;
	position:relative;
	z-index:100;
}
#navigation li.accueil {
	padding:0;
	border:none;
	height:auto;
	height:47px;
	width:38px;
	margin-top:-3px;
}
#navigation li.accueil a{
	background:url(../images/navigation-home.png) no-repeat 0 0!important;
	*background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/navigation-home.png', sizingMethod='image');
	width:10px;
	text-indent:-9000px;
	display:block;
	padding:0 10px 0 5px;
	line-height:normal;
	height:47px;
	width:23px;
}
#navigation li.accueil a:hover,
#navigation li.accueil.on a {
	text-decoration:none;
	background:url(../images/navigation-home-on.png) no-repeat 0 0!important;
	*background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/navigation-home-on.png', sizingMethod='image');
	cursor:pointer;
}
#navigation li a {
	color:#797979;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
	line-height:41px;
	padding:0 15px;
	display:block;
	float:left;
}
#navigation li a:hover,
#navigation li.on a {
	background:url(../images/navigation-bg-hover.jpg) repeat-x 0 0;
	color:#faab53;
	text-decoration:none;
}

/**** Formulaire de recherche ****/
#navigation form {
	float:right;
	width:auto;
	height:41px;
}
#navigation form fieldset {
	border:none;
	padding-top:6px;
	*padding-top:4px;
}
#navigation form fieldset #ajaxSearch_input {
	background:url(../images/input-bg.jpg) no-repeat 0 0;
	border:none;
	width:156px;
	height:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:0 0 0 15px;
	color:#7e7e7e;
	line-height:30px;
}
#navigation form fieldset #ajaxSearch_submit {
	background:url(../images/bouton-je-cherche.jpg) no-repeat 0 2px;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	border:none;
	width:73px;
	height:32px;
	cursor:pointer;
	margin-top:-2px;
	*margin-top:-1px;
	*padding:2px 0 0 0;
}


/********** CONTENER **********/
#contener {
	width:980px;
	padding:0 10px;
	margin:5px 0!important;
	*margin:0;
	position:relative;
}

/***** Fil d'ariane *****/
#fil-ariane {
	float:right;
	padding-right:15px;
	padding-bottom:10px;
}
#fil-ariane .B_crumbBox {
	display:inline;
	padding:0 2px;
	color:#faab53;
	font-size:11px;
}
#fil-ariane .B_crumbBox a {
	color:#7e7e7e;
	text-decoration:underline;
}
#fil-ariane .B_crumbBox a:hover {
	text-decoration:none;
}


/***** Colonne A - 240px / Colonne D - 240px *****/
#contener .colonne-a,
#contener .colonne-d {
	float:left;
	width:240px;
}

/**** Sous Navigation ****/
#sous-navigation {
	width:auto;
	padding:5px 20px 0;
}
#sous-navigation li {
	background:url(../images/ss-navigation-bg.jpg) no-repeat 0 0;
	padding:3px 0 18px 40px;
}
#sous-navigation li a {
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
	color:#797979;
}
#sous-navigation li a:hover,
#sous-navigation li.on a {
	color:#faab53;
	text-decoration:none;
}

/**** Sous Navigation - mode Projets ****/
#sous-navigation.projets, #contener.projets-orange #sous-navigation.projets {
	background:url(../images/ss-nav-projets-top.jpg) no-repeat 0 0;
	padding:140px 0 0 0;
	width:238px;
}
#sous-navigation.projets .wrapper, #contener.projets-orange #sous-navigation.projets .wrapper {
	background:url(../images/ss-nav-projets-bottom.jpg) no-repeat 0 bottom;
	padding-bottom:26px;
	*float:left;
	width:238px;
}
#sous-navigation.projets .wrapper ul, #contener.projets-orange #sous-navigation.projets .wrapper ul {
	background:url(../images/ss-nav-projets-bg.jpg) repeat-y 0 0;
	padding:10px 20px 0;
	width:198px;
}

#contener.projets-orange h5, #contener.projets-orange h5 a {color:#f3b92e}

/*** Projets ton bleu ***/
#contener.projets-bleu #sous-navigation.projets {
	background:url(../images/ss-nav-projets-bleu-top.jpg) no-repeat 0 0;
}
#contener.projets-bleu #sous-navigation.projets .wrapper {
	background:url(../images/ss-nav-projets-bleu-bottom.jpg) no-repeat 0 bottom;
}
#contener.projets-bleu #sous-navigation.projets li {
	background:url(../images/ss-navigation-bleu-bg.jpg) no-repeat 0 0;
}
#contener.projets-bleu #sous-navigation.projets li a:hover,
#contener.projets-bleu #sous-navigation.projets li.on a {
	color:#3a9bd4;
}
#contener.projets-bleu .colonne-b1 h4,
#contener.projets-bleu .colonne-b1 h4 span,
#contener.projets-bleu h5, #contener.projets-bleu h5 a,
#contener.projets-bleu .bouton-blanc a {
	color:#3a9bd4;
}

/*** Projets ton vert ***/
#contener.projets-vert #sous-navigation.projets {
	background:url(../images/ss-nav-projets-vert-top.jpg) no-repeat 0 0;
}
#contener.projets-vert #sous-navigation.projets .wrapper {
	background:url(../images/ss-nav-projets-vert-bottom.jpg) no-repeat 0 bottom;
}
#contener.projets-vert #sous-navigation.projets li {
	background:url(../images/ss-navigation-vert-bg.jpg) no-repeat 0 0;
}
#contener.projets-vert #sous-navigation.projets li a:hover,
#contener.projets-vert #sous-navigation.projets li.on a {
	color:#94d031;
}
#contener.projets-vert .colonne-b1 h4,
#contener.projets-vert .colonne-b1 h4 span,
#contener.projets-vert h5, #contener.projets-vert h5 a,
#contener.projets-vert .bouton-blanc a {
	color:#94d031;
}

/*** Projets ton rose ***/
#contener.projets-rose #sous-navigation.projets {
	background:url(../images/ss-nav-projets-rose-top.jpg) no-repeat 0 0;
}
#contener.projets-rose #sous-navigation.projets .wrapper {
	background:url(../images/ss-nav-projets-rose-bottom.jpg) no-repeat 0 bottom;
}
#contener.projets-rose #sous-navigation.projets li {
	background:url(../images/ss-navigation-rose-bg.jpg) no-repeat 0 0;
}
#contener.projets-rose #sous-navigation.projets li a:hover,
#contener.projets-rose #sous-navigation.projets li.on a {
	color:#f95857;
}
#contener.projets-rose .colonne-b1 h4,
#contener.projets-rose .colonne-b1 h4 span,
#contener.projets-rose h5, #contener.projets-rose h5 a,
#contener.projets-rose .bouton-blanc a {
	color:#f95857;
}



/**** Bloc nos adhérents ****/
.bloc-nos-adherents {
	width:186px;
	height:120px;
	*height:110px;
	margin:10px 0;
	background:url(../images/bloc-nos-adherents.jpg) no-repeat 0 0;
	padding:10px 27px;
	*padding:15px 27px;
	position:relative;
}
#projets.bloc-nos-adherents {
	margin:0 0 10px;
}
.bloc-nos-adherents h6 {
	padding:5px 0 10px;
	*padding:0 0 10px;
}
.bloc-nos-adherents h6 img {
	float:none;
}
.bloc-nos-adherents img {
	float:left;
	padding:0 20px 0 0;
}
.bloc-nos-adherents p {
	font-weight:bold;
	text-align:right;
	font-size:9px;
}

.bloc-nos-adherents p a {color:#000000; text-decoration:none;}
.bloc-nos-adherents div.societe {
	position:absolute;
	bottom:5px;
	width:186px;
	color:#fff;
	font-size:12px;
	text-align:center;
	letter-spacing:1px;
	font-weight:bold;
}
.bloc-nos-adherents div.societe a {color:#fff; text-decoration:none;}

/**** Bloc Privileges Adhérents ****/
.bloc-privileges {
	width:240px;
	height:77px;
	padding:5px 0;
}

/**** Bloc Co-voiturage ****/
.bloc-co-voiturage {
	width:240px;
	height:86px;
	padding:5px 0;
}
/**** Bloc Co-voiturage 2 ****/
.bloc-co-voiturage-2 {
	margin-top:-16px;
}

/**** Bloc Liens Utiles et Newsletter ****/
.bloc-liens-utiles,
.bloc-newsletter {
	width:240px;
	height:79px;
	padding:5px 0;
}

/**** Calendrier ****/
.calendrier {
	background:url(../images/agenda-bg.jpg) no-repeat 0 0;
	width:232px;
	height:193px;
	margin-left:4px;
	margin-top:-52px;
	*margin-top:-51px;
	*position:relative;
	*z-index:200;
	text-align:center;
	padding-top:30px;
	margin-bottom:5px;
}
.calendrier div {
	margin:0 0 5px;
	width:232px;
}
.calendrier div ul {
	float:left;
	width:162px;
	padding:0 35px;
	margin:0;
	list-style:none;	
}
.calendrier div li {
	float:left;
	width:13px;
	height:24px;
	margin:0;
	padding:0;
	list-style:none;	
}
.calendrier div li.mois {
	width:135px;
	height:auto;
	padding:5px 0 0 0;
	text-align:center;
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
	color:#f3b930;
}

/**** Calendrier Mini ****/
.calendrier.mini {
	background:url(../images/agenda-mini-bg.jpg) no-repeat 0 0;
	width:188px;
	height:188px;
	text-align:center;
	margin:0;
	padding:15px 0 0 0;
}
.calendrier.mini h6 {
	padding:0 0 5px 0;
}
.calendrier.mini div {
	margin:0 0 4px;
	width:188px;
}
.calendrier.mini div ul {
	float:left;
	width:162px;
	padding:0 13px;
	margin:0;
	list-style:none;
	
}
.calendrier.mini div ul li {	margin:0;
	list-style:none; padding:0;}

.calendar table, .calendrier table {text-align:center; margin:0 auto; border-width:1px 0 0 1px; border-color:#BABABA; border-style:solid;}
.calendar table th, .calendar table td, .calendrier table th, .calendrier table td {width:22px; height:20px; margin:0; border-width:0 1px 1px 0; border-color:#BABABA; border-style:solid; font-size:11px;}
.calendar table td.cal_link, .calendrier table td.cal_link { background-color:#f3b930; font-weight:bold;}
.calendar table td.cal_link a, .calendrier table td.cal_link a {color:#000000; display:block; width:22px; height:20px; line-height:20px;}
.calendar table td.empty, .calendrier table td.empty {border:0;}

.calendar table th, .calendar table td {height:18px;}
.calendar table td.cal_link a {height:18px; line-height:18px;}

/**** Calendrier Home ****/
.calendrier-big {
	width:710px;
	margin-bottom:38px;
	float:left;
		
}
.calendrier-big .content p {
	padding:0 0 10px 0!important;
}
.calendrier-big .content .bouton-blanc {
	float:right;
}

/*** Derniers Evènements ***/
.calendrier-big .derniers-evenements {
	float:left;
	background:url(../images/derniers-evenements-bg.jpg) no-repeat 0 0;
	width:263px;
	height:207px;
	position:relative;
}
.calendrier-big .derniers-evenements h6 {
	padding:8px 0 0 18px;
} 
.calendrier-big .derniers-evenements .content {
	padding:15px 15px 20px 15px;

	
	
}
.calendrier-big .derniers-evenements .bouton-precedent {
	position:absolute;
	left:5px;
	top:55px;
}

/*** Calendar centrale ***/
.calendrier-big .calendar {
	float:left;
	background:url(../images/agenda-bg-3.jpg) no-repeat 0 0;
	width:182px;
	height:192px;
	text-align:center;
	padding:15px 0 0 0;
}
.calendrier-big .calendar div {
	margin:0 0 6px;
	width:182px;
}
.calendrier-big .calendar div ul {
	float:left;
	width:156px;
	padding:0 13px;
	list-style:none;
	margin:0;
}
.calendrier-big .calendar div li {
	float:left;
	width:13px;
	height:24px;
	list-style:none;
	margin:0;
	padding:0;	
}
.calendrier-big .calendar div li.mois {
	width:130px;
	height:auto;
	padding:5px 0 0 0;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#f3b930;
	text-transform:uppercase;	
}

/*** Prochainement ***/
.calendrier-big .prochainement {
	float:left;
	background:url(../images/prochainement-bg.jpg) no-repeat 0 0;
	width:263px;
	height:207px;
	position:relative;

}
.calendrier-big .prochainement .content {
	padding:15px 5px 20px 20px;

}
.calendrier-big .prochainement h6 {
	padding:8px 18px 0 0;
	text-align:right;
}
.calendrier-big .prochainement .bouton-suivant {
	position:absolute;
	right:5px;
	top:55px;
}



.calendrier-big .bouton-blanc {
	margin-top:10px;
	width:100px;
	height:30px;
}



/**** Bloc Partenaires ****/
.bloc-partenaires {
	background:url(../images/bloc-partenaires.jpg) no-repeat 0 0;
	width:206px;
	height:102px;
	margin:10px auto;
	padding:10px 17px;
}


.bloc-partenaires h6 {
	padding:5px 0 4px;
}
.bloc-partenaires div.logo {
	text-align:right;
	height:73px;
	line-height:70px;
	overflow:hidden;
}
.bloc-partenaires div.societe {
	padding-top:1px;
	color:#fff;
	font-size:14px;
	letter-spacing:1px;
	font-weight:bold;

}

.bloc-partenaires div.societe a {color:#fff; text-decoration:none;}

/**** Bloc Business Developpement - Bloc Emploi Formation - Bloc Services de proximité ****/
.bloc-orange a,
.bloc-bleu a,
.bloc-vert a,
.bloc-rose a {
	display:block;
	width:238px;
	height:83px;
	padding:5px 0;
	background-repeat:no-repeat;
	background-position:center left;
	text-decoration:none;
}

.bloc-orange a { background-image:url(../images/grands-projets.jpg);}
.bloc-bleu a { background-image:url(../images/business-developpement.jpg);}
.bloc-rose a { background-image:url(../images/emploi-formation.jpg);}
.bloc-vert a { background-image:url(../images/services-de-proximite.jpg);}

/***** Colonne B - 710px *****/
#contener .colonne-b {
	float:left;
	width:720px;
	*width:723px;
	padding-left:20px;
	*padding-left:17px;
}
.colonne-b .content {
	padding:0 20px;
}
.justifyleft {
	float:left;
	padding-right:20px;
	padding-bottom:20px;
}
.colonne-b .content p {
	padding:0 0 20px 0;
}

.content ul , .colonne-b ul { margin:0px 10px; padding:5px 0px;}

.content ul li, .colonne-b ul li {margin:5px 0 5px 10px; padding:0 0 0 0px; list-style:circle;}

.justifyright {
	float:right;
	padding-left:20px;
	padding-bottom:20px;
}

/**** Liste des évènements et Actualités ****/
.colonne-b .evenement {
	float:left;
	padding-bottom:10px;
	*padding-bottom:0;
	margin:0;
	width:710px;
}
.colonne-b .evenement .gauche,
.colonne-b .actualites .gauche {
	float:left;
	width:165px;
	padding-left:20px;
}
.colonne-b .evenement .droite {
	float:left;
	width:510px;
}
.colonne-b .evenement h4 {
	padding:5px 0;
	color:#f3b930;
}
.colonne-b .evenement .bouton-blanc {
	float:right;
}
.colonne-b .evenement p,
.colonne-b .actualites p {
	padding:0;
}

.colonne-b .actualites {
	float:left;
	padding-bottom:10px;
	*padding-bottom:0;
	margin:0;
	width:480px;
}
.colonne-b .actualites .droite {
	float:left;

}
.colonne-b .actualites .bouton-blanc {
	float:right;
	margin:10px 0 0;
}
.colonne-b .actualites h1 {
	padding:0 0 5px 0!important;
}
.colonne-b .actualites h4 {
	padding:0 0 5px;
	color:#f3b930;
}


/**** Pagination ****/
#contener .pagination {
	padding:10px 0;
	*padding:0 0 10px 0;
	float:left;
	width:710px;
}



/* Pagination */
.ditto_paging {
    border-top: 1px solid #ccc;
    padding: 10px;
    font-size: 86%;
    color: black;
}

#ditto_pages {margin:5px 0; text-align:right; float:right;}

#ditto_pages .ditto_currentpage {
    border: 0px solid black;
	color: #faab53;
	background-color: #000;
}
#ditto_pages .ditto_off {
    border: 0px solid #ccc;
    color: #ccc;
}

#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited, #ditto_pages span {
	color:#fff;
	text-align:center;
	font-size:11px;
	background:#59595a;
	display:block;
	float:left;
    padding:2px 2px;
	width:12px;	
	margin-right: 3px;
}
#ditto_pages a:hover {
    background-color: #000;
    color: #FAAB53;
}



/**** Colonne 1 et 2 B ****/
.colonne-b .colonne-b1 {
	float:left;
	width:480px;
	padding:0 0 0 20px;
}


.colonne-b .colonne-b1 .actualites {
	width:450px;

}

.colonne-b .colonne-b1 .deco {
	padding-bottom:10px;
}
.colonne-b .colonne-b1 h1 {
	padding:0 0 10px 0;
}
.colonne-b .colonne-b1 h4 {
	color:#f3b930;
}

.colonne-b .colonne-b2 {
	width:195px;
	float:left;
	padding-left:15px;
}

/**** Bloc Devenez Adhérent ****/
#contener .bloc-devenez-adherent {
	width:194px;
	height:64px;
	padding:0 0 20px;
}

/**** Bloc Infos Pratiques et En Bref ****/
#contener .bloc-infos-pratiques,
#contener .bloc-en-bref {
	width:188px;
	margin:0 auto;
	padding:5px 0;
} 
#contener .bloc-infos-pratiques h6,
#contener .bloc-en-bref h6 {
	padding:0 0 10px 15px;
}
#contener .bloc-infos-pratiques .wrapper {
	background:url(../images/infos-pratiques-top.gif) no-repeat 0 0;
	padding-top:14px;
	width:188px;
}
#contener .bloc-en-bref .wrapper {
	background:url(../images/en-bref-top.gif) no-repeat 0 0;
	padding-top:14px;
	width:188px;
}
#contener .bloc-infos-pratiques .wrapper .content {
	background:#f7f7f7 url(../images/infos-pratiques-bottom.gif) no-repeat 0 bottom;
	width:158px;
	padding:0 15px 14px;
	text-align:left;
}
#contener .bloc-en-bref .wrapper .content {
	background:#ffc851 url(../images/en-bref-bottom.gif) no-repeat 0 bottom;
	width:158px;
	padding:0 15px 14px;
	text-align:left;
}
#contener .bloc-infos-pratiques .wrapper .content p,
#contener .bloc-en-bref .wrapper .content p {
	padding:0 0 5px 0;
}
#contener .bloc-infos-pratiques .wrapper .content p span,
#contener .bloc-infos-pratiques .wrapper .content p a,
#contener .bloc-en-bref .wrapper .content p span,
#contener .bloc-en-bref .wrapper .content p a {
	color:#f3b930;
	font-weight:bold;
}
#contener .bloc-infos-pratiques .wrapper .content p a,
#contener .bloc-en-bref .wrapper .content p a {
	text-decoration:underline;
}
#contener .bloc-infos-pratiques .wrapper .content p a:hover,
#contener .bloc-en-bref .wrapper .content p a:hover {
	text-decoration:none;
}
#contener .bloc-infos-pratiques .wrapper .content div.space,
#contener .bloc-en-bref .wrapper .content div.space {
	padding:8px 0;
}
#contener .bloc-infos-pratiques .bouton-jaune {
	margin:20px 0 10px;
	float:right;
}

/*** Bloc En Bref - Ton Bleu ***/
#contener.projets-bleu .bloc-en-bref .wrapper {
	background:url(../images/en-bref-top-bleu.gif) no-repeat 0 0;
}
#contener.projets-bleu .bloc-en-bref .wrapper .content {
	background:#acdefb url(../images/en-bref-bottom-bleu.gif) no-repeat 0 bottom;
}

/*** Bloc En Bref - Ton Vert ***/
#contener.projets-vert .bloc-en-bref .wrapper {
	background:url(../images/en-bref-top-vert.gif) no-repeat 0 0;
}
#contener.projets-vert .bloc-en-bref .wrapper .content {
	background:#bce872 url(../images/en-bref-bottom-vert.gif) no-repeat 0 bottom;
}

/*** Bloc En Bref - Ton Rose ***/
#contener.projets-rose .bloc-en-bref .wrapper {
	background:url(../images/en-bref-top-rose.gif) no-repeat 0 0;
}
#contener.projets-rose .bloc-en-bref .wrapper .content {
	background:#ffaaaa url(../images/en-bref-bottom-rose.gif) no-repeat 0 bottom;
}


/***** Les Blocs Projets *****/
#contener #bloc-projets {
	width:980px;
	clear:right;
	background:url(../images/projets-ombres.jpg) no-repeat 0 bottom;
	padding-bottom:43px;
}
#bloc-projets .projet {
	float:left;
	width:245px;
    filter : alpha(opacity=0);
    -moz-opacity : 0;
    opacity : 0; 
}
#bloc-projets .projet h4,
#bloc-projets .projet h4 span {
	color:#fff;
}
#bloc-projets .projet .bouton-blanc {
	float:right;
	margin:0px 0;	
}

/**** Projet Jaune - Contribuer au développement de la métropole ****/
#bloc-projets #orange.projet {
	background:url(../images/projets-contribuer-bg.jpg) no-repeat 0 0;
}
#bloc-projets #orange.projet .content {
	height:290px;
	padding:20px;
}

/**** Projet Bleu - Echanger au sein du réseau ****/
#bloc-projets #bleu.projet {
	background:url(../images/projets-echanger-bg.jpg) no-repeat 0 0;
}
#bloc-projets #bleu.projet .content {
	height:290px;
	padding:20px;
}
#bloc-projets #bleu.projet .bouton-blanc a {
	color:#3a9cd5;
}

/**** Projet Vert - Participer à l'amélioration du cadre de vie ****/
#bloc-projets #vert.projet {
	background:url(../images/projets-participer-bg.jpg) no-repeat 0 0;
}
#bloc-projets #vert.projet .content {
	height:290px;
	padding:20px;
}
#bloc-projets #vert.projet .bouton-blanc a {
	color:#95d231;
}

/**** Projet Rose - Relier le public aux entreprises ****/
#bloc-projets #rose.projet {
	background:url(../images/projets-relier-bg.jpg) no-repeat 0 0;
}
#bloc-projets #rose.projet .content {
	height:290px;
	padding:20px;
}
#bloc-projets #rose.projet .bouton-blanc a {
	color:#fa5857;
}

/***** Colonne C - 710px *****/
#contener .colonne-c {
	width:480px;
	float:left;
}
#contener #projets.colonne-c {
	padding:0 10px;
}

/**** Bloc Devenez Adhérent 2 ****/
#contener .bloc-devenez-adherent-2 {
	background:url(../images/bloc-devenez-adherent-2.jpg) no-repeat 0 0;
	width:440px;
	height:164px;
	padding:50px 20px 0;
}
#contener .bloc-devenez-adherent-2 .bouton-blanc {
	float:right;
}


/********** FOOTER **********/
#footer {
	background:url(../images/footer-bg.jpg) repeat-x 0 0;
	height:31px;
	position:relative;
	z-index:200;
	margin-bottom:10px;
}
#footer .wrapper {
	width:1000px;
	margin:0 auto;
	text-align:center;
	padding:8px 0;
}
#footer .wrapper li {
	display:inline;
	padding:0 2px;
	font-size:11px;
	color:#7E7E7E;
}
#footer .wrapper li a {
	color:#7E7E7E;
	text-decoration:underline;
}
#footer .wrapper li a:hover {
	text-decoration:none;
}
#footer .wrapper li img {
	vertical-align:middle;
}

/* slides */
div#slides_next, div#slides_prev {
	width:240px;
    height: 180px;
    overflow: hidden;
    border: 0px solid #000;
	margin-top:4px;
	position:relative;
}
div#slides_prev {margin-left:25px; }

div#partenaires
{
	width:206px;
	height:92px;
	position:relative;
	overflow: hidden;
}

div#slides_next div, div#slides_prev div, div#partenaires div {
	position:relative;
	text-align:left;
}


div#partenaires div {width:206px; text-align:right;}
div#partenaires div .societe {
	text-align:left;
}


/* encart splash */
#splash {
  position: absolute;
  z-index: 9992;
  top: 150px;
  left: 5%;
  width: 85%;
  height: 550px;
  background-color: #fff;
  text-align:center;
  display:none; /*hide it incase the user has javascript disabled*/
  color:#000;
  padding:25px;
  border:3px solid #F2F2F2;  
}


/* fond transparent */
#splash_fond {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index: 9991;
	display:none;
	background-color: #fff;
}
#btCloseSplash {cursor:pointer; width:180px; margin:0 auto;}
#btOpenSplash {position:absolute; top:10px; right:100px; width:180px; height:20px; cursor:pointer; display:none; z-index:9993; font-style:italic; color:#999;}

#form_newsletter {
	float:left;
	width:150px;
	margin-right:20px;
}


#liste_newsletter {
	float:left;
	width:490px;
}

#liste_newsletter ul {margin:0 0 0 10px; padding:0;}
#liste_newsletter ul li {float:left; width:150px; padding:2px 0 2px 5px; margin:0;}

#contener .partenaire {
	float:left; 
	width:250px;
	margin:5px 40px;
	border:0px solid red;
	text-align:center;
}

#contener .partenaire h4 { color:#999999; font-size:14px;}

#contener .photo_avec_legende { font-size:10px; width:250px; float:right; margin-left:10px; color:#666666;}
#contener .photo_avec_legende p { margin:0; padding:2px 0;}

#footer-keywords {font-size:10px; text-align:center; margin:0 15px 5px 15px;}
#footer-keywords ul { list-style-type: none; }
#footer-keywords li {display:inline; margin:0 0 0 5px; padding:3px 0px 3px 19px; background:url(../images/pictos/point.gif) left 2px no-repeat; line-height:18px;}
#footer-keywords li strong {}