@charset "utf-8";

/*Feuille de style principale*/

* {
	margin: 0px; 
	padding: 0px;
}

body {   
	font-family: Verdana, Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	/*margin: 0 auto;
	margin-bottom: 5px;
	width: 1010px;*/
	background-image: url("../img/fond.gif");
}

#contenu {
	margin: 0 auto;
	width: 971px;
}

p { text-align: justify; }

/*____Liens____*/
a { color: #FF3F00; }
a:hover, a:focus { background: #C7D6F2; }
a:active { background: #F4BAB5; }
a:visited { color: #FF3F00; }


/*----------------*/
/*-----HEADER-----*/
/*----------------*/
#header {
	margin: 0 auto;
	width: 971px;
	height: 164px;
	background-image: url("../img/header.png");
}
#div_logo { 
	float: left; 
	height: 100%; 
}
#logo { margin: 17px 0px 17px 20px; }
#img_sound { 
	float: left;
	margin-right: 10px;
	padding-top: 5px; 
	cursor: pointer;
}
#p_plan { padding: 9px 0px 8px 0px; }
#info_login {
	margin: -147px 15px 0px 0px; 
	text-align: right; 
	font-size: 11px;
}
#info_login img { 
	padding-right: 3px;
	border: 0px; 
}
#info_login input {
	min-width: 102px;
	padding-left: 7px;
	background: transparent url("../img/deco.gif") no-repeat 0px 4px; 
	border: 0px; 
	cursor: pointer; 
	font-family: Verdana, Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	text-decoration: underline;
}
#bandeau { 
	margin: 53px 0px 0px 160px; 
	height: 72px;
}
#bandeau img { 
	margin-left: 5px; 
	border: 1px solid #000099;
}
#bandeau a:hover, #bandeau a:focus { background: none; }
#bandeau a:active { background: none; }


/*------------------*/
/*-----MENU HAUT----*/
/*------------------*/
#menu_haut {
	margin: 0 auto;
	width: 971px;
}
#menu_haut_g {
	float: left;
	width: 230px;
	height: 45px;
	background-image: url("../img/menu_haut/menu_haut_g.png");
}
#menu_haut_c {
	float: left;
	width: 675px;
	height: 45px;
	background: url("../img/menu_haut/menu_haut_c.png") repeat-x;
}

/*____Boutons____*/
#navig_h {
	list-style: none;
	margin-left: 4px;
	padding: 0px;
}
#navig_h li { float: left; }
#navig_h li img { 
	float: left; 
	margin-top: 3px;
}
.bout_haut {
	display: block;
	float: left;
	height: 24px;
	width: 100px;
	margin-bottom: 21px;
	margin-top: 8px;
}
#edito { background: url("../img/menu_haut/edito.gif") center top no-repeat; }
#actus { background: url("../img/menu_haut/actus.gif") center top no-repeat; }
#agenda { background: url("../img/menu_haut/agenda.gif") center top no-repeat; }
#presse { background: url("../img/menu_haut/presse.gif") center top no-repeat; }
#actions {
	display: block;
	float: left;
	height: 24px;
	width: 232px;
	margin-bottom: 21px;
	margin-top: 8px;
	background: url("../img/menu_haut/actions.gif") center top no-repeat;
}
#navig_h li a:hover, #navig_h li a:focus, #navig_h li a:active { background-position: center bottom; }
#menu_haut_d {
	float: left;
	margin: 0 auto;
	width: 66px;
	height: 45px;
	background-image: url("../img/menu_haut/menu_haut_d.png");
}


/*---------------------*/
/*-----MENU GAUCHE-----*/
/*---------------------*/
#menu_gauche {
	float: left;
	margin: 0 auto;
	width: 171px;
	height: 508px;
	background-image: url("../img/menu_gauche/menu_gauche.png");
}

/*____Boutons____*/
#case {
	margin: 0 auto;
	margin-top: 5px;
	margin-bottom: 19px;
	width: 65px;
	height: 64px;
	background: url("../img/menu_gauche/case.png") no-repeat;
}
#img_case {
	display: block;
	margin: 0 auto;
	vertical-align: middle;
}
#navig_g {
	list-style: none;
	margin: 0;
	margin-left: 4px;
	padding: 0;
}
#navig_g li a {
	display: block;
	height: 19px;
	width: 160px;
	margin-bottom: 21px;
}
#home { background: url("../img/menu_gauche/accueil.png") left top no-repeat; }
#assoc { background: url("../img/menu_gauche/assoc.png") left top no-repeat; }
#methodes { background: url("../img/menu_gauche/methodes.png") left top no-repeat; }
#partenaires { background: url("../img/menu_gauche/partenaires.png") left top no-repeat; }
#contact { background: url("../img/menu_gauche/contacts.png") left top no-repeat; }
#adherents { background: url("../img/menu_gauche/adherents.png") left top no-repeat; }
#reflexion { background: url("../img/menu_gauche/reflexion.png") left top no-repeat; }
#rdv { background: url("../img/menu_gauche/rdv.png") left top no-repeat; }
#navig_g li a:hover, #navig_g li a:focus, #navig_g li a:active { background-position: left bottom; }


/*-------------------------*/
/*-----PAGE PRINCIPALE-----*/
/*-------------------------*/
#page {
	float: left;
	margin: 0 auto;
	width: 800px;
}
#page_h {
	margin: 0 auto;
	width: 800px;
	background-image: url("../img/page_c.png");
}
#page_c {
	overflow: hidden;
	margin: 0 auto;
	min-height: 438px;
	padding-left: 30px;
	padding-right: 30px;
	background: url("../img/page_h.gif") no-repeat;
}
#page_b {
	margin: 0 auto;
	width: 800px;
	height: 70px;
	background-image: url("../img/page_b.png");
}
#page_contenu { padding-top: 15px; }


/*----------------*/
/*-----FOOTER-----*/
/*----------------*/
#footer {
	margin: 0 auto;
	margin-top: 5px;
	width: 971px;
	font-size: 10px;
}
#foot_mobi {
	float: left;
	margin-top: 5px;
	padding-left: 5px;
	padding-top: 5px;
	width: 166px;
	border-top: 1px solid #999999;
	text-align: left;
}
#foot_contact {
	float: left;
	margin-top: 5px;
	padding-right: 5px;
	padding-top: 5px;
	width: 795px;
	border-top: 1px solid #999999;
}
#foot_contact span { float: right; }


/*-------------------------*/
/*---------CLASSES---------*/
/*-------------------------*/

.tiny_maj { font-variant: small-caps; }

.ul_occurrences {
	list-style: none; 
}
.ul_occurrences li {  
	background: url("../img/puce.gif") no-repeat 0px 1px;
	padding-left: 15px;
}
.ol_occurrences { margin-left: 20px; }

.liste {
	margin: 10px 0px 0px 50px;
	text-align: justify;
}

.sign {
	padding-top: 8px; 
	text-align: right;
}

.noscript {
	float: right;
	padding: 30px 50px 0px 0px;
}

.cadre { 
	overflow: hidden; 
	clear: both; 
	margin: 15px auto 15px auto; 
	padding: 5px 10px 5px 10px; 
	background-color: #D9F0F7; 
	border-bottom: #BB2222 solid 2px; 
	border-right: #BB2222 solid 2px;
}

.titre_info {
	display: inline; 
	margin-left: 5px; 
	margin-top: 25px; 
	padding: 2px 5px 0px 5px; 
	font-weight: bold; 
	background-color: #D9F0F7;
	border:#000000 solid 1px; 
	border-bottom: #FFFFCC solid 1px; 
}
.info {
	margin-bottom:25px;
	padding: 5px; 
	border: #555555 solid 1px; 
}
.info_plus { 
	padding-top: 2px; 
	cursor: pointer;
	text-align: right;
}
.info_plus img { padding-right: 5px; }

.info_cache {
	height: 0px;
	margin-top: 3px;
	overflow: hidden;
	position: relative;
	visibility: hidden;
}
.info_cache_content{ position: relative; }

.img_dot {
	float: left; 
	margin-right: 5px;
	padding: 5px 8px 5px 0px; 
	border: 0; 
	border-right: dotted 1px #666666; 
}

/*____Onglets____*/
.onglets {
    list-style: none;
    margin: 0 auto;
	margin-bottom: 10px;
    padding: 0 0 20px 10px;
    border-bottom: 1px solid #6060C0;
}
.onglets li {
    float: left;
    margin: 0 10px 4px 10px;
	padding: 0px 4px 0 4px;
	font-weight: bold;
	cursor: pointer;
}
.onglets a { text-decoration: none; }
.onglets li a { color: #606090; }
.onglets li a:hover { 
	padding-bottom: 3px;
	color: #606090;
	background: none;
	border-bottom: 3px solid #8080B0; 
}
.onglets li.onglet_actif, .onglets li.onglet_actif a, .onglets li.onglet_actif a:hover, .onglets li.onglet_actif a:active {
	padding-bottom: 2px;
	color: #303060;
	background: none;
	border-bottom: 4px solid #606090;
}


/*____Sections____*/
.sections { 
	margin: 20px 0px;
	text-align: center; 
}
.sections span {
	margin: 0px 10px;
	padding: 2px 5px;
	background-color: #F0FAF2; 
	border: 1px solid #072A66;
	cursor: pointer;
	font-weight: bold;
	text-align: center;    
}
.sections span.section_active { background-color: #FFD7D7; }
.sections span:hover { background-color: #B2EABA; }


/*____Titre____*/
.titre {
    margin: 0 auto;
	margin-bottom: 20px;
    padding-bottom: 6px;
	border-bottom: 1px solid #6060C0;
	color: #303060;
	font-weight: bold;
	text-align: center;
}
.titre_span {
	padding: 0px 4px 3px 4px;
	border-bottom: 4px solid #606090;
}
.titre_left {
	margin-right: 50px;
	padding: 1px 5px 2px 5px;
	border: 1px solid #606090;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
}
.titre_left:hover { background-color: #FFD7D7; }
.titre_right {
	margin-left: 50px;
	padding: 1px 5px 2px 5px;
	border: 1px solid #606090;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
}
.titre_right:hover { background-color: #FFD7D7; }


/*____Formulaire____*/
.form, .form2 {
	margin: 0 auto;
	margin-top: 10px;
	margin-left: 35px;
}
.libelle {
	height: auto;
	width: 100%;
    padding-bottom: 5px;
	padding-top: 5px;
	overflow: auto;
}
.libelle * {
	margin: 2px;
	float: left;
}
.form label {
	width: 25%;
	padding-top: 2px;
	font-weight: bold;
	text-align: right;
}
.form2 label {
	width: 35%;
	padding-top: 2px;
	font-weight: bold;
	text-align: right;
}
.libelle input {
	width: 150px;
	padding: 2px 4px;
	background: #BCC0E9;
	border: solid 1px #6060C0;
}
.libelle input:focus, .libelle select:focus, .libelle textarea:focus { background: #BBDBFF; }
.libelle input.checkbox {
	width: auto;
	margin-top: 6px;
	padding: 0px;
	background: none;
	border: none;
}
.libelle input.radio {
	width: auto;
	margin-top: 6px;
	padding: 0px;
	background: none;
	border: none;
}
.libelle select {
	padding: 0px;
	width: 160px;
	border: solid 1px #6060C0;
}
.libelle select * {
	margin: 0px;
	padding: 0px;
}
.libelle textarea {
	width: 400px;
	padding: 2px 4px;
	background: #BCC0E9;
	border: solid 1px #6060C0;
}
.libelle .bouton, .validation .bouton, .bouton {
	height: 20px;
	width: auto;
	padding: 0px 0px;
	padding-bottom: 2px;
	background-color: #BCC0E9;
	border: solid 1px #6060C0;
	font-size: 11px;
	font-weight: bold;
}
.libelle img {
	display: none;
	padding-top: 2px;
	cursor: help;
}
.libelle img#img_photo, .libelle img#img_photo_presse, .libelle img#img_article_presse, .libelle img#img_photo_rte {
	margin-left: 95px; 
	max-width: 22px; 
	max-height: 20px; 
	border: solid 1px #6060C0;
}
.libelle b {
	float: left; 
	padding-top: 2px; 
}
.validation {
	margin-top: 20px; 
	margin-left: 8px; 
}
.validation .bouton {
	width: 75px;
	margin-left: 25%;
}
.libelle_rte {
	height: auto;
	width: 100%;
    padding-bottom: 5px;
	padding-top: 5px;
	overflow: auto;
}
.libelle_rte label { 
	float: left; 
	margin: 2px; 
}
.libelle_rte span {	
	float: left; 
	margin: 2px; 
}
.rte_img {
	max-width: 600px;
	max-height: 600px;
}
.libelle_rte img { display: none; }
.libelle_rte span img { display: inline; }
.color_picker {
	height: 20px;
	width: 24px;
	margin-left: 5px;
	margin-right: 5px;
	background-color: #FFFF66;
	border: 1px solid black;
}


/*____Auto-complétion____*/
.complete {
	display: none;
	position: absolute;
	width: 158px;
	height: auto;
	overflow: hidden;
	border: solid 1px #6060C0;
	border-top: solid 1px #6060C0;
	color: #fff;
}
.sel_auto {
	width: 176px;
	background-color: #CAD6FF;
	border: 0px;
	z-index: 5;
}


/*____Infobulles____*/
.infobulle {
	position: absolute;
	display: none;
	padding: 5px;
	max-width: 200px;
	background-color: #FFFFCC;
	border: 1px solid Black;
	font-size: 11px;
	text-align: justify;
}


/*____Boite____*/
.boite { margin: 0 auto; overflow: hidden; }
.boite div { float: left; }
.boite_titre_g {
	height: 40px;
	width: 100%; 
	background: url("../img/boite/boite_haut_gauche.png") no-repeat left;
}
.boite_titre_c {
	height: 40px;
	width: 100%; 
	background-image: url("../img/boite/boite_haut_corps.png");
}
.boite_titre_d { 
	height: 40px;
	width: 100%;
	background: url("../img/boite/boite_haut_droit.png") no-repeat right;
}
.boite_corps_g {
	width: 100%;  
	background: url("../img/boite/boite_milieu_gauche.png") repeat-y; 
}
.boite_corps_c {
	width: 100%;  
	background: url("../img/boite/boite_milieu_droit.png") repeat-y right; 
}
.boite .boite_contenu { 
	float: none;
	margin-top: -8px;
	margin-bottom: 8px;
	padding-left: 5px;
	padding-right: 5px;
}
.boite_pied_g {
	height: 3px;
	width: 100%; 
	background: url("../img/boite/boite_bas_gauche.gif") no-repeat left;
}
.boite_pied_c {
	height: 3px;
	width: 100%; 
	background-image: url("../img/boite/boite_bas_corps.gif");
}
.boite_pied_d {
	height: 3px;
	width: 100%; 
	background: url("../img/boite/boite_bas_droit.gif") no-repeat right;
}
/*____Titre boite____*/
.img_titre { 
	float: left; 
	margin: 3px 5px 0px 5px;
}
.p_titre {
	font-family: Century Gothic, Helvetica, Verdana, Arial,sans-serif;
	font-weight: bold;
	font-size: 15px;
	color: #880000;
	margin-top: 3px;
}


/*____Boite modale____*/
.modal {
	padding-bottom: 10px;
	margin-left: -140px;
	top: 30%;
	left: 50%;
	width: 280px;
	display: none; 
	position: fixed; 
	z-index: 5001;   
	background-color: #FFFFCC;  
	border: 2px solid Black;
	text-align: center;
}
.modal div { text-align: center; }
.mess_modal { padding: 10px 3px; }
.modal_titre {
	height: 20px;
	margin-top: 0px;   
	padding-left: 5px;
	padding-top: 2px;
	background-color: #8B98C9;
	border-bottom: 1px solid Black;
	font-weight: bold;  
	text-align: left; 
}
.create_modal {
	left: 0px;
	top: 0px;
	height: 100%;
	width: 100%;
	display: none;
	position: fixed;
	z-index: 5000;
	background-color: #999999;
	opacity: 0.6;
}


/*____Calendrier (choix de mois/année)____*/
.cal_mois {
	margin: 0px 30px;
	padding: 1px 5px 2px 5px;
	border: 1px solid #606090;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
}
.cal_mois_inactif {
	margin: 0px 30px;
	padding: 1px 5px 2px 5px;
	background-color: #BBBBBB;
	border: 1px solid #606090;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
}
.cal_mois:hover { background-color: #FFD7D7; }


/*____Actus____*/
.div_actu {
	width: 97%;
	padding: 3px 2px 5px 15px;
	background: url("../img/puce.gif") no-repeat 0px 2px;
	border-bottom: 1px solid #5566FF;
}


/*____Tableaux____*/
.tableau_bouton {
	margin: 0px 2px;
	padding: 3px 3px; 
	background: #F0FAF2; 
	border: 1px solid #072A66; 
	cursor: pointer;
}
.tableau_bouton_2 {
	margin: 0px 2px;
	padding: 3px 3px; 
	background: #FFC9A5; 
	border: 1px solid #072A66; 
	cursor: pointer;
}