@charset "utf-8";
/*
	*zoom:1;			/* IE7 double colonne */
*/
/*-------------------------------------------------------------------------------------------------100*/
*{
	margin:0;
	padding:0;
	}
body{
	background:url("/images/charte/fondVide2.jpg") repeat scroll 0 0 #FFFFFF;
	background-position:top center;
	font-family:"Lato",sans-serif;
	font-size:14px;
	}
div#page{
	overflow:hidden;		/* Pour empêcher fusion des marges avec le header */
	position:relative;
	width:1000px;
	margin:0 auto 10px auto;
/*	background-image:url(/images/charte/fonfPageVide.png);
	background-repeat:no-repeat;*/
	background-color:#FFFFFF;
	}
/*-------------------------------------------------------------------------------------------------*/
/*-- Enrichissements ------------------------------------------------------------------------------*/
img{
	border-style:none;
	border-width:0;
	}
a{
	text-decoration:none;
	}
p{
	margin-top:5px;
	margin-bottom:5px;
	}
td{
	vertical-align:top;
	}
span.note{
	font-size:11px;
	}
/*-------------------------------------------------------------------------------------------------*/
div#header{
	width:100%;
	height:220px;
	margin:0 0 0 0;
	background-image:url(/images/charte/bgHeader.png);
	background-repeat:no-repeat;
	}
div#header img#bandeau{
	margin:0 0 0 300px;
	}
/*-------------------------------------------------------------------------------------------------*/
div#menu{
	margin:13px 0 0 300px;
	}
div#menu ul{
    width:100%;
	}
div#menu li{
	float:left;
	list-style-type:none;
	border-left:1px solid #808080;
	}
div#menu li.first{
	margin-left:0px;
	border:none;
	}
div#menu li a{
    display:block;
    height:16px;
	margin:0 6px 0 5px;
    color:#404040;
    font-size:15px;
    font-weight:bold;
    line-height:16px;
    position:relative;
    text-align:center;
	padding-bottom:2px;
	}
div#menu li.first a{
	margin-left:0;
	}
div#menu li.selected a{
    color:#808080;
	}
div#menu li a:hover{
    color:#808080;
	}
/*-------------------------------------------------------------------------------------------------*/
div#contenu{
	margin:0 0 10px 0;
	width:100%;
	min-height:400px;
	}
div#contenu h1{
    color:#c10075;
    font-size:1.3em;
    font-weight:bold;
	}
div#contenu li{
	margin-left:20px;
	}
div#contenu .important{
	background-color:#FFFF00;
	border:2px solid #FF0000;
	color:#FF0000;
	margin:15px 5px 5px 5px;
	padding:5px;
	text-align:center;
	font-size:1.2em;
	}
/*-------------------------------------------------------------------------------------------------*/
div#contenu div.colonne2-1{
	display:inline-block;
	*zoom:1;
	*display:inline;
	vertical-align:top;
	width:45%;
	margin:0 0 0 3%;
	padding:0 0 10px 0;
	}
div#contenu div.colonne2-2{
	display:inline-block;
	*zoom:1;
	*display:inline;
	vertical-align:top;
	width:45%;
	margin:0 0 0 3%;
	padding:0 0 10px 0;
	}
/*-------------------------------------------------------------------------------------------------*/
div#contenu div.explications{
	margin:20px 30px 0 30px;
	}
div#contenu div.message{
	margin: 20px 60px 20px 60px;
	}
div#contenu div.message p{
	font-size:1.2em;
	}
div#contenu div.message p.messageErreur{
	color:#FF0000;
	font-size:1.2em;
	}
div#contenu div.lienRetour{
	margin: 20px 60px 0 60px;
	}
div#contenu div.lienRetour a{
	color:#404040;
	}
div#contenu div.lienRetour a:hover{
	text-decoration:underline;
	color:#808080;
	}
/*-------------------------------------------------------------------------------------------------*/
/*
div#contenu div#colonne3-1{
	display:inline-block;
	*zoom:1;
	*display:inline;
	vertical-align:top;
	width:26%;
	margin:0 0 0 0;
	padding:0 2px 10px 2px;
	background-color:rgba(255,255,255,0.7);
	}
div#contenu div#colonne3-2{
	display:inline-block;
	*zoom:1;
	*display:inline;
	vertical-align:top;
	width:34%;
	margin:0 0 0 3%;
	padding:0 2px 10px 2px;
	background-color:rgba(255,255,255,0.7);
	}
div#contenu div#colonne3-3{
	display:inline-block;
	*zoom:1;
	*display:inline;
	vertical-align:top;
	width:34%;
	margin:0 0 0 1%;
	padding:0 2px 10px 2px;
	background-color:rgba(255,255,255,0.7);
	}
div#contenu div#colonne3-23{
	display:inline-block;
	*zoom:1;
	*display:inline;
	vertical-align:top;
	width:71%;
	margin:0 0 0 1%;
	padding:0 2px 10px 2px;
	background-color:rgba(255,255,255,0.7);
	}
*/
/*
div#contenu h1{
	font-size:1.3em;
    font-weight:bold;
	color:#C10075;
	}
div#contenu h2{
	font-size:1.3em;
    font-weight:bold;
	color:#C10075;
	}
div#contenu h3{
	font-size:1.1em;
    font-weight:bold;
	color:#7840C9;
	}
div#contenu img{
	vertical-align:bottom;
	}
div#contenu .centpourcent img{
	margin-top:10px;
	width:100%;
	}
div#contenu td{
	padding:4px 4px 4px 4px;
	}
div#contenu td p{
	margin:0;
	}
div#contenu div#blocChapeau{
	width:96%;
	margin:0 0 20px 2%;
	padding:10px 0 0 0;
	color:#A5145B;
  	}
div#contenu div#blocChapeau h1{
	font-size:1.8em;
    font-weight:bold;
	}
div#contenu div#blocChapeau p{
	}
*/
/*-------------------------------------------------------------------------------------------------*/
div#footer{
	border-top:1px solid #000000;
  	margin:20px auto 20px auto;
	padding:0;
/*	width:100%;*/
	width:1000px;
	height:20px;
	text-align:right;
	}
div#footer-inner{
	width:960px;
	margin:0 auto 0 auto;
	color:#FFFFFF;
	}
div#footer a{
	color:#000000;
	text-decoration:none;
	margin-top:5px;
	}
/*-------------------------------------------------------------------------------------------------*/
/*-- Pages spécifiques ----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/
body.login div#contenu div.colonneGauche{
	display:inline-block;
	vertical-align:top;
	width:45%;
	margin:0 0 0 3%;
	padding:0 0 10px 0;
	}
body.login div#contenu div.colonneDroite{
	display:inline-block;
	vertical-align:top;
	width:45%;
	margin:0 0 0 3%;
	padding:0 0 10px 0;
	}
body.login form label{
    float:left;
	display:block;
/*    clear:left;*/
	width:140px;
	font-size:1.0em;
	line-height:1.5em;
	}
body.login form input{
	display:block;
	width:250px;
	font-size:1.0em;
	}
/*-------------------------------------------------------------------------------------------------*/
body.creationCompte div.formulaire{
	margin:20px 30px 0 30px;
	}
body.creationCompte form{
	margin-left:30px;
	}
body.creationCompte form p{
	margin-top:10px;
	}
body.creationCompte form p span.info{
	font-size:0.8em;
	}
body.creationCompte form label{
    float:left;
	display:block;
	width:200px;
	font-size:1.0em;
	line-height:1.5em;
	}
body.creationCompte form input{
	display:block;
	width:250px;
	font-size:1.0em;
	}
body.creationCompte form input[readonly="readonly"] {
    background-color: #e0e0e0;
	}
/*-------------------------------------------------------------------------------------------------*/
body.accueil h4{
	margin:15px 0 0 0;
	font-size:15px;
    color:#c10075;
	}
body.accueil p.liens{
	margin:5px 0 0 40px;
	}
body.accueil p.liens a{
	color:#404040;
   	}
body.accueil p.liens a:hover{
	text-decoration:underline;
	color:#808080;
	}
body.accueil p.inscriptions{
	margin:10px 0 0 40px;
	}
body.accueil p.inscriptions span.activite{
	line-height:1.5em;
	font-weight:bold;
	}
body.accueil p.inscriptions a{
	color:#404040;
   	}
body.accueil p.inscriptions a:hover{
	text-decoration:underline;
	color:#808080;
	}
body.accueil div.totalARegler{
	text-align:right;
	margin-right:50px;
	}
/*-------------------------------------------------------------------------------------------------*/
body.accueil table{
	}
body.accueil table tr{
	background-color:#E0E0E0;
	}
body.accueil table tr.adherent{
	background-color:#E0E0FF;
	}
body.accueil table td{
	padding:5px 5px 5px 5px;
	}
body.accueil table td.adherent{
	font-weight:bold;
	}
body.accueil table td.activite{
	padding-left:15px;
	}
body.accueil table td.tarif{
	text-align:right;
	width:60px;
	}
body.accueil table td.center{
	text-align:center;
	width:60px;
	}
body.accueil table td.white{
	background-color:#FFFFFF;
	}
body.accueil td a{
	color:#404040;
   	}
body.accueil table td.clicable{
	background-color:#80FF80;
	text-align:center;
	border:1px solid #707070;
	border-radius:6px;
	}
body.accueil table td.clicable.suppression{
	background-color:#FFFFFF;
	}
body.accueil td input.pasBouton{
	font-family:"Lato",sans-serif;
	font-size:14px;
	border:none;
	padding:0;
	margin:0;
	color: #404040;
	background-color:inherit;
   	}
body.accueil td input.pasBouton:hover{
	cursor:pointer;
	}
body.accueil a.conditions{
	font-size:1.2em;
	font-weight:bold;
	color:#FF0000;
	}
body.accueil a.conditions:hover{
	text-decoration:underline;
	}
/*-------------------------------------------------------------------------------------------------*/
/*
body.catalogue p.creneaux{
	margin:5px 0 0 40px;
	}
body.catalogue p.creneaux a{
	color:#404040;
   	}
body.catalogue p.creneaux a:hover{
	text-decoration:underline;
	color:#808080;
	}
body.catalogue p.ligneCreneau{
	margin:5px 0 0 40px;
	}
*/
body.catalogue table{
	}
body.catalogue table tr{
	background-color:#E0E0E0;
	}
body.catalogue table tr.activite{
	background-color:#E0E0FF;
	}
body.catalogue table td{
	padding:5px 5px 5px 5px;
	}
body.catalogue table td.activite{
	font-weight:bold;
	}
body.catalogue table td.creneau{
	padding-left:15px;
	}
body.catalogue table td.tarif{
	text-align:right;
	width:60px;
	}
body.catalogue table td.center{
	text-align:center;
	}
body.catalogue table td.white{
	background-color:#FFFFFF;
	}
body.catalogue td a{
	color:#404040;
   	}
body.catalogue td input.pasBouton{
	font-family:"Lato",sans-serif;
	font-size:14px;
	border:none;
	padding:0;
	margin:0;
	color: #404040;
	background-color:inherit;
   	}
/*-------------------------------------------------------------------------------------------------*/
/*
body.contact p.nota{
	font-size:0.9em;
	}
body.contact form{
	margin-top:15px;
	}
body.contact form p{
	margin:5px 0 10px 0;
	padding:0;
	}
body.contact form label{
    float:left;
	display:block;
    clear:left;
	width:80px;
	float:left;
	}
body.contact form input{
	width:250px;
	font-size:1.0em;
	}
body.contact form input.check{
	width:20px;
	margin-right:1px;
	margin-left:5px;
	}
body.contact form textarea{
	width:250px;
	font-size:1.0em;
	}
*/
/*-- End ------------------------------------------------------------------------------------------*/