@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:246px;
	height:135px;
	padding:9px 10px 0 10px;
}

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

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

#header .copy {
	position:absolute;
	top:135px;
	right:20px;
	width:200px;
	height:20px;
	color:#999999;
	font-size:10px;
}

/**** Acces Adh�rents ****/
#header .acces-adherents {

	background:url(../images/acces-ad-left.jpg) no-repeat 0 0;
	float:left;
	padding-left:22px;
	border-top:4px solid black;
}
#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 ****/
.share {
	text-align:center;
	padding:5px 0;
}


/***** 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:#fff;
	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:160px 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 center bottom;
	padding-bottom:0px;
	margin-bottom:10px;
	*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 center 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 center 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 center 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:174px;
	*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 15px 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:121px;
	padding:5px 0;
}

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

/**** Bloc Liens Utiles et Newsletter ****/
.bloc-liens-utiles {
	width:240px;
	height:79px;
	padding:5px 0;
}
.bloc-newsletter {
	width:240px;
	height:125px;
	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:#006bab;
}

/**** 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:#006bab;
	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:25px; 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 {}

#footer_partenaires {text-align:center; margin:5px 0px 5px 0;}

.colonne_adherent {margin-bottom:25px;}

.colonne_adherent ul, .colonne_adherent ul li {margin:inherit; padding:inherit; list-style:none;}
.colonne_adherent ul {padding:2px 0; margin:0px 0;}
.colonne_adherent ul li {padding:4px 0 4px 5px;}
.colonne_adherent ul li a {padding-left:18px; background:url(../images/pictos/point.gif) top left no-repeat; color:#3A9CD5; font-weight:bold; text-decoration:underline;}

.colonne_adherent .bloc_identite {margin-bottom:15px;}
.colonne_adherent .bloc_identite p.nom { font-size:14px; font-weight:bold; padding:0 0 2px 0; margin:0;}
.colonne_adherent .bloc_identite p.societe { font-size:14px; font-weight:normal; padding:0 0 10px 0; margin:0;}


.colonne_adherent h3 {background:url(../images/top_bloc_colonne_membre.jpg) top left no-repeat; padding:4px 20px; margin:2px 0 4px 0; font-size:13px; font-weight:bold; text-align:center; color:#FFFFFF;}

.bouton_action {width:200px; margin:5px auto;}
.bouton_action a {display:block; text-align:center; background: url(../images/bouton_action_vierge.jpg) top center no-repeat; padding:0 20px 0 15px; color:#000000; font-size:12px; font-weight:bold; line-height:25px; height:25px;}

.bouton_del_contact, .bouton_add_contact, .bouton_statut_contact {width:200px; float:right; margin-right:20px;}
.bouton_del_contact a, .bouton_add_contact a {display:block; text-align:center; background: url(../images/bouton_action_supprimer.jpg) top center no-repeat; padding:0 20px 5px 5px; color:#000000; font-size:12px; font-weight:bold; line-height:25px; height:25px;}


.bouton_update_contact, .bouton_update_contact{width:200px; float:right; margin-right:20px; display:none;}
.bouton_update_contact a, .bouton_update_contact a {display:block; text-align:center; background: url(../images/bouton_action_ajouter.jpg) top center no-repeat; padding:0 20px 5px 5px; color:#000000; font-size:12px; font-weight:bold; line-height:25px; height:25px;}


.bouton_add_contact a { background: url(../images/bouton_action_ajouter.jpg) top center no-repeat;}
.bouton_statut_contact { background: url(../images/bouton_action_pause.jpg) top center no-repeat;padding:0 20px 5px 5px; color:#000000; font-size:11px; font-weight:bold; line-height:25px; height:25px;text-align:center;}


.colonne_adherent .cartouche {padding:2px 5px 20px 5px;}

.bloc_identite_ami {clear:both; padding:2px 0;}
.bloc_identite_ami div.photo {float:left; width:50px; margin-right:5px; }
.bloc_identite_ami div.info {float:left; width:170px;}

.bloc_accueil .bloc_identite_ami div.info {float:left; width:160px; }

#menu_membres { background:url(../images/ss-nav-projets-bottom.jpg) top; padding:4px 0px; margin:0 20px 10px 20px }
#menu_membres ul li {
	float:left;
	height:20px;
	padding:2px 10px;
	width:auto;
	border-right:1px solid #FFFFFF;
}
#menu_membres ul li.last {border:none;}

#menu_membres ul li a {color:#fff; font-weight:bold;}
#menu_membres #form_membres {background:url(../images/ss-nav-projets-bottom.jpg) top; padding:6px 10px;border-top:1px solid #FFFFFF;}
#menu_membres #form_membres .form_item {float:left; padding-right:10px;}
#menu_membres #form_membres .form_item input {width:80px; font-size:11px; padding:2px 4px; margin:0 5px;}
#menu_membres #form_membres  input.valider {font-size:12px; border:1px solid #999999;}
#menu_membres #form_membres h2 {padding-top:2px; border-right:1px solid #FFFFFF; padding-right:5px;}

.wlpeUserPage {float:left; width:190px; margin:10px 10px; border:1px solid #999999; padding:3px; height:65px; overflow:hidden}
.wlpeUserPage .wlpeUserPagePhoto {float:left; width:60px; margin-right:5px; padding-top:3px; }
.wlpeUserPage .wlpeUserPageSociete a {color:#000000;}
.wlpeUserPage .wlpeUserPageUserContent {float:left; width:120px;}
.wlpeUserPage .wlpeUserPageUserContent p {margin:0; padding:0;}
#wlpeViewProfileTable .wlpeViewAttribute {width:20%; font-style:italic;}
#wlpeViewProfileTable .wlpeViewAttributeValue {font-weight:bold; font-size:12px;}
#wlpeViewProfileTable td {padding:3px 0; border-bottom:1px dotted #CCCCCC;}
.news_item {margin:10px 0; padding:10px 0; border-bottom:1px solid #CCCCCC}
.colonne_accueil_adherent .news_item {border:none; margin:5px 0; padding:0;}

.news_item h3 { font-size:14px; text-transform:none;}
.news_item h4 {margin-top:20px; font-size:14px;}
.news_item p.date {margin:0; padding:2px 0; font-size:12px; color:#999999; font-weight:bold; }
.news_item p.auteur { font-style:italic; color:#999999; font-weight:bold; margin:0 0 5px; padding:0;}

.bloc_info_droite {line-height:16px;}

.img_gauche {float:left;  margin-right:10px;}

.colonne_centrale_adherent  {width:390px;float:left;}
.colonne_droite_adherent  {width:240px;  float:left;margin-left:35px;  }

.colonne_accueil_adherent h2 {color:#3a9cd5; font-size:14px; letter-spacing:normal; margin-top:20px; padding-left:2px; }
.bloc_accueil {background:url(../images/ombre-bg.jpg) top repeat-x; padding:5px 10px;}
.bloc_accueil h3 {font-size:12px;}

.bloc_accueil .tip {font-size:10px; color:#333333;}

.liste_adherent_admin .societe {float:left; width:330px; font-weight: bold;}
.liste_adherent_admin .dirigeant {float:left; width:150px;}
.liste_adherent_admin .referent {float:left; width:150px;}
.liste_adherent_admin .wlpeMangeUsersButtons {float:left; width:100px;}