body
{
	padding				: 0;
	background-image	: url(/images/bg4.jpg);
	background-repeat	: repeat-x;
	background-color	: #0094FF;
	margin-top			: 10px;
	font-family			: arial;
	font-size			: 12px;
}

p
{
	margin-top		: 2px;
	margin-bottom	: 2px;
	padding			: 0;
}

form
{
	padding	: 0;
	margin	: 0;
	text-align: left;
}

span.clear, div.clear
{
	clear		: both;
	display		: block;
	font-size	: 1px;
	height		: 1px;
}

h1.titre-1
{
	text-align	: center;
}

a img
{
	border	: none;
}

a:link, a:visited, a:active
{
	color	: #00872F;
}
a:hover
{
	text-decoration	: underline;
}



a:link.doc
{
	color			: #004C83;
	text-decoration	: underline;
	font-weight		: normal;
}

a:visited.doc
{
	color			: #575757;
	text-decoration	: none;
	font-weight		: normal;
}

a:hover.doc
{
	color			: #004C83;
	text-decoration	: underline;
	font-weight		: bold;
}


a:link.foot, a:visited.foot
{
	color			: #008631;
	text-decoration	: underline;
	font-weight		: normal;
}
a:hover.foot
{
	color			: #008631;
	text-decoration	: none;
	font-weight		: normal;
	font-style		: italic;
}

a:link.ai, a:visited.ai, a:hover.ai
{
	color			: #D20000;
	text-decoration	: underline;
	font-weight		: normal;
	font-style		: italic;
}

#header_transpa
{
	background-image	: url(../images/header_transpa.gif);
	width				: 100%;
	height				: 20px;
	margin				: 0px;
	padding-top			: 0px;
}

#logo {
	float			: left;
	display			: block;
	margin			: 0;
	padding			: 0;
}


table.contenu
{
	border-spacing		: 0px;
	border-collapse		: collapse;
	border				: 0px solid #FFF;
	padding				: 0px;
	margin				: 0px;
	width				: 100%;
}
table.contenu td {
	vertical-align		: top;
	background-color	: #FFF;
}
table.contenu td.col2 {
	width				: 1px;
	background		: url(/images/background/fond1.png) repeat-x top left #eeeeee;
}

#conteneur {
	width			: 900px;
	margin			: 0 auto;
	position		: relative;
}

table.contenu td.col1, #contenu {
	width				: 700px;
	overflow			: hidden;
	background-color	: #FFF;
}

div.centrer
{
	width			: 90%;
	margin			: 0 auto;
}


#menu-droit
{
/*
	float				: right;
*/
/*
	width				: 200px;
*/
/*
	background-color	: #FFF;
	overflow			: auto;
*/
}

#menu-droit #date
{
	color		: #FF7810;
	font-size	: 90%;
	text-align	: center;
}

#menu-droit ul
{
	margin			: 0px;
	padding			: 0px;
	width			: 180px;
	margin-left		: auto;
	margin-right	: auto;
	list-style		: none;
}

#menu-droit h2
{
	background-image	: url(../images/ff.jpg);
	background-repeat	: no-repeat;
	background-position	: left center;
	color				: #0061A5;
	font-weight			: bold;
	padding				: 0px 0px 0px 17px;
	margin				: 10px 0px 0px 0px;
	font-size			: 100%;
}

#menu-droit li.en-ligne img
{
	vertical-align	: middle;
	display			: inline;
}
#menu-droit li.en-ligne span
{
	font-size	: 90%;
	color		: #3C3C3C;
}
#menu-droit li.nous-contacter
{
	color			: #008A31;
	font-weight		: bold;
	margin-bottom	: 10px;
}
#menu-droit li.nous-contacter img
{
	vertical-align	: middle;
	display			: inline;
}


ul.menu-links {
	margin				: 0;
	padding				: 0;
}
ul.menu-links li {
	margin				: 0;
	padding				: 0;
}
ul.menu-links li a:link,
ul.menu-links li a:visited,
ul.menu-links li a:active {
	display				: block;
	text-decoration		: none;
	width				: 100%
}
ul.menu-links li a:hover {
	font-weight			: bold;
	border-top			: 1px solid #666;
	border-bottom		: 1px solid #666;
	padding				: .2em 0 .2em 0;
/*
	font-size			: 1.1em;
*/
}




#footer_transpa
{
	background-image	: url(../images/bottom_transpa.gif);
	width				: 100%;
	margin-top			: 1px;
	padding-top			: 0px;
	font-size			: 90%;
	height				: 20px;
}
#footer_transpa ul
{
	list-style	: none;
	padding		: 0px;
	margin		: 0px;
	padding-top	: 3px;
}
#footer_transpa ul li
{
	float		: left;
	margin-left	: 10px;
	padding		: 0;
}

.liste-evenements
{
	background-color	: #DDD;
	border				: 1px solid #FFF;
}

div.box {
	width				: 500px;
	margin				: 0 auto;
}
div.box div.titre {
	background-image	: url(/images/right_head.gif); 
	background-position	: right;
	background-repeat	: repeat-x;
	color				: #FFF;
	font-weight			: bold;
	line-height			: normal;
	height				: 26px;
}
div.box div.titre img {
/*
	vertical-align	: middle;
*/
	display			: block;
	float			: left;
}
div.box div.titre span {
	margin-top		: 6px;
	height			: 20px;
	display			: block;
	float			: left;
}
div.box .bas {
	background-image	: url(/images/fd_actualites3.gif);
	background-repeat	: no-repeat;
	height				: 25px;
}
div.box ul, .liste-evenements ul {
	list-style-image	: url(/images/fleche_orange.gif);
	font-family			: verdana;
	font-size			: 95%;
	color				: #707070;
	margin				: 10px;
	padding				: 0;
	border-left			: 1px solid #dcdcdc;
	border-right		: 1px solid #dcdcdc;
	list-style-position	: inside;
}
div.box ul {
	width				: 498px;
	margin				: 0;
}
div.box li, .liste-evenements li {
	padding		: 0;
	margin-left	: 10px;
}
div.box .date, .liste-evenements .date {
	font-weight	: bold;
}


ul.liste-categories-principales
{
	list-style-image	: url(../images/puce.jpg);
	margin				: 0 0 0 20px;
	padding				: 0;
}

ul.liste-categories-principales h1.categorie-titre-principal
{
	font-size			: 110%;
	margin				: 0;
	padding				: 0;
	display				: inline;
	color				: #00508B;
}


.liste-categories
{
	list-style-image	: none;
	list-style-type		: none;
	margin				: 10px 0 0 20px;
	padding				: 0;
}
.liste-categories h1.categorie-titre
{
	display			: inline;
	font-size		: 100%;
	color			: #0063A7;
}


ul.liste-documents
{
	margin				: 0;
	padding				: 0;
	list-style-image	: url(../images/puce_document.jpg);
	list-style-position	: outside;
	margin-left			: 15px;
}
ul.liste-documents .date-document
{
	font-size	: 90%;
}
ul.liste-documents li
{
	margin-top			: 3px;
}
span.titre-document
{
	font-size	: 100%;
	font-weight	: bold;
	color		: #444;
}


div.definition-fichier
{
	border-bottom	: 1px solid #abd9bb;
	margin	: 3px 0;
	padding	: 2px 5px;
	font-size	: .95em;
}
dl.definition-fichier
{
	margin	: 0;
	padding	: 0;
}
dl.definition-fichier dt
{
	margin	: 0px;
	padding	: 0px;
	float	: left;
	color	: #1C4BA5;
	clear	: left;
	width	: 12ex;
	background-color	: #F5F5F5;
}
dl.definition-fichier dd
{
	margin	: 0 0 0 5px;
	padding	: 0px;
	float	: left;
}











div.calendrier
{
	background-color	: #FFF;
	width				: 20em;
/*
	position			: absolute;
	top					: 0px;
	left				: 0px;
*/
}
div.calendrier img {
	cursor		: pointer;
}
div.calendrier table
{
	border				: 1px solid #666;
	text-align			: right;
	border-spacing		: 0px;
	border-collapse		: collapse;
	color				: #666;
	width				: 100%;
}
div.calendrier div.fermer
{
	text-align		: left;
	cursor			: pointer;
	float			: left;
	margin-right	: 4px;
}
div.calendrier div.fermer img
{
	margin-top		: 2px;
}
div.calendrier div.mois
{
	float		: left;
	margin-top	: 2px;
}
div.calendrier div.annee
{
	float		: right;
	margin-top	: 2px;
}

div.calendrier div.mois *
{
	float		: left;
}
div.calendrier div.mois div
{
	width		: 14ex;
	text-align	: center;
}
div.calendrier div.mois img
{
	margin-top	: 4px;
}

div.calendrier div.annee *
{
	float		: left;
}
div.calendrier div.annee div
{
	width		: 7ex;
	text-align	: center;
}
div.calendrier div.annee img
{
	margin-top	: 4px;
}

div.calendrier .header-jour
{
	background-color	: #B4E1FA;
}
div.calendrier .header-jour th
{
	padding-left	: 1px;
	padding-right	: 1px;
	text-align		: center;
}
div.calendrier span
{
	margin-left		: 4px;
	margin-right	: 4px;
}
div.calendrier td
{
/*
	padding-right	: 5px;
*/
}
div.calendrier .autre-mois
{
	color	: #E2E2E2;
}
div.calendrier .jour-mois
{
	cursor	: pointer;
}
div.calendrier .jour-selectionne
{
	background-color	: #B4E1FA;
}
div.calendrier .jour-mois-hover
{
	background-color	: #37B4FA;
}
img.calendrier-icone
{
	margin-left	: 2px;
	border		: 1px solid #CCC;
	cursor		: pointer;
}
div.calendrier .jour-mois-evenement
{
	background-color	: #DDD;
	font-weight			: bold;
	text-decoration		: underline;
	color				: #EE0000;
}


table.liste-cotisations
{
	border-spacing	: 0px;
	border-collapse	: collapse;
	margin-left		: auto;
	margin-right	: auto;
	border			: 2px solid #666;
	width			: 250px;
}
table.liste-cotisations th
{
	border-top		: 1px solid #666;
	border-bottom	: 1px solid #666;
	padding			: 3px 5px
}
table.liste-cotisations td
{
	padding			: 3px 1px;
	text-align		: center;
}
td.reglee
{
	color	: #338833;
}
td.non-reglee
{
	color	: #AA3333;
}


.liste-temps-partiels
{
	margin	: 0 0 5px 0;
}
.liste-temps-partiels li
{
	display		: inline;
	margin-left	: 10px;
}

div#zone-calendrier div.calendrier {
	width				: 175px;
}


/*
table.liste-adherents
{
	border			: 1px solid #000;
	margin			: 10px;
	border-collapse	: collapse;
	margin-left		: auto;
	margin-right	: auto;
}
table.liste-adherents td
{
	border-top		: 1px dotted #000;
	padding			: 2px 5px 2px 5px;
}
table.liste-adherents td.acces
{
	font-size	: 90%;
	color		: #333;
}
*/


table.liste-adherents
{
	border				: 1px solid #999999;
	margin				: 10px;
	border-collapse		: collapse;
	margin				: 0 auto;
	text-align			: center;
}
table.liste-adherents th {
	background-color	: #F5F5F5;
	border				: 1px solid #999999;
}
table.liste-adherents th.tete {
	background-color	: #F0F0F9;
	border-bottom		: 1px solid #999999;
	color				: #000066;
}
table.liste-adherents td {
	border				: 1px solid #CCCCCC;
	padding				: 2px 5px;
}
table.liste-adherents td.acces {
	font-size			: 90%;
	color				: #333;
	width				: 15em;
}
table.liste-adherents td.autre {
	font-size			: 90%;
	color				: #333;
	width				: 30em;
	white-space			: nowrap;
}
table.liste-adherents td.cotisation {
	width				: 15em;
}
table.liste-adherents td.col1 {
	background-color	: #F5F5F5;
}
table.liste-adherents td.col2 {
	background-color	: #F9F9F9;
}
table.liste-adherents tr:hover td {
	background-color	: #DFDFDF;
}
table.liste-adherents tr:hover td:hover {
	background-color	: #CCCCCC;
}
table.liste-adherents a {
	text-decoration		: none;
}
table.liste-adherents a {
	color				: #333333;
}
table.liste-adherents a:hover {
	font-weight			: bold;
	color				: #000000;
}


table.liste
{
	border				: 1px solid #999999;
	margin				: 10px;
	border-collapse		: collapse;
	margin				: 0 auto;
	text-align			: center;
}
table.liste th {
	background-color	: #F5F5F5;
	border				: 1px solid #999999;
}
table.liste th.tete {
	background-color	: #F0F0F9;
	border-bottom		: 1px solid #999999;
	color				: #000066;
}
table.liste td {
	border				: 1px solid #CCCCCC;
	padding				: 2px 5px;
}
table.liste td.col1 {
	background-color	: #F5F5F5;
}
table.liste td.col2 {
	background-color	: #F9F9F9;
}
table.liste tr:hover td {
	background-color	: #DFDFDF;
}
table.liste tr:hover td:hover {
	background-color	: #CCCCCC;
}
table.liste a:link, table.liste a:active, table.liste a:visited {
	text-decoration		: none;
	color				: #181866;
}
table.liste a:hover {
	font-weight			: bold;
	color				: #2727a3;
}

form span.infos-input
{
	display				: block;
	color				: #666;
	font-size			: .8em;
}
form.form-inscription span.clear
{
	margin-bottom		: .5em;
}


div.content {
	margin				: 1em;
	border				: 1px solid #387ca3;
	padding-bottom		: 1.5em;
}
div.content h1 {
	background-color	: #387ca3;
	font-size			: 1.5em;
	text-align			: center;
	color				: #EEE;
	margin				: 0;
	margin-bottom		: .5em;
	padding				: .2em 0;
}
div.content h1.sans-marge {
	margin-bottom		: 0;
}

div.content h2 {
	font-size			: 1.3em;
	margin				: .5em;
}
div.content table.default {
	margin				: 0 auto;
	width				: 100%;
	border-left			: none;
	border-right		: none;
}




ul.actions {
	margin				: 0;
	padding				: 0;
	list-style			: none;
	clear				: both;
	height				: 2.5em;
}
ul.actions li {
	float				: left;
	border				: 1px solid #999999;
	font-size			: 1em;
	padding				: .1em .5em;
	margin-left			: .5em;
	background-color	: #E0E0E0;
	border-top			: none;
	font-weight			: bold;
}
ul.actions li:hover {
	background-color	: #F0F0F0;
}
ul.actions li a {
	display				: block;
	text-decoration		: none;
	color				: #333333;
	width				: 100%;
}
ul.actions li a:hover {
	padding-top			: .5em;
}
ul.actions li.move {
	background-color	: #70ff70;
}
ul.actions li.move:hover {
	background-color	: #b0ffb0;
}

ul.actions li.supprimer {
	background-color	: #cc0000;
	border-color		: #cc6600;
}
ul.actions li.supprimer a {
	color				: #FFF;
}
ul.actions li.supprimer:hover {
	background-color	: #ff0000;
}

ul.actions li.cancel-filtre {
	background-color	: #EE6600;
	border-color		: #CC6600;
}
ul.actions li.cancel-filtre a {
	color				: #EEEEEE;
}
ul.actions li.cancel-filtre:hover a {
	color				: #FFFFFF;
}
ul.actions li.cancel-filtre:hover {
	background-color	: #FFAA00;
}
ul.actions li.selected {
	background-color	: #EE6600;
}




table.default {
	border			: 1px solid #666;
	border-collapse	: collapse;
	text-align		: center;
}
table.default th {
	background-color	: #DDDDDD;
}
table.default td {
	padding			: .2em 1em;
	border-top		: 1px dotted #000;
	border-left		: 0px solid #dcdcdc;
	border-right	: 0px solid #dcdcdc;
}
table.default th.col1,
table.default td.col1 {
	background-color	: #F5F5F5;
}
table.default th.col2,
table.default td.col2 {
	background-color	: #F9F9F9;
}
table.default tbody tr:hover,
table.default tbody tr:hover td {
	background-color	: #EEE;
}


ul.sondage ul.reponses
{
	list-style	: none;
}
ul.sondage label
{
	float	: none;
}

div.resultats ul.reponses li
{
}
div.resultats ul.reponses li div
{
	border				: 1px solid #000;
}


div.login {
	margin				: 0 auto;
	width				: 90%;
}
div.login form fieldset {
	padding				: 1em;
}
div.login form fieldset input.bouton {
	float			: left;
}


div.essaimage input.checkbox {
	float			: left;
}

div.essaimage input {
	margin			: 0;
	padding			: 0;
	float			: none;
}

div.essaimage label, div.essaimage select.select {
	float			: none;
}
div.essaimage p {
	margin-top			: 5px;
}
div.essaimage ul li {
	margin-top			: 2px;
}


p.action {
	text-align			: center;
	margin				: 0 0 1em 0;
/*
	padding				: 1px;
*/
}

p.telecharger-cv {
	margin-top			: 1em;
}


div.adresse {
	padding				: 1em;
	background-color	: #FAFAFA;
	margin-bottom		: 1em;
}

div.piece-jointe {
	margin	: 1em;
}


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

ul.offres li {
	border				: 1px solid #387ca3;
	border-bottom-width	: 3px;
	margin				: 1.5em 1em;
	padding				: .5em;
	background-color	: #dde6eb;
	color				: #000;
}

ul.offres li div.infos {
	float				: left;
}

ul.offres li h3 {
	font-weight			: bold;
	margin				: 0;
	padding				: 0;
}

ul.offres div.dates-pdf {
	float				: right;
	background-color	: #FFF;
	height				: 30px;
}

ul.offres li p {
	text-align			: justify;
}

ul.offres li span.dates {
	display				: block;
	width				: 5em;
	float				: left;
	padding				: 2px;
	height				: 40px;
	font-size			: .9em;
	font-weight			: bold;
	color				: #333;
}

ul.offres a.lien-pdf {
	display				: block;
	float				: left;
	width				: 30px;
	height				: 30px;
}




div.graph-ages {
	position		: relative;
	width			: 600px;
/*
	height			: 250px;
*/
	margin			: 0 auto;
}
div.graph-ages img {
	position		: relative;
	width			: 600px;
	clear			: both;
/*
	height			: 250px;
*/
}

div#contacts-globaux h3,
div#contacts-selectifs h3 {
	display				: none;
	margin				: 0;
	font-size			: 1em;
}
div#contacts-globaux span {
	display				: block;
}
div#contacts-selectifs span {
	display				: block;
	width				: 33%;
	float				: left;
}

div#popup-recipients {
	background-color	: #00508B;
	position			: absolute;
	left				: 0;
	top					: 0;
	border				: 5px double #EEE;
	overflow			: hidden;
	width				: 50em;
	height				: 40em;
	z-index				: 1000;
}

div#bar-popup {
	height				: 30px;
	background-color	: #FAFAFA;
	font-size			: 12px;
}
div#bar-popup h2 {
	padding				: 0;
	margin				: 0;
	float				: left;
	font-size			: 1.2em;
}

div#popup-recipients a.close-popup-button:link,
div#popup-recipients a.close-popup-button:active,
div#popup-recipients a.close-popup-button:visited {
	display				: block;
	float				: right;
	background-color	: #EEEEEE;
	color				: #666666;
	border				: 1px solid #000;
	text-decoration		: none;
	padding				: .2em .5em;
	margin				: .2em;
}
div#popup-recipients a.close-popup-button:hover {
	color				: #000000;
	font-weight			: bold;
}

div#popup-recipients .animation {
	position			: absolute;
	display				: block;
	top					: 50%;
	margin-top			: -40px;
	border-top			: 2px solid #EEE;
	border-bottom		: 2px solid #EEE;
	background-image	: url(/images/autres/loading.gif);
	background-position	: center center;
	background-repeat	: no-repeat;
	background-color	: #FFF;
	width				: 100%;
	height				: 80px;
}

div#recipients {
	overflow			: auto;
	clear				: both;
	padding-top			: 10px;
	width				: 100%;
}

div#popup-recipients .recipients {
	border-top			: 2px solid #EEE;
	border-bottom		: 2px solid #EEE;
	background-color	: #FFFFFF;
	clear				: both;
/*
	margin				: 1em;
*/
	padding				: 0 .5em;
	margin-bottom		: 2em;
}

div#popup-recipients .recipients div {
	float				: left;
	width				: 30%;
	height				: 1.5em;
	white-space			: nowrap;
}
div#popup-recipients .recipients div.head {
	height				: 1.5em;
	border-bottom		: 2px solid #EEE;
/*
	font-size			: .9em;
*/
	clear				: both;
	float				: none;
	width				: 100%;
}
div#popup-recipients .recipients h2 {
	font-size			: 1.1em;
	margin				: 0;
	padding				: 0;
	float				: left;
}
div#popup-recipients .recipients span.tout-aucun {
	font-size			: .9em;
	display				: block;
	float				: right;
}
div#popup-recipients .recipients h2 a:link,
div#popup-recipients .recipients h2 a:active,
div#popup-recipients .recipients h2 a:hover,
div#popup-recipients .recipients h2 a:visited {
	text-decoration		: none;
}
div#popup-recipients .recipients div:hover {
	background-color	: #E0E0FF;
}
div#popup-recipients .recipients label,
div#popup-recipients .recipients input {
	float			: left;
	padding			: 0;
	margin			: 0;
}
div#popup-recipients .recipients label {
	padding-top		: .2em;
	padding-left	: .2em;
	font-size		: .9em;
}
div#popup-recipients .recipients input {
/*
	padding-top		: .2em;
*/
}



table#config-profil td.checkbox {
	white-space		: nowrap;
}
table#config-profil tr.head {
	font-weight			: bold;
}
table#config-profil tr.head td {
	background-color	: #DDDDDD;
/*
	border				: 1px dashed #000;
*/
}




p.last-update {
	padding				: .3em 1em;
	margin				: .5em 0;
	background-color	: #EAEAEA;
	font-size			: .9em;
	font-weight			: bold;
	border-top			: 1px solid #EEEEEE;
	border-bottom		: 1px solid #DDDDDD;
}


ul.adherents li a:link,
ul.adherents li a:active,
ul.adherents li a:visited {
	text-decoration		: none;
	font-size			: .9em;
}
ul.adherents li a:hover {
	font-size			: 1em;
	font-weight			: bold;
}

ul.adherent {
/*
	float				: left;
*/
	margin				: 0;
	list-style-position	: inside;
	padding				: 0;
}
ul.adherent li {
	display				: block;
}
ul.adherent li address {
	font-size			: .9em;
}
ul.adherent li.l1 {
	background-color	: #EFEFEF;
}
ul.adherent li.l2 {
	background-color	: #FEFEFE;
}
ul.adherent li span.label,
ul.adherent li span.info,
ul.adherent li address {
	display				: block;
	float				: left;
	padding				: .3em;
}
ul.adherent li.address span.label,
ul.adherent li.address span.info,
ul.adherent li.address address {
	height				: 3em;
}
ul.adherent li span.label {
	width				: 12em;
	background-color	: #DDDDFF;
}