@charset "utf-8";


@import "slimbox.css";
@import "datepicker.css";

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

body {
	color:#2b2b2b;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

img {
	border:none;
	padding:0;
	margin:0;
}


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

#col-centrale .qui ul {
	list-style:disc;
	margin: 5px 0px 15px 25px;
	padding-left:15px;
}

.cleaner {
	clear:both;
	width:1px;
	height:1px;
	line-height:1px;
	display:block;
	*display:none;
}

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

form, fieldset, input { margin:0; padding:0; }
fieldset { border:none; }

/* Les titres */
h1, h2, h3 { padding:0; margin:0; }
h1 { font-size:18px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-style:italic; color:#97be0c; }
h2 { font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-style:italic; text-transform:uppercase; color:#9a9a9a; }
h3 { font-size:15px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding-bottom:3px; text-transform:uppercase;}

h2 a {color:#9a9a9a; text-decoration:none;}
h3 a {color:#97be0c; text-decoration:none;}

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

/* Bandeau de connexion */
#bande-connexion {
	position: relative;
	min-height:14px;
	height:auto!important;
	*height:14px;
	z-index: 100;
	background:#A2148A url(../images/connexion-bg.jpg) repeat-x 0 bottom;	
}
#bande-connexion #form-connexion {
	height:0;
	overflow: hidden;
}	
#bande-connexion #form-connexion-content {
	width:940px;
	margin:0 auto;
	text-align:right;
}
#bande-connexion #form-connexion-content fieldset {
	padding:5px 0 14px;
}
#bande-connexion #form-connexion-content fieldset li {
	display:inline;
}
#bande-connexion #form-connexion-content fieldset li input {
	color:#484848;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	padding:1px 2px;
}
#bande-connexion #form-connexion-content fieldset li input.connexion {
	background:url(../images/btn-connexion.jpg) no-repeat right 0;
	padding-right:30px;
	color:#fff;
	font-weight:bold;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	border:none;
	cursor:pointer;
	height:22px;
}

#bande-connexion a:link, #bande-connexion a:visited {color:#FFFFFF;}

.bouton-ouverture, .bouton-ouvert {
	margin:-14px auto 0;
	position:relative;
	z-index:200;
	width:150px;
}
.bouton-ouverture a {
	color:#fff;
	text-decoration:none;
	padding-left:30px;
	padding-bottom:10px;
	padding-top:6px;
	background:url(../images/connexion-off-btn.jpg) no-repeat 0 0;
	display:block;
}

.bouton-ouvert a {
	color:#fff;
	text-decoration:none;
	padding-left:30px;
	padding-bottom:10px;
	padding-top:6px;
	background:url(../images/connexion-on-vert-btn.jpg) no-repeat 0 0;
	display:block;
}


/* PAGE */
#page {
	width:940px;
	margin:0 auto;
	position:relative;
}

/* HEADER */
#page #header {
	width:940px;
	float:left;
	*padding-bottom:2px
}
/** Date **/
#header .date {
	float:right;
	font-size:11px;
}
/** Logo **/
#header .logo {
	padding-top:5px;
	float:left;
}

/** Navigation **/
#header .navigation {
	float:right;
	padding:15px 0 0;
	width:656px;
}
#header .navigation ul {
	height:100%;
}
#header .navigation li {
	float:left;
	display:block;
	margin-right:1px;
}
#header .navigation li.contacts {
	margin-right:0;
}
#header .navigation li a {
	color:#FFFFFF;
	display:block;
	text-decoration:none;
	text-transform:uppercase;
	font-size:11px;
}

/*** Tailles des onglets de navigation ***/
#header .navigation li.index, #header .navigation li.adherentes, #header .navigation li.partenaires{ background:#97be0c;}
#header .navigation li.presentation, #header .navigation li.agenda, #header .navigation li.presse{ background:#b6b6b6;}
#header .navigation li.actions, #header .navigation li.actualites, #header .navigation li.contact{ background:#a11589;}

#header .navigation li.index a, #header .navigation li.actualites a{ padding:38px 8px 0; width:50px; height:23px;}
#header .navigation li.presentation a{ padding:10px 4px 0; width:58px; height:51px;}
#header .navigation li.actions a { padding:38px 4px 0; width:80px; height:23px;}
#header .navigation li.adherentes a, #header .navigation li.partenaires a { padding:24px 4px 0; width:73px; height:37px;}
#header .navigation li.agenda a{ padding:38px 4px 0; width:54px; height:23px;}
#header .navigation li.presse a{ padding:24px 3px 0; width:60px; height:37px;}
#header .navigation li.contact a{ padding:38px 4px 0; width:61px; height:23px;}

#header .navigation li a:hover, #header .navigation li.on a { font-weight:bold; }



/* CONTENER */
#contener {
	width:940px;
	clear:left;
	background:none;
	float:left;
}
#contener.home {
	background:url(../images/bg-contener.jpg) repeat-y 0 0;
}
/** Bordure grise en 940px **/
.border {
	background-color:#b6b6b6;
	width:100%;
	height:10px;
	line-height:10px;
	margin:1px 0;
}

/** Bordure sur H2 **/
.border-2 {
	background:#97be0c url(../images/border-2.gif) no-repeat right 0;
	width:100%;
	height:3px;
	line-height:3px;
}

/** Les boutons **/
.bouton-1 {
	float:right;
	background:#c5c5c5 url(../images/pictos/picto-btn.gif) no-repeat 0 0;
	padding-left:23px;
	height:18px;
}
.bouton-1 a,
.bouton-2 a,
.bouton-3 a,
.bouton-4 a {
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF!important;
	text-decoration:none!important;
	padding:0 5px;
	line-height:17px;
}
.bouton-2 {
	float:right;
	background:#accb3d url(../images/pictos/picto-btn-2.gif) no-repeat 0 0;
	padding-left:23px;
	height:18px;
}
.bouton-3 {
	float:right;
	background:#85407a url(../images/pictos/picto-btn-3.gif) no-repeat 0 0;
	padding-left:23px;
	height:18px;
}
.bouton-4 {
	float:right;
	background:#661059 url(../images/pictos/picto-btn-4.gif) no-repeat 0 0;
	padding-left:23px;
	height:18px;
}

#col-centrale .news-bloc .bouton-1, #col-centrale .news-bloc .bouton-2, #col-centrale .news-bloc .bouton-3 {clear:both; margin-top:5px; }

/* Colonne Gauche */
#contener #col-gauche {
	float:left;
	width:634px;
}

/** Le mot de la présidente **/
#col-gauche .mot {
	width:604px;
	padding:10px 30px 0 0;
	float:left;
}
#col-gauche .mot h1 {
	background:url(../images/icon/icon-plume.jpg) no-repeat 0 0;
	padding-left:55px;
	line-height:55px;
}
#col-gauche .mot .bloc-texte {
	padding-left:60px;
	float:left;
}
#col-gauche .mot .bloc-texte img {
	float:left;
	padding-right:15px;
}

/** Les news et l'agenda**/
#col-gauche .bloc-agenda {
	clear:left;
	width:604px;
	padding:0 30px 15px 0;
}


#col-gauche .bloc-agenda img {padding:10px;}

#col-gauche .bloc-agenda h2 {
	background:url(../images/icon/icon-agenda.jpg) no-repeat 0 0;
	padding:30px 0 5px 55px;
}





.tabbed_box ul.tabs {
    margin:0px; 
	padding:0px;
	height: 46px;
}
.tabbed_box ul.tabs li {
    list-style:none;
    float:left;
	display:block;
}
.tabbed_box ul.tabs li a {
    background-color:#97be0c;
    color:#fff;
    text-decoration:none;
    text-transform:uppercase;
	padding:15px 0 15px 20px;
	display:block;
}
.tabbed_box ul.tabs li.tab_1 a{
	background-color:#97be0c;
	width:178px;
	border-bottom:1px solid #fff;
}
.tabbed_box ul.tabs li.tab_2 a{
	background-color:#b6b6b6;
	width:185px;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
	border-bottom:1px solid #fff;
}
.tabbed_box ul.tabs li.tab_3 a{
	background-color:#a11589;
	width:179px;
	border-bottom:1px solid #fff;
}
.tabbed_box ul.tabs li.tab_4 a{
	background-color:#97be0c;
	width:110px;
	border-bottom:1px solid #fff;
	padding:18px 2px;
}
.tabbed_box ul.tabs li.tab_5 a{
	background-color:#b6b6b6;
	width:74px;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
	border-bottom:1px solid #fff;
	padding:12px 5px 9px;
}
.tabbed_box ul.tabs li.tab_6 a{
	background-color:#a11589;
	width:80px;
	border-bottom:1px solid #fff;
	padding:12px 5px 9px;
}
.tabbed_box ul.tabs li.tab_1 a.active,
.tabbed_box ul.tabs li.tab_2 a.active,
.tabbed_box ul.tabs li.tab_3 a.active,
.tabbed_box ul.tabs li.tab_4 a.active,
.tabbed_box ul.tabs li.tab_5 a.active,
.tabbed_box ul.tabs li.tab_6 a.active {
	border-bottom:none;
	font-weight:bold;
	height:16px;
}
.tabbed_box .content {
    padding:10px;
	clear:both;
	height:100%;
}
.tabbed_box .content img {
	float:left;
	margin-right:20px;
}
.tabbed_box #content_1 img {
	border:1px solid #97be0c;
}
.tabbed_box #content_2 img {
	border:1px solid #B6B6B6;
}
.tabbed_box #content_3 img {
	border:1px solid #a11589;
}
.tabbed_box #content_1 h3,
.tabbed_box #content_4 h3 {
	color:#97be0c;
}
.tabbed_box #content_2 h3,
.tabbed_box #content_5 h3 {
	color:#B6B6B6;
}
.tabbed_box #content_3 h3,
.tabbed_box #content_6 h3 {
	color:#a11589;
}
.tabbed_box .content p {
	color:#2b2b2b;
	padding:0;
}
p.date {
	font-weight:bold;
	color:#a01387;
	font-size:11px;
	padding-top:5px;
	padding-bottom:3px;
}
.tabbed_box #content_3 p.date,
.tabbed_box #content_6 p.date {
	color:#97be0c;
}
.tabbed_box #content_2, .tabbed_box #content_3, .tabbed_box #content_5, .tabbed_box #content_6 { display:none; } 
.tabbed_box #content_1, .tabbed_box #content_4 { border:3px solid #97be0c; }
.tabbed_box #content_2, .tabbed_box #content_5 { border:3px solid #b6b6b6; }
.tabbed_box #content_3, .tabbed_box #content_6 { border:3px solid #a11589;}


/** Nous rejoindre **/
.rejoindre {
	clear:both;
	width:604px;
	padding:0 30px 0 0;
}
.rejoindre h2 {
	background:url(../images/icon/icon-personne.jpg) no-repeat 0 0;
	padding:30px 0 5px 55px;
}
.rejoindre .texte {
	width:450px;
	float:left;
	padding-top:15px;
}
.rejoindre .bouton-1 {
	margin-top:20px;
}


/* Colonne Droite */
#col-droite {
	float:left;
	width:290px;
	margin-left:2px;
	padding:0 7px;
	background:url(../images/col-droite-bg.jpg) no-repeat 0 0;
}

/** Bloc de recherche **/
.bloc-recherche {
	padding-top:20px;
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:1px dotted #2b2b2b;
}
.bloc-recherche img {
	float:left;
}
.bloc-recherche form {
	padding:15px 0 0 80px;
}
.bloc-recherche form li {
	float:left;
}
.bloc-recherche form li input{
	padding:8px 10px 9px 10px;
	background:url(../images/rechercher-input.jpg) no-repeat 0 0;
	border:none;
	color:#6f6f6f;
	font-size:11px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;

}
.bloc-recherche form li input.valider{
	background:url(../images/rechercher-btn.jpg) no-repeat 0 0;
	padding:0;
	*margin:1px 0 0;
	width:30px;
	height:30px;
	cursor:pointer;
}

/** Bloc Agenda **/
#col-droite .news {
	width:290px;
	padding-bottom:20px;
}
#col-droite .news h2 {
	background:url(../images/icon/icon-journal.jpg) no-repeat 0 0;
	padding:22px 0 8px 65px;
}
#col-droite .news .tabbed_box{
    width:290px;
	padding-top:15px;
} 
#col-droite .news .tabbed_box ul.tabs li.tab_4 a.active {
	border-bottom:none;
	font-weight:bold;
	height:16px;
}
#col-droite .news .tabbed_box ul.tabs li.tab_5 a.active {
	border-bottom:none;
	font-weight:bold;
	height:31px;
}
#col-droite .news .tabbed_box ul.tabs li.tab_6 a.active {
	border-bottom:none;
	font-weight:bold;
	height:31px;
}
#col-droite .news .tabbed_box .content {
	margin-top:6px!important;
	*margin-top:0;
}

#col-droite .news .tabbed_box .content .news {
	border-bottom:1px dotted #2b2b2b;
	padding-bottom:10px;
}
#col-droite .news .tabbed_box .content .news.last {
	border:none;
}


/** Bloc Adhérentes **/
#col-droite .bloc-adherentes {
	width:290px;
	padding-bottom:20px;
}
#col-droite .bloc-adherentes h2 {
	background:url(../images/icon/icon-adherentes.jpg) no-repeat 0 0;
	padding:3px 0 8px 30px;
}
#col-droite .bloc-adherentes .texte,
#col-droite .bloc-adherentes .texte-1,
#col-droite .bloc-adherentes .texte-2,
#col-droite .bloc-adherentes .texte-3 {
	background-color:#a11589;
	padding:15px 10px 10px;
	margin-top:15px;
	height:100%;
}

#col-droite .bloc-adherentes .texte-2 {background-color:#b6b6b6;}

#col-droite .bloc-adherentes .texte img,
#col-droite .bloc-adherentes .texte-1 img,
#col-droite .bloc-adherentes .texte-2 img,
#col-droite .bloc-adherentes .texte-3 img {
	float:left;
	border:1px solid #fff;
	margin-right:20px;
}
#col-droite .bloc-adherentes .texte h3,
#col-droite .bloc-adherentes .texte-1 h3,
#col-droite .bloc-adherentes .texte-2 h3,
#col-droite .bloc-adherentes .texte-3 h3 {
	padding-bottom:0;
	color:#fff;
}
#col-droite .bloc-adherentes .texte p,
#col-droite .bloc-adherentes .texte-1 p,
#col-droite .bloc-adherentes .texte-2 p,
#col-droite .bloc-adherentes .texte-3 p {
	color:#fff;
}
#col-droite .bloc-adherentes .texte p.sous-titre,
#col-droite .bloc-adherentes .texte-1 p.sous-titre
 {
	font-size:10px;
}

/** Bloc Partenaires **/
#col-droite .bloc-partenaires {
	width:290px;
	/*position:absolute;
	bottom:0;*/
	padding-top:30px;
}
#col-droite .bloc-partenaires .gauche,
#col-droite .bloc-partenaires .droite {
	width:145px;
	float:left;
}
#col-droite .bloc-partenaires .gauche li,
#col-droite .bloc-partenaires .droite li {
	text-align:center;
}


/* Colonne Centrale */
#col-centrale {
	width:940px;
}

/** File d'ariane **/
.file-ariane{
	float:left;
	background:url(../images/pictos/picto-home.gif) no-repeat 3px 8px;
	padding-left:20px;
	padding-top:5px;
}

.file-ariane li {
	display:inline;
	color:#706f6f;
	font-size:11px;
	padding-right:5px;
}
.file-ariane li a, #header .navigation .file-ariane li a, #header .navigation .file-ariane li a:hover {
	text-decoration:underline;
	text-transform:none;
	color:#a11589;
}

/** Bloc moteur de recherche **/
#col-centrale .bloc-recherche {
	width:290px;
	float:right;
	border-top:1px dotted #2B2B2B;
	padding-top:10px;
	margin-top:10px;
}

/** Les news **/
#col-centrale .actualites {
	width:940px;
	float:left;
	position:relative;
	margin-top:-55px;
}
#col-centrale .agenda {
	width:940px;
	float:left;
	position:relative;
	margin-top:-50px;
}
#col-centrale .actualites h2 {
	background:url(../images/icon/icon-journal.jpg) no-repeat 0 0;
	padding:30px 0 5px 55px;
}
#col-centrale .agenda h2 {
	background:url(../images/icon/icon-agenda.jpg) no-repeat 0 0;
	padding:20px 0 10px 65px;
}
#col-centrale .news .news-bloc p{
	padding-bottom:10px;
}
#col-centrale .news .news-bloc h3 {
	padding-bottom:10px;
}
#col-centrale .news .news-bloc a {
	font-weight:bold;
	text-decoration:underline;
	color:#a11589;
}
#col-centrale .news .news-bloc a:hover {
	text-decoration:none;
}

/*** Bloc 3 onglets ***/
#col-centrale .tabbed_box{
    width:940px;
	padding-top:15px;
} 
#col-centrale .tabbed_box ul.tabs li a {
	width:175px;
}
#col-centrale .tabbed_box .content .news-detail {
	padding-bottom:20px;

}
#col-centrale .tabbed_box .content .news-detail.last {
	padding:0;
}
#col-centrale #tabbed_box_2 #content_1, tabbed_box_2 #content_3 { display:none; }
#col-centrale #tabbed_box_2 #content_2 { display:block; }
#col-centrale #tabbed_box_3 #content_1, tabbed_box_3 #content_2 { display:none; }
#col-centrale #tabbed_box_3 #content_3 { display:block; }

#col-centrale #tabbed_box_2 ul.tabs li.tab_2 a,
#col-centrale #tabbed_box_3 ul.tabs li.tab_3 a {
	border:none;
}

/*~ Pagination ~*/
.pagination {
	float:right;
	padding-top:20px;
}
.pagination li {
	float:left;
	padding:0 2px;
}
.pagination li a {
	color:#fff;
	background:#bcd075;
	display:block;
	width:17px;
	text-align:center;
	font-size:11px;
	padding:1px 0;
	text-decoration:none;
}
.pagination li a:hover,
.pagination li.on a {
	background:#97be0c;
	color:#2b2b2b;
	font-weight:bold;
}

#content_2 .pagination li a {
	background:#c5c5c5;
	color:#fff;
}
#col-centrale #content_3 .pagination li a {
	background:#ba60ac;
}
#col-centrale #content_2 .pagination li a:hover,
#col-centrale #content_2 .pagination li.on a {
	background:#7e7e7e;
	color:#2b2b2b;
}
#col-centrale #content_3 .pagination li a:hover,
#col-centrale #content_3 .pagination li.on a {
	background:#661059;
	color:#fff;
}
#col-centrale .pagination li.suite a {
	background:none;
	width:auto;
	padding:0;
} 
#col-centrale .pagination li.suite a img {
	padding:0;
	border:none;
	margin-right:0;
}

/** Rejoignez-nous **/
#col-centrale .rejoindre {
	clear:left;
	width:940px;
	padding:20px 0;
}



/* icones entete */
#col-centrale #ico-contact h2 {
	background:url(../images/icon/icon-contact.jpg) no-repeat 0 0;
}

#col-centrale #ico-presse h2 {
	background:url(../images/icon/icon-presse.jpg) no-repeat 0 0;
}

#col-centrale #ico-actions h2 {
	background:url(../images/icon/icon-actions.jpg) no-repeat 0 0;
}

#col-centrale #ico-adherente h2 {
	background:url(../images/icon/icon-adherente.jpg) no-repeat 0 0;
}

#col-centrale #ico-partenaires h2 {
	background:url(../images/icon/icon-partenaires.jpg) no-repeat 0 0;
}




.separation {border-bottom-width: 1px;border-bottom-style: dotted;border-bottom-color: #2b2b2b; margin-bottom:10px;}


/** Qui sommes-nous **/
#col-centrale .qui {
	width:940px;
	float:left;
	position:relative;
	margin-top:-50px;
}
#col-centrale .qui h2 {
	background:url(../images/icon/icon-qui.jpg) no-repeat 0 0;
	padding:12px 0 15px 50px;
}
#col-centrale .qui .para-droite,
#col-centrale .qui .para-gauche {
	width:880px;
	padding:15px 30px 0;
	clear:both;
}
#col-centrale .qui .para-droite img,
 {
	float:left;
	margin-right:20px;
	border:1px solid #97be0c;
}
#col-centrale .qui h3 {
	color:#a11589;
	padding:0;
}
#col-centrale .qui p.sous-titre {
	color:#97be0c;
	padding:0 0 10px 0;
	font-weight:bold;
}
#col-centrale .qui a {
	color:#a11589;
	text-decoration:underline;
	font-weight:bold;
}
#col-centrale .qui a:hover {
	text-decoration:none;
}
#col-centrale .qui .para-gauche img,


#col-centrale .cadre-photo {}
#col-centrale .cadre-photo img
 {
	margin: 5px 10px;
	border:1px solid #97be0c;
}

#col-centrale .cadre-photo span.legende { margin-left:10px;display:block; font-size:11px;  padding:2px 3px;}




/* FOOTER */
#footer {
	background-color:#b6b6b6;
	text-align:center;
	height:20px;
	padding-top:7px;
}
#footer li {
	display:inline;
	font-size:11px;
	color:#fff;
	padding:0 2px;
}
#footer li a {
	color:#fff;
	text-decoration:underline;
}
#footer li a:hover {
	text-decoration:none;
}
#footer li img {
	vertical-align:text-bottom;
}

/* Champs de Formulaires
-------------------------------------------------------- */
input,textarea{margin : 1px;}
input.noborder {border:0;}
input.recherche {width:50px;}
input.button {	border:0px solid #2c220e;}
input.small_button {
	border:0px solid #2c220e;
	background-color:#2c220e;
	color:#ccc;
	font-size:9px;	
}

select {margin : 2px;}
form {padding:0;margin:0;}
textarea{
	width: 96%;
	font-size: 1em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#titreForm, #piedForm {	/*** Mise en forme du titre et du pied de formulaire ***/
	font: bold 1.1em arial, hevetica, sans-serif;
	color: black;
	margin: 0;
	padding: .5em;
}

#piedForm {
	text-align: center; /*** Les boutons sont alignes a droite ***/
}

#piedForm input {
	font-weight: bold; /*** Pour ameliorer la lisibilite des boutons ***/
	padding: 0.1em 0.1em;

}

#corpForm {	/*** Mise en forme du corp du formulaire (bordure, couleur du fond...) ***/

	margin: 0;
	padding: 1em;
}

#corpForm .text-input {
	width: 130px;
	padding:1px 4px;
	border: 1px solid #B5B8C8;
	font-size: 11px;
	margin-top: 4px;

	
}

#corpForm fieldset {	/*** Mise en forme des cadres ***/
	margin: 0;
	font-style: normal;
	padding: 5px;
	border: 1px solid #867d78;
	
}
#corpForm legend {	/*** Mise en forme des titres des cadres ***/
	font-weight: bold;
	color: #867d78;
	background: transparent;
}
#corpForm p {	/*** Mise en forme des lignes du formulaire ***/
	padding: .2em 0;
	margin: 0 0 .2em 0;

}
#corpForm fieldset.coordonnees label {	/*** Mise en forme des intitules de champs ***/
	float: left;	/*** Tres important, ne pas suprimer ! ***/
	width: 40%;	/*** Les intitules prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignes a droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;	/*** ... et centres verticalement. ***/
}

#corpForm fieldset.interets p{	/*** Mise en forme des intitules de champs ***/
	
	/*** Les intitules prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: left;	/*** ... et ils sont alignes a droite... ***/
	margin-left:40%;
	padding: 0 .5em 0 5px;
	line-height: 1.8;	/*** ... et centres verticalement. ***/
}

#corpForm fieldset.quizz p {
	padding:10px;
}

#corpForm fieldset.quizz input {border:0}


#corpForm label:hover, #piedForm input {
	cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs a cliquer sur les intitules ***/
}
#corpForm label.oblig {
	font-weight: bold;	/*** Mise en evidence des champs obligatoires ***/
}
#corpForm .legende {	/*** Mise en forme des aides contextuelles ***/
	font-style: italic;
	color: #666;
	background: transparent;
	margin: 0;
	padding: 0;
	font-size:10px;
}
#corpForm a.aide {	/*** Mise en forme des bulles d'aide ***/
	text-decoration: none;
}
#corpForm a.aide img {	/*** Mise en forme de l'image des bulles d'aide ***/
	margin: 0;
	padding: 0;
	border: 0;
}

a.aide:hover {	/*** Le curseur de la souris change d'aspect quand il passe au-dessus d'une bulle d'aide ***/
	cursor: help;
}

/* bouton ok */
#form_search .submit {
     border:none;
     color:#fff;
     width:36px;
     height:20px;
	 font-weight:bold;
	 font-size:10px;
	 padding:0 ;
	 margin:0;
}

#menu_top_membre ul {float:right; }
#menu_top_membre ul li {
	display:block;
	float:left;
	padding:0 10px;
	line-height:33px;
	height:33px;
	color:#FFFFFF;
	background:#97be0c;

}
#menu_top_membre ul li a {color:#FFFFFF; font-weight:bold; text-decoration:none;}
#menu_top_membre ul li a:hover {text-decoration:underline;}


.header_membre { padding-top:10px;}


#form_search input { border:0; font-size:11px; color:#666666; padding:2px;}
#form_search .submit { background:url(../images/btn-connexion-vert.jpg) center no-repeat; height:23px; width:22px; cursor:pointer;}

.membre-ariane { text-align:left;}

/* formulaire */

/* Champs de Formulaires
-------------------------------------------------------- */
input,textarea{

	margin : 2px;

}
input.noborder {border:0;}
input.recherche {width:50px;}
input.button {
	border:1px solid #2c220e;

}

input.small_button {
	border:1px solid #2c220e;
	background-color:#2c220e;
	color:#ccc;
	font-size:9px;	
}



select {

	margin : 2px;		
}

form {padding:0;margin:0;}

textarea{
	width: 95%;
	font-size: 1em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}


form.formular {
	font-family: tahoma, verdana, "sans-serif";
	font-size: 12px;
	padding: 0px 15px 0 0;
	border: 0px solid #A5A8B8;
	margin:0;
}

.formular fieldset {
	margin-top: 20px;
	
	padding : 15px;
	border-width: 1px 0 0 0;
	border-style:solid;
	border-color: #B5B8C8;
	
}

.formular legend {
	font-size: 13px;
	color: #fff;
	background: #a11589;
	font-weight: 900;
	padding:5px 10px;
	margin-bottom:10px;
}

.formular #content_visible_1 legend { background:#97be0c;}
.formular #content_visible_2 legend { background:#9a9a9a;}
.formular #content_visible_3 legend { background:#a11589;}

.formular fieldset label {
	float: none;
	text-align: inherit;
	width: auto;
	margin:0; padding:0;
}

.formular label span {
	color: #000;
}

.formular input, .formular select, .formular textarea {
	display : block;
	margin-bottom: 5px;
}

.formular .text-input {
	width: 250px;
	color: 555;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 14px;
	margin-top: 4px;
	background: #FFF url('../images/form/text-bg.gif') repeat-x;
	
}

.formular .infos {
	border:1px dashed #CCCCCC;
	color: #333;
	font-size: 12px;
	padding: 10px;
	margin-bottom: 0px;
}

.formular span.checkbox, .formular .checkbox {
	display: inline;
}

.formular .submit {
	border: 0px solid #AAA;
	padding: 0;
	margin: 10px auto;
	text-decoration: none;
	height:41px;
	width:150px;
	text-transform:uppercase;
	font-weight:bold;
	font-size:12px;
	cursor:pointer;
	background-color:#97be0c;
	
}

.formular hr {
	clear: both;
	visibility: hidden;
}

.formular .fc-error {
	width: 350px;
	color: 555;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 12px;
	margin-bottom: 15px;
	background: #FFEAEA;
}

.formular .required { font-size:10px; color:#999999;}
.bouton_centre { text-align:center;}



.tabbed_entete {
	width:180px;
	background-color:#97be0c;
	line-height:25px;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	color:#FFFFFF;
	padding:10px;
}

.border-fiche {border:3px solid #97be0c; padding:15px;}

/*** Bloc 3 onglets ***/
#col-gauche .tabbed_box{
    width:604px;
	padding-top:15px;
} 
.tabbed_box .tabbed_area {
    background-color:#fff;
}

.fiche-photo {float:left; width:390px; text-align:center;}

.fiche-photo img {padding-bottom:10px}
.fiche-texte {float:left; width:450px; line-height:20px; margin-left:20px;}

#col-centrale .fiche-texte h3, #col-centrale .fiche-texte h4 {padding:5px 0;}

#col-centrale .fiche-texte h3 {padding-top:15px;}

.item_container {float:left; width:500px; padding:10px 0;}

.bloc_resume {padding-bottom:15px;}

.bloc_listing_membre {float:left; width:420px;margin:10px 15px; border:3px solid #b6b6b6; height:75px; padding:5px; position:relative;}
.bloc_listing_membre .bouton-3 {position:absolute; width:80px; height:20px; right:5px; bottom:5px;}

.bord-cadre-1 { border-color:#97be0c;}
.bord-cadre-2 { border-color:#b6b6b6;}
.bord-cadre-3 { border-color:#a11589;}



#alphabet { text-align:center}
#alphabet ul {list-style:none; text-align:center; margin:0; padding:0;}
#alphabet ul li {display:inline; padding:2px 3px; font-size:14px; font-weight:bold;}
#alphabet a {
	color:#a11589;
}

.bloc_couleur {
	background-color:#999999;
	float:left;
	width:247px;
	height:130px;
	margin:5px 15px;
	overflow:hidden;
	color:#FFFFFF;
	padding:5px 15px;
}

#col-centrale .qui .bloc_couleur h3 { text-align:right; margin-right:25px;}

#col-centrale .qui .bloc_couleur h3 a, #col-centrale .qui .bloc_couleur a { color:#FFFFFF; text-decoration:none;}

.border-couleur-1 { margin:5px 0 5px 60%; height:3px; background-color:#a11589;}
#bloc-couleur-1 { background-color:#97be0c;}

.border-couleur-2 { margin:5px 0 5px 60%; height:3px; background-color:#a11589;}
#bloc-couleur-2 { background-color:#b6b6b6;}

.border-couleur-3 { margin:5px 0 5px 60%; height:3px; background-color:#97be0c;}
#bloc-couleur-3 { background-color:#a11589;}