/* *** ####################################### *** */

/* *** couleurs *** */
/* #071955; /*Bleu foncé*/ 
/* #61719c; /*Bleu sous-foncé*/

/* #163783; /*Bleu roi*/
/* #8196c4; /*Bleu sous-roi*/

/* #709dc8; /*Bleu gris*/
/* #a3c1de; /*Bleu gris clair*/

/* #bedaf1; /*Bleu clair*/
/* #e0effb; /*Bleu sous-clair*/

/* #fe5603; /*Orange*/
/* #ec804b; /*Orange clair*/

/* #333333; /*Gris foncé (texte)*/
/* #eeeded; /*Gris clair (fond body)*/

@import url(generiques.css);
@import url(menu.css);

body
{
	color:#333; /*Gris foncé (texte)*/
	background-color:#eeeded; /*Gris clair (fond body)*/
}

#beta{
	width:116px;
	height:116px;
	background:transparent url(../images/beta.gif) no-repeat 0 0;
	
	position:absolute;
	top:0;
	left:0;
}

#container
{
	text-align:left;
	width:1000px;
	margin:0 auto;
	font-size:1.3em;
	line-height:1.4em;
	background:#fff url(../images/BG-container.png) repeat-y top left;
}


/* ###########################################################
		HEADER FOOTER
########################################################### */

#header
{
	margin:0px;
	background:transparent url(../images/BG-header.png) no-repeat top left;
	height:164px;
}
#header h1, #header div#h1
{
	float:left;
	width:284px;
	overflow:hidden;
	padding:27px 0 0 5px;
}

#header div#h1 span{position:absolute;left:-20000px;}


#header #connexion{
	width:400px;
	margin:34px 15px 0 0px;
	float:right;
	font-weight:bold;
	text-align:right;
	position:relative;
}
#header #connexion a{text-decoration:none;}
#header #connexion a:hover{text-decoration:underline;}

#header #boxLogin{
	background-color:#bedaf1; /*Bleu clair*/
	border:1px solid #5F8AB3; /*Bleu +foncé */
	width:228px;
	font-weight:normal;
	font-size:0.9em;
	position:absolute;
	right:0;
}



#footer
{	
	clear:both;
	background:#eeeded /*Gris clair (fond body)*/ url(../images/BG-footer.png) no-repeat top left;
	text-align:center;
	line-height:1.6em;
	padding-top:40px;
}
#footer a{}
/* ###########################################################
		CONTENU
########################################################### */

#centre
{	
	clear:both;
	margin:0 15px;
	padding-top:20px;
	/*min-height:363px;*/
	/*text-align:justify;*/
}

#colGauche
{
	width:645px;
	margin-right:5px;
	float:left;
	display:inline;/* bug IE */
	/*text-align:justify;*/
}

.panneauAffichage #colGauche{width:970px;margin-right:0;}

#colDroite
{
	width:315px;
	margin-left:5px;
	float:left;
	display:inline;/* bug IE */
	overflow:hidden;
}

#colGauche .texteIntro{font-size:1.2em;}
#colGauche .texteNote{font-size:0.9em; margin:20px 20px 0 20px;padding:10px;background-color:#bedaf1; /*Bleu clair*/}
#colGauche .texteNote p{margin-bottom:5px;}
#colGauche .texteNote ul li{list-style-position:inside;list-style-type:inherit;padding-left:5px;margin-bottom:5px;}

/** un bloc sous les colonnes mais dessu le footer */
#colFooter
{
	clear:both;
}
/* ###########################################################
		BLOC MULTIPAGES
########################################################### */
.navResultat
{
	color:#323232; /* gris trés foncé*/
	
	padding:0 4px;
	margin-bottom:8px;
	font-size:1.1em;
}
.navResultat a{color:#323232; /* gris trés foncé*/text-decoration: none;}
.navResultat a:hover{text-decoration: underline;}
.navResultat .selected{border :1px solid #323232; /* gris trés foncé*/;padding:2px 4px 2px 4px;}

/* ###########################################################
		FORMULAIRES
########################################################### */
/***** Page d'inscription **/
form#register{/*border:1px solid #709dc8; /*Bleu gris*/ padding:10px 20px;}
form#form_search{padding:10px;}

form#register fieldset span{margin:0;position:inherit;}

form#register fieldset{border-bottom:3px solid #bedaf1; /*Bleu clair*/}
form#register fieldset.first, form#register fieldset.last{border-bottom:0;}

form#register fieldset legend, form#register fieldset div.legend{color:#709dc8; /*Bleu gris*/ font-weight:bold;font-size:1.1em;padding:10px 0;}

form#register fieldset p, form#register fieldset div.formP {border-bottom:1px solid #bedaf1; /*Bleu clair*/ padding:7px 0; margin:4px 0;}
form#register fieldset.first p, form#register fieldset.last p, form#register fieldset p.last, form#register fieldset div.last{border-bottom:0;}

form#register fieldset label,
form#form_search fieldset label
{
	width:200px;
	text-align:right;
	margin-right:20px;
	font-weight:bold;
}
form#form_search fieldset label{width:140px;}
form#register fieldset label.labelEquipeType
{
	width:auto;
	text-align:left;
	font-weight:bold;
	margin-bottom:10px;
}
form#register fieldset input,
form#form_search fieldset input,
form#register fieldset textarea,
form#form_search fieldset textarea
{width:200px;float:left;}

form#register fieldset textarea#texte_sendMails{
	width:350px;
	height:120px;
}

form#register fieldset#blocCgu input{float:none;}
form#register fieldset select,form#form_search fieldset select{width:200px;float:left;}
form#register fieldset .selectHour select{width:50px;float:left;margin-right:10px;}

form#register fieldset input.checkbox,
form#register fieldset input.radio,
form#register fieldset input.image
{width:auto;height:auto;border:none}

form#register fieldset input.radio{float:none;}

form#register fieldset .groupInputs{margin-left:220px;}
form#register fieldset .groupInputs label{width:auto;}
form#register fieldset .groupInputs label input{margin-right:10px;}
form#register fieldset .groupInputs label input.radio{float:left;}

form#register fieldset input.bouton,
form#register fieldset input.boutonBleu{
	width:119px;
	height:26px;
	border:none;
	cursor:pointer;
}
form#register fieldset input.bouton{
	background:url(../images/bouton.png) no-repeat 0px 0px;
	color:#fff;
	font-weight:bold;
}
form#register fieldset input.boutonBleu{
	background:url(../images/bouton-bleu.png) no-repeat 0px 0px;
	color:#071955; /*Bleu foncé*/ 
	margin:0 5px;
}

form#gestionConvocations input.bouton{
	background:url(../images/bouton.png) no-repeat 0px 0px;
	color:#fff;
	font-weight:bold;
	width:119px;
	height:26px;
	border:none;
	cursor:pointer;
	margin-left:22px;
}

form#form_search fieldset input.bouton{
	margin-top:10px;
	background:url(../images/bouton-grand.png) no-repeat 0px 0px;
	color:#fff;
	font-weight:bold;
	width:192px;
	height:26px;
	border:none;
	cursor:pointer;
}

form#register fieldset span.explicationsChamps{
	font-size:0.8em;
	line-height:1.2em;
	width:165px;
	color:#999;
	float:left;
	display:block;
	margin:3px 0 0 10px;
}

p.birthday select{margin-right:4px;}
form#register fieldset .court{width:100px;}
form#register fieldset .moyen{width:75px;}
form#register fieldset .tresCourt{width:50px;}


form#formValidMineur label{
	width:auto;
	font-weight:bold;
}
form#formValidMineur label input{margin-right:4px;}


form.miniForm{}
form.miniForm fieldset label{
	float:none;
	text-align:left;
	margin:0;	
	font-weight:bold;
	display:block;
	width:auto;
}


/** LES BOUTON GENERIQUES */

.button span{position:absolute;left:-200000px;}

.boutonGros
{
	background:url(../images/bouton-gros.png) no-repeat top left;
	display:block;
	width:234px;
	height:66px;
	padding-left:70px;
	line-height:66px;
	font-size:2em;
	color:#fff;
	text-decoration:none;
}
.boutonGros:hover
{
	background-position:0 -66px;
}
/* ###########################################################
		PAGE ACCUEIL
########################################################### */
.accueil #colGauche{
	background:#fff url(../images/BG-presentation-sportganizer.png) no-repeat top left;
	height:auto !important; /*IE*/
	height:404px;/* IE*/
    min-height: 404px;
	width:625px;
	padding:20px 10px 0 10px;
}
.accueil #colGauche h2{float:left;width:435px;}


#colGauche a#boxGestionEquipe,
#colGauche a#boxPanneauAffichage,
#colGauche a#boxConvocations,
#colGauche a#boxGeolocalisation,
#colFooter a#boxGestionEquipe,
#colFooter a#boxPanneauAffichage,
#colFooter a#boxConvocations,
#colFooter a#boxGeolocalisation
{
	float:left;
	width:139px;
	height:131px;
	position:relative;
	text-decoration:none;
	font-weight:bold;
	margin:20px 8.5px; 
}

#colGauche a .titreBox,
#colFooter a .titreBox{position:absolute;margin:0;top:93px;text-align:center;width:139px;line-height:1.2em;}

/*BOX COACHS, SPORTIFS ET DIRECTEURS*/
.boxAccueil{
	width:315px;
	height:106px;
	margin-bottom:10px;
	text-align:left;
}
.boxAccueil p{width:200px;line-height:1.2em;padding:33px 0 0 10px;}
.boxAccueil#boxCoachs{background:url(../images/BG-box-coachs.png) no-repeat top left;}
.boxAccueil#boxSportifs{background:url(../images/BG-box-sportifs.png) no-repeat top left;}
.boxAccueil#boxDirecteurs{background:url(../images/BG-box-directeurs.png) no-repeat top left;}

/*INSCRIVEZ VOUS*/
#colDroite a.inscrivezVous {margin:0 5.5px;}

/* ###########################################################
		BOXES (hors page accueil)
########################################################### */
.boxes{
	/*border:2px solid #709dc8; /*Bleu gris*/
	/*padding:20px 10px;*/
	margin-bottom:30px;
}

.boxes .informations
{
	margin-left:20px;
	font-size:0.9em;
}

.bloc{
	background:#bedaf1 /*Bleu clair*/ url(../images/BG-contenu-bloc.jpg) no-repeat top left;
	width:615px;
	padding:15px 15px 0 15px;
	clear:both;
	min-height:193px;
}
.blocBottom{
	background:url(../images/BG-bottom-bloc.jpg) no-repeat top left;
	height:13px;
	width:645px;
	margin-bottom:15px;
}

.blocSmall{
	background:#bedaf1 /*Bleu clair*/ url(../images/BG-contenu-bloc-small.jpg) no-repeat top left;
	/*width:304px;*/
	width:274px;
	padding:15px 15px 0 15px;
	clear:both;
	
	height:auto !important;
	height:108px;
	min-height:108px;
}
.blocSmallBottom{
	background:url(../images/BG-bottom-bloc-small.jpg) no-repeat top left;
	height:13px;
	width:645px;
	margin-bottom:15px;
}

.blocNoValid{
	background:#cdcdcd /*Bleu clair*/ url(../images/BG-contenu-bloc-off.jpg) no-repeat top left;
	width:615px;
	padding:15px 15px 0 15px;
	clear:both;
	min-height:193px;
}
.blocNoValidBottom{
	background:url(../images/BG-bottom-bloc-off.jpg) no-repeat top left;
	height:13px;
	width:645px;
	margin-bottom:15px;
}
/* ###########################################################
		TABLES
########################################################### */
table,table tr,table tr td{font-size:1em;margin:0;padding:0}
table{width:585px;margin:0 20px 20px;}
/*table tr{background:#bedaf1;}*/
table tr td, table tr th{padding:2px;}
table tr th{text-align:center;}
table tr td{font-size:0.9em;}


/* NEW */
table thead tr th{background:#061851 url(../images/degrade-titre-tableau.png) repeat-x 0 0;color:#fff}
table tbody tr td{background:#e9f3fd url(../images/degrade-ligne-tableau.png) repeat-x 0 0;}



p.infoSupAccount{
	font-size:0.9em;
	margin-top:3px;
	margin-bottom:6px;
	color:#666;
	font-style:italic;
}

/* ###########################################################
		BOUTONS
########################################################### */
/*Boutons par défaut*/
#colGauche a.boutonDefault,
#colGauche a.boutonDefaultGrand,
#colGauche a.boutonConfirmer,
#colGauche a.boutonRefuser,
#colGauche a.boutonDefaultAjout,
#colGauche a.boutonDefaultImprime,
#colGauche a.boutonDefaultExporte{
	display:block;
	height:26px;
	color:#fff;
	font-weight:bold;
	padding-top:5px;
	text-decoration:none;
	text-align:center;
	margin:10px 10px 0 0;
	float:left;
}
#colGauche a.boutonDefault{
	background:url(../images/bouton.png) no-repeat top left;
	width:119px;
}

#colGauche a.boutonDefaultGrand{
	background:url(../images/bouton-grand.png) no-repeat top left;
	width:192px;
}

#colGauche a.boutonDefault:hover,#colGauche a.boutonDefaultGrand:hover{text-decoration:underline;}

/*Mes convocations*/
#colGauche a.boutonConfirmer{
	background:url(../images/bouton-confirmer.png) no-repeat top left;
	width:119px;
	/*color:#41af2f; /*vert confirmer*/
}
#colGauche a.boutonRefuser{
	background:url(../images/bouton-refuser.png) no-repeat top left;
	width:119px;
	/*color:#bc0202; /*rouge refuser*/
}
/*Mes établissements*/
#colGauche .boxes .box_mesEtablissements a.boutonDefault{float:none;margin-left:465px;}
#colGauche .etablissementsFiche a.boutonDefaultGrand{float:none;}
.etablissementsFiches #colGauche a.boutonDefault{float:right;}

/*Espace Coach*/
#colGauche .boxes a.boutonDefaultGrand{float:none;}

/*Ajouter*/
#colGauche a.boutonDefaultAjout{
	background:url(../images/bouton-ajouter.png) no-repeat top left;
	width:157px;
	text-align:left;
	padding-left:35px;
	margin-bottom:10px;
}
/*Imprimer et Exporter*/
#colGauche a.boutonDefaultImprime{
	background:url(../images/bouton-imprimer.png) no-repeat top left;
	width:89px;
	text-align:left;
	padding-left:30px;
}
#colGauche a.boutonDefaultExporte{
	background:url(../images/bouton-exporter.png) no-repeat top left;
	width:89px;
	text-align:left;
	padding-left:30px;
}
/*Liens gros boutons*/
#colDroite a.lienGrosBouton {/*margin:0 5.5px;*/}
#colDroite a.lienGrosBouton img {margin-bottom:10px;}

/* ###########################################################
		VISITE GUIDEE
########################################################### */
.visite .texteColonne{margin:0 20px;text-align:justify;}


#colFooter a#boxGestionEquipe{background:url(../images/box-gestion-equipe.png) no-repeat top left;}
#colFooter a#boxPanneauAffichage{background:url(../images/box-panneau-affichage.png) no-repeat top left;}
#colFooter a#boxConvocations{background:url(../images/box-convocations.png) no-repeat top left;}
#colFooter a#boxGeolocalisation{background:url(../images/box-geolocalisation.png) no-repeat top left;}

#colGauche a#boxGestionEquipe{background:url(../images/box-gestion-equipe.png) no-repeat top left;}
#colGauche a#boxPanneauAffichage{background:url(../images/box-panneau-affichage.png) no-repeat top left;}
#colGauche a#boxConvocations{background:url(../images/box-convocations.png) no-repeat top left;}
#colGauche a#boxGeolocalisation{background:url(../images/box-geolocalisation.png) no-repeat top left;}

#colFooter a#boxGestionEquipe:hover,#colFooter a#boxGestionEquipe.select,
#colFooter a#boxPanneauAffichage:hover,#colFooter a#boxPanneauAffichage.select,
#colFooter a#boxConvocations:hover,#colFooter a#boxConvocations.select,
#colFooter a#boxGeolocalisation:hover,#colFooter a#boxGeolocalisation.select,
#colGauche a#boxGestionEquipe:hover,#colGauche a#boxGestionEquipe.select,
#colGauche a#boxPanneauAffichage:hover,#colGauche a#boxPanneauAffichage.select,
#colGauche a#boxConvocations:hover,#colGauche a#boxConvocations.select,
#colGauche a#boxGeolocalisation:hover,#colGauche a#boxGeolocalisation.select
{
	background-position:0 -131px;
	color:#fff;
}

.visite #colGauche h2{float:left;padding-top:20px;}
.visite #colGauche img{float:left;margin:0 20px 40px 0;}


/** la navigation de la visite */
#boxNavVisite{margin-left:10px;}

#boxNavVisitePrecedentSuivant #navPrecedent, 
#boxNavVisitePrecedentSuivant #navSuivant{
	width:119px;height:26px;
	/*margin: 8px;*/
	float:left;
	text-align:center;
}
#boxNavVisitePrecedentSuivant #navPrecedent{margin:8px 33px 8px 0}
#boxNavVisitePrecedentSuivant #navSuivant{margin:8px 0px 8px 33px}

#boxNavVisitePrecedentSuivant #navPrecedent a,
#boxNavVisitePrecedentSuivant #navSuivant a{
	background:url(../images/boutonR.png) no-repeat top left;
	display:block;
	width:119px;height:26px;
	color:#fff;
	font-weight:bold;
	line-height:26px;
	text-decoration:none;
}

#navSuivant a{float:right}
#boxNavVisitePrecedentSuivant #navPrecedent a:hover,
#boxNavVisitePrecedentSuivant #navSuivant a:hover{background-position:0 -26px;}


#videoPresentation{
	margin-top:12px;
}
/* ###########################################################
		MON PROFIL
########################################################### */
.boxesProfilTop{
	display:block;
	background:url(../images/BG-top-fiche-membre.png) no-repeat 0 0;
	height:13px;
	width:645px;
}
.boxesProfilBottom{
	display:block;
	background:url(../images/BG-bottom-fiche-membre.png) no-repeat 0 0;
	height:13px;
	width:645px;
}
.boxesProfil{
	background:url(../images/BG-contenu-fiche-membre.png) repeat-y 0 0;
	min-height:252px;
	padding:15px 15px 0 15px;
}
.boxesProfil .boxesPhoto{
	width:180px;
	height:235px;
	float:left;
	margin-right:15px;
}
.boxesProfil .boxesPhoto img{border:1px solid #9a9a9a;}
.boxesProfil .boxesContenu{}
.boxesProfil h2{margin-bottom:10px;color:#071955; /*Bleu foncé*/}
.boxesProfil p, .boxesProfil div.p{margin-left:15px;}
.boxesProfil span{position:inherit;margin-top:0;}
.boxesProfil .boxesImportant{font-weight:bold;color:#071955; /*Bleu foncé*/}
.boxesRappel{
	font-size:0.8em;
	line-height:1.2em;
	margin-bottom:0;
}
.boxesProfil .boutonsProfil{float:right;}

/* ###########################################################
		MES ETABLISSEMENTS
########################################################### */
.boxesEtablissements{
}
.boxesEtablissements .boxesContenu{float:left;width:320px;}
.boxesEtablissements h3{margin-bottom:10px;color:#071955; /*Bleu foncé*/}

.boxesEtablissements .boxesImg{
	float:left;
	margin-right:15px;
	/*background:#fff;*/
	width:278px;
}
.boxesEtablissements .noPhoto{
	height:auto !important;
	height:180px;
	min-height:180px;
	text-align:center;
}
.imgEtablissement{border:1px solid #9a9a9a;}
.boxesEtablissements .noPhoto img{border:1px solid #9a9a9a;}
.boxesEtablissements .boxesIconeSatut{
	margin:5px 0;
}
.boxesEtablissements .boxesIconeSatut img{border:none;}
.boxesEtablissements .boxesIconeSatut .icoSportif{float:left;margin:0 5px 0 0;}
.boxesEtablissements .boxesIconeSatut .icoCoach{float:left;margin:0 5px;}
.boxesEtablissements .boxesIconeSatut .icoAdmin{float:left;margin:0 0 0 5px;}

.boxesEtablissements .box_infos{
	margin-top:20px;
}

.boxesEtablissements .box_infos ul{}
.boxesEtablissements .box_infos ul li{}
.boxesEtablissements .box_infos ul li.noValidAppartenance{
	margin-top:60px;
	text-align:center;
}
.boxesEtablissements .box_infos ul li.listFirst,
.boxesEtablissements .box_infos ul li.listLast{font-size:1.2em;font-weight:bold;margin-top:25px;}
.boxesEtablissements .box_infos ul li.listFirst a,
.boxesEtablissements .box_infos ul li.listLast a{
	text-decoration:none;
}
.boxesEtablissements .box_infos ul li.listFirst a:hover,
.boxesEtablissements .box_infos ul li.listLast a:hover{
	text-decoration:underline;
}
.boxesEtablissements .box_infos ul li.listFirst{border-bottom:2px solid #709dc8; /*Bleu gris*/ padding-bottom:20px;}
.boxesEtablissements .box_infos ul li img{padding:0;margin-right:10px;}


#listeDesEtablissements{
	margin-bottom:20px;
	background-color:#eeeded; /*Gris clair (fond body)*/
	padding:10px;
}
#listeDesEtablissements label{width:200px;text-align:left;font-weight:bold;}
#listeDesEtablissements select{width:300px}


/******************FICHE ETABLISSEMENT************************/
.etablissementsFiche{margin:0 0 20px 15px;}
.etablissementsFiche ul li{margin-bottom:10px;font-weight:bold;}
.etablissementsFiche ul li ul li{margin-bottom:0;margin-left:15px;font-weight:normal;list-style-type:inherit;}
.etablissementsFiche .box_infosMembre{margin-bottom:10px;}

.box_infosMembre p{margin-bottom:0}
.box_infosMembre p a{text-decoration:none;}

.boxesFichesConvocation h3{
	border-bottom:2px solid #709dc8; /*Bleu gris*/
	padding-bottom:5px;
}

.boxesFichesConvocation .boxesContenu{float:left;}
.boxesFichesConvocation .boxesImg{float:right;}
.boxesFichesConvocation span{position:inherit;margin-top:0;}

.suiteh2{font-weight:normal;font-size:0.6em;}
.suiteh3{font-weight:normal;font-size:0.7em;}


.boxEtablissement{
	border-bottom:4px solid #709dc8;
	padding:8px 0;
}
.boxEtablissement.last{border-bottom:none}

.boxEtablissement h2{margin-bottom:0;}
.boxEtablissement h3{text-align:center;}

.boxEtablissement .boxEtablissement_colGauche{
	width:311px;
	display:inline;
	float:left;
}

.boxEtablissement .boxEtablissement_colDroite{
	width:304px;
	display:inline;
	float:left;
}

.boxEtablissement h3{
	border-bottom:none;
	font-size:1.1em;
	text-decoration:underline;
	line-height:1.3em;
	color:#071955;
}

.boxEtablissement ul{margin-left:12px;}
.boxEtablissement ul li{list-style:disc}
.boxEtablissement ul li ul li{list-style:circle}

.boxEtablissement ul.lstCoach,
.boxEtablissement ul.lstSportif{}
.boxEtablissement ul.lstCoach li,
.boxEtablissement ul.lstSportif li{list-style:none}

.boxEtablissement a.button span{position:absolute;left:-2000000px;}
.boxEtablissement .box_infosMembre{margin-bottom:12px;}
.boxEtablissement .box_infosMembre strong.name{font-size:1.3em;}

.boxEtablissement .convoc{
	border-bottom:1px dotted #709DC8;
	margin-bottom:12px;
}

.boxEtablissement div.last{
	border-bottom:none;
	margin-bottom:0;
}

.img{
	text-align:center;
	margin-bottom:8px;
}

.btR{
	display:block;
	width:119px;
	height:26px;
	background:transparent url(../images/boutonR.png) no-repeat 0 0;
	
	text-align:center;
	line-height:26px;
	color:#fff;
	font-weight:bold;
}

.btR:hover{
	background:transparent url(../images/boutonR.png) no-repeat 0 -26px;
}

/* ###########################################################
		PANNEAU D'AFFICHAGE
########################################################### */
.boxesPanneauTop{
	background:url(../images/BG-top-panneau.png) no-repeat top left;
	height:37px;
	width:971px;
}
.boxesPanneauBottom{
	background:url(../images/BG-bottom-panneau.png) no-repeat top left;
	height:37px;
	width:970px;
}
.boxesPanneau{
	background:url(../images/BG-contenu-panneau.png) repeat-y top left;
	padding:10px 35px;
}

.boxesPanneau h2{text-align:center;}
.boxesPanneau h3{}

#panneau_colGauche
{
	width:419px;
	float:left;
	display:inline;
	margin:0 20px;
}
#panneau_colDroite{
	width:400px;
	float:left;
	display:inline;
	margin:0 20px;
}


#listActus{
	/*width:419px;*/
	width:409px;
	padding:2px 5px;
	background:#fff url(../images/BG-contenu-feuille.png) repeat-y 0 0;
	
	height: auto !important;
	height: 400px;
	min-height: 400px;
}
#listActus_top{
	display:block;
	width:419px;
	height:9px;
	background:#fff url(../images/BG-top-feuille.png) no-repeat 0 0;
}
#listActus_bottom{
	display:block;
	width:419px;
	height:8px;
	background:#fff url(../images/BG-bottom-feuille.png) no-repeat 0 0;
}

/* Les posts */
#listActus h3{text-align:center;}
#listActus .boxInformation{
	margin-bottom:12px;
	padding-bottom:10px;
	border-bottom:1px dotted #333333;
}
small a{color:#163783}
#listActus .boxInformation a.readMore{font-style:italic;}


#postIt{
	background:url(../images/BG-calendrier-panneau.png) no-repeat 0 0;
	width:350px;
	height:401px;
	padding:100px 0 0 50px;
	
	margin-bottom:20px;
}

#listingEvenements{
	padding-right:55px;
}

#docsDownload{
	/*width:250px;*/
	width:240px;
	padding:2px 5px;
	background:transparent url(../images/postit-content.png) repeat-y 0 0;
	
	margin:0 auto;
	font-size:0.9em;
	
	height:auto !important;
	height:200px;
	min-height:200px;
}
#docsDownload_top{
	display:block;
	width:250px;
	height:7px;
	background:transparent url(../images/postit-top.png) no-repeat 0 0;
	
	margin:0 auto;
}
#docsDownload_bottom{
	display:block;
	width:250px;
	height:6px;
	background:transparent url(../images/postit-bottom.png) no-repeat 0 0;
	
	margin:0 auto;
}

div.btAdd{
	text-align:right;
	margin-top:8px;
}

#listingEvenements .boxPagination,
#listingDocumentations .boxPagination{
	padding-top:3px;
	margin-top:8px;
	border-top:1px dotted #333;
}

#listingDocumentations ul li{margin-bottom: 2px;}
#listingDocumentations ul li .bloc-edit{display: block;}

/* ###########################################################
		MES CONVOCATIONS
########################################################### */
.boxesConvocations{
}

.boxesConvocations .boxesContenu{float:left;display:inline;width:320px;margin-right:15px;}
.boxesConvocations h3{margin-bottom:5px;color:#071955; /*Bleu foncé*/}
.boxesConvocations span{position:inherit;margin-top:0;}
.boxesConvocations p{margin-bottom:5px;}
.boxesImportant{font-weight:bold;color:#071955; /*Bleu foncé*/}
span.boxesImportant{position:inherit;margin-top:0;}

.boxesConvocations .boxesStatut{/*text-align:right;float:right;*/}
.boxesConvocations .boxesEtatOk{float:left;margin-top:20px;margin-right:10px;color:#41af2f; /*vert confirmer*/font-weight:bold;font-size:1.1em;}
.boxesConvocations .boxesEtatNo{float:left;margin-top:20px;color:#bc0202; /*rouge refuser*/font-weight:bold;font-size:1.1em;}

.boxesConvocations .boxesImg{float:left;width:278px;display:inline;text-align:right;}
.boxesConvocations .boxesImg .imgEtablissement{/*width:130px;*/width:276px;background-color:#fff;margin-bottom:20px;border:1px solid #9a9a9a;}
.boxesConvocations .boxesImg span{position:absolute;margin-top:-2000px;}
.boxesConvocations .boxesImg p.convocCanceled{
	color:#FF2F2F;
	text-align:center;
	font-size:1.6em;
	font-weight:bolder;
	text-decoration:underline;
}

span.convocCanceled{
	color:#FF2F2F;
	font-weight:bolder;
	text-decoration:underline;
}

/*************ETAT MEMBRES FICHE CONVOCATION*******************/
li.membreConvoc_notGoing,
li.membreConvoc_notConfirmed,
li.membreConvoc_going,
span.membreConvoc_notGoing,
span.membreConvoc_notConfirmed,
span.membreConvoc_going{
	padding-left:22px;
	margin-bottom:10px;
}
li.membreConvoc_notGoing,
span.membreConvoc_notGoing{
	background:url(../images/icone-statut-absent.png) no-repeat top left;
	color:#B90305;
	text-decoration:line-through;
}
li.membreConvoc_notConfirmed,
span.membreConvoc_notConfirmed{
	background:url(../images/icone-statut-attente.png) no-repeat top left;
}
li.membreConvoc_going,
span.membreConvoc_going{
	background:url(../images/icone-statut-present.png) no-repeat top left;
	color:#63BD55;
}


li.membreConvoc_notValidAccount,
span.membreConvoc_notValidAccount{
	padding-left:22px;
	margin-bottom:10px;
	background:url(../images/exclamation.png) no-repeat top left;
}

.ajoutMembresConvocations ul li.membreConvoc_notValidAccount{
	padding-left:22px;
	margin-bottom:10px;
	background:url(../images/exclamation.png) no-repeat top left;
}

/*************FICHE CONVOCATION*******************/
.boxesFicheConvocTop{
	background:url(../images/BG-top-fiche-convoc.png) no-repeat top left;
	height:61px;
	width:645px;
}
.boxesFicheConvocBottom{
	background:url(../images/BG-bottom-fiche-convoc.png) no-repeat top left;
	height:23px;
	width:645px;
}
.boxesFicheConvoc{
	background:url(../images/BG-contenu-fiche-convoc.png) repeat-y top left;
	/*min-height:252px;*/
	padding:10px 35px;
}

#ficheConvocTitle{
	width:430px;
	float:left;
}

#sponsorConvoc{
	width:125px;
	float:left;
	margin-left:20px;
	margin-top:-55px;
}

.boxesFicheConvoc #ficheConvocContent{
	width:280px;
	float:left;
}
.boxesFicheConvoc #ficheConvocMap{
	width:295px;
	float:left;
}

.boxesFicheConvoc h2{text-align:center;}
.boxesFicheConvoc h3{margin:20px 0;}
.boxesFicheConvoc h4{margin-bottom:20px;}

.boxesFicheConvoc .boxListConvoques{
	background:url(../images/BG-panneau-convoques.png) repeat-y top left;
	width:576px;
}
.boxesFicheConvoc .listConvoques{
	float:left;
	width:150px;
	/*border-right:1px solid #ccc;*/
	padding:0 20px;
}


#convocLegende, .legende{font-size:0.9em;padding:3px;border:1px solid #ccc;margin-top:10px;}
#convocLegende h3, .legende h3{ margin:10px 0;}
/* ###########################################################
		PAGES FORMULAIRES
########################################################### */
#formulaire{}
#formulaire fieldset label{width:100px;}
#formulaire fieldset input,
#formulaire fieldset select,
#formulaire fieldset textarea{width:260px;border:1px solid #ff9c00; /* orange */}
#formulaire fieldset input.classDate{width:100px;}

#formulaire fieldset input.checkbox,
#formulaire fieldset input.radio,
#formulaire fieldset input.image{width:auto;height:auto;border:none}


/* formulaire ONFOCUS */
#formulaire fieldset select:focus,
#formulaire fieldset input:focus,
#formulaire fieldset textarea:focus{background-color:#99a8a7; /* vert menu */}

/* boutons de formulaire */
#formulaire fieldset input.btDefault
{
	width:auto;
	background-color: silver;
	border-left: 1px solid white;
	border-top: 1px solid white;
	border-right: 2px solid #999;
	border-bottom: 2px solid #999;
	padding:3px 5px;
}


span.labelExplic{
	display:block;
	background-color:#FFF9EF;border:1px solid #EFE4D1; /*Comme infos*/
	padding:8px;
	font-size : 0.9em;
	margin-top:8px;
	text-align:left;
	font-weight:normal;
}
/********* Formulaire login top**********/
form#registerTop{padding:5px;}
form#registerTop fieldset label{float:left;width:80px;}
form#registerTop fieldset input{width:120px;}
form#registerTop fieldset input.bouton{
	width:119px;
	height:26px;
	border:none;
	cursor:pointer;
	background:url(../images/bouton.png) no-repeat 0px 0px;
	color:#fff;
	font-weight:bold;
}

/* ###########################################################
		ESPACE COACH
########################################################### */
#colGauche .blocBoutonsActions{
	margin-left:20px;
}
#colGauche .blocBoutonsOutils{
	float:right;
}

#filtres{
	background-color:#EFF8FF;
	padding:10px;
	margin:20px 0;
}

#filtres label{width:200px;text-align:left;font-weight:bold;}
#filtres select{width:300px;}
#filtres select option{padding-left:12px;}
#filtres select option.optgroup{font-weight:bold;padding:0}

/*****Import*****/
.boxesHomeImport{
	margin-top:20px;
	padding:10px;
	background-color: #bedaf1; /*Bleu clair*/
}
#colGauche .boxesHomeImport a.boutonDefaultAjout{float:right;}
li.noCategorie a{color:#ff0f0f;font-weight:bold;}

a.btGuideCoach{
	display:block;
	width:304px;
	height:66px;
	float:right;
	background:transparent url(../images/guide-coach.png) no-repeat 0 0;
	margin-right:43px;
}
a.btGuideCoach:hover{
	background:transparent url(../images/guide-coach.png) no-repeat 0 -66px;
}
a.btGuideCoach span{position:absolute;left:-2000000px;}

a.btGuideAdmin{
	display:block;
	width:304px;
	height:66px;
	float:right;
	background:transparent url(../images/guide-administrateur.png) no-repeat 0 0;
	margin-right:43px;
}
a.btGuideAdmin:hover{
	background:transparent url(../images/guide-administrateur.png) no-repeat 0 -66px;
}
a.btGuideAdmin span{position:absolute;left:-2000000px;}


a.btGuideAdmin{
	display:block;
	width:304px;
	height:66px;
	float:right;
	background:transparent url(../images/guide-administrateur.png) no-repeat 0 0;
	margin-right:43px;
}
a.btGuideAdmin:hover{
	background:transparent url(../images/guide-administrateur.png) no-repeat 0 -66px;
}
a.btGuideAdmin span{position:absolute;left:-2000000px;}

a.btGuideResponsable{
	display:block;
	width:304px;
	height:66px;
	background:transparent url(../images/guide-responsable-etablissement.png) no-repeat 0 0;
	margin: 0 5.5px;
}
a.btGuideResponsable:hover{
	background:transparent url(../images/guide-responsable-etablissement.png) no-repeat 0 -66px;
}
a.btGuideResponsable span{position:absolute;left:-2000000px;}

/* ###########################################################
 * 		AJOUT CONVOC
########################################################### */
.ajoutMembresConvocations form#register fieldset ul{
	background-color:#eeeded; /*Gris clair (fond body)*/
	width:290px;
	margin-bottom:10px;
	list-style:none;
}
.ajoutMembresConvocations form#register fieldset ul li{
	list-style:none;
	margin:0;
	padding:2px;
	padding-left:20px;
	/*border:1px solid transparent;*/
	/*z-index:10;*/
}

.ajoutMembresConvocations form#register fieldset .membresConvocBox{
	float:left;
	margin-right:20px;
}
.ajoutMembresConvocations form#register fieldset .membresSelectionneConvocBox{
	float:left;
}


.ajoutMembresConvocations form#register fieldset ul li.draggableHover{
	/*text-decoration:underline;*/
	color:#000;
	font-weight:700;
}

.ajoutMembresConvocations form#register fieldset ul li.forbiddenDrop{
	/*color:red;*/
	cursor:no-drop;
}


/*
.ajoutMembresConvocations form#register fieldset ul li:hover,
.ajoutMembresConvocations form#register fieldset ul li.dragIsOn
{
	border:1px solid #c5def3;
	background-color:#e9f3fd;
	z-index:1000;
}
*/

ul.droppables{}
ul.droppables li{
	border:none;
	width:auto;
}
.membresLi{cursor:move;}
/*.dragIsOn{cursor:move;}*/

.liHover{}
.ajoutMembresConvocations form#register fieldset ul.ulHover{background-color:#FFEFE7; /*Orange clair*/}

/* ###########################################################
		ANNUAIRE
########################################################### */
#colGauche #search{
	/*margin-top:20px;*/
}
#colGauche #search h3{color:#071955; /*Bleu foncé*/}

form#form_search #partForm{float:left;margin-right:30px;display:inline;width:360px;}
form#form_search #partForm input#id_villes{width:194px;}
form#form_search #partResults{float:left;width:192px;display:inline;}
form#form_search #partResults #nbrRep{font-size:1.7em;}
form#form_search #partResults #nbrRep p{font-size:0.7em;}
form#form_search #partResults .resultatsRecherche{
	font-weight:bold;
	text-align:center;
}


.etablissementsListes h1{margin-bottom:8px;}
.etablissementsListes ul li a{color:#666}
.etablissementsListes ul li a span.keyword{color:#333;font-weight:bold;}

#boxLstEtabT{
	margin-top:15px;
	padding-top:14px;
	border-top:1px dotted #ccc;
}
#boxLstEtabT h2{
}

.blocAnnuaireEtablissement{
	padding:15px;
	margin-bottom:14px;
	border-bottom:1px solid #ccc;
}
.blocAnnuaireEtablissement span{position:inherit;margin-top:0;}
.blocAnnuaireEtablissement .boxesContenu{float:left;display:inline;/*width:485px;*/margin-left:15px;width:470px;}
.blocAnnuaireEtablissement .boxesContenu p{margin-bottom:2px;}
.blocAnnuaireEtablissement .boxesImg{float:left;display:inline;width:130px;text-align:center;}
.blocAnnuaireEtablissement .imgEtablissement{width:128px;background-color:#fff;margin-bottom:20px;border:1px solid #9a9a9a;}
.blocAnnuaireEtablissement .signalerAnnuaire{clear:both;}

#colGauche .blocAnnuaireEtablissement .boutonDefault{float:none;margin:10px 0 0 0;}


.etablissementsPaginationTop .boxPagination, .etablissementsPaginationBottom .boxPagination{background:#ededed;padding:6px 10px;font-size:1.1em;}
.etablissementsPaginationTop .paginationPrefix, .etablissementsPaginationBottom .paginationPrefix{font-weight:bold;}
.etablissementsPaginationTop .paginationSelect, .etablissementsPaginationBottom .paginationSelect{
	background:#e0effb;
	border:1px solid #bedaf1;
	padding:0 2px;
}
.etablissementsPaginationTop a, .etablissementsPaginationBottom a{text-decoration:none;margin:0 1px;}
.etablissementsPaginationTop a:hover, .etablissementsPaginationBottom a:hover{text-decoration:underline;color:#071955}

.etablissementsPaginationTop{margin-bottom:10px;}
.etablissementsPaginationBottom{}


.etablissementsListes h2 span, .etablissementsListes h3 span{position:static;margin-top:0;font-size:0.85em}
.etablissementsListes ul{margin-left:15px;line-height:1.5em;}
/* ###########################################################
		PAGES CONTACT-ACCES-ITINERAIRE
########################################################### */
form#itineraire{
	
}

form#itineraire textarea#from {
	width:300px;
}


#introItineraire {
	width : 260px;
	margin-top : 20px;
}
#itineraireTitle{display:none;}

#convocRoutes table{width:100%}




/* ###########################################################
		BOX
########################################################### */
/* box lieux */
div.autocomplete {
	position:absolute;
	border:1px solid #333;
	margin:0;
	overflow:auto;
	background-color:#fff;
	height:100px;
	width:364px;
	z-index:100000;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
div.autocomplete ul li, form#register div.autocomplete ul li {
  display:block;
  padding:4px;
  text-align:left;
  font-size:0.9em;
  cursor:pointer;
  margin:0;
}
div.autocomplete ul li span{display:block;position:static;margin-top:0;font-size:0.8em;}
div.autocomplete ul li.selected { background-color: #BEDAF1;}
.loadingIndicator{
	width:16px;
	float:left;
}
div.autocomplete ul.noReponse li{
	background:#FFDFE3 url(../images/exclamation.png) no-repeat 3px 3px;
	color:#FF4F56;
	padding-left:25px;
}


/* ########################################################
 		INFORMATIONS
######################################################## */
form#register fieldset textarea#texte_informations{width:375px;height:150px;}
form#register div ul li
{
	margin-left : 14px;
	list-style-type:disc;
}

.boxInformations{padding:8px;}
.boxErrors{background-color:#FFEFF1;border:1px solid #EFD1D5}
.boxValid{background-color:#effff1;border:1px solid #e0efe2}
.boxInfo{background-color:#FFF9EF;border:1px solid #EFE4D1}

#fm{margin-bottom:12px;}

.contact .boxInfo{
	background:#FFF9EF url(../images/picto-suggestions.png) no-repeat 5px;
	padding-left:100px;
}
/* boite d'info effaçable */
#toolbox_infos{margin-bottom:20px;position:relative;zoom:1}
#toolbox_infos #closedBox{
	position:absolute;
	top:0;right:3px;
	color:#f00;
	text-decoration:none;
}
#toolbox_infos #closedBox:hover{color:#555;}

.boxSponsor{margin-top:135px;text-align:center;}


/**** Envoyer à un ami ****/
#btSendFriends{
	display:block;
	width:304px;
	height:66px;
	background:#F37030 url(../images/bouton_envoyer-ami.png) no-repeat 0 0;
}
#btSendFriends span{position:absolute;left:-20000px;}

#btSendFriends:hover{
	background:#0D2669 url(../images/bouton_envoyer-ami.png) no-repeat 0 -66px;
}

#sendFriends{}
#sendResponsable{}
#sendFriends h3,
sendResponsable h3{
	height:auto !important;
	height:64px;
	min-height:64px;
	padding-left:68px;
	font-size:1.2em;
	line-height:1.2em;
	background:#fff url(../images/icone-sendFriends.png) no-repeat 0 50%;
}
#sendFriends form#register fieldset label,
#sendResponsable form#register fieldset label{
	width:auto;
	float:none;
	text-align:left;
}

.faq ul{margin:0 0 25px 40px;}
.faq ul li{}
.faq ul li a{color:#fe5603}

.faq dl{}
.faq dt{font-weight:bold;color:#071955;padding-top:8px;}
.faq dd{;padding:8px;border-bottom:1px dotted #071955}


/***** Fenêtre modal *****/
#control_overlay{background-color:#000;}

#modalWin, .modal{
	background-color:#fff;
	border:10px solid #EEEDED;
	padding:10px;
}

#closeModal, .closeModal{
	display:block;
	width:16px;
	height:16px;
	float:right;
}

.modalWin_content h2{text-align:left;}


.btPrint{
	display:block;
	width:119px;
	height:26px;
	line-height:26px;
	color:#fff;
	text-align:center;
	text-decoration: none;
	background:#fff url(../images/bouton-imprimer.png) no-repeat 0;
}

/***** fil d'ariane *****/
#ariane{background:#ededed;padding:6px 10px;margin-bottom:16px;}
#ariane #arianePrefixe{}

#ariane a{color:#071955}
#ariane a:hover{}
#ariane a.select{color:#333;text-decoration:none;font-weight:bold;}


/**** lien speciaux ****/
a.pdf{background: transparent url(../images/icons/page_white_acrobat.png) no-repeat 0;padding-left: 22px;display:block;height:16px;line-height: 16px;}
a.doc{background: transparent url(../images/icons/doc.gif) no-repeat 0;padding-left: 22px;display:block;height:16px;line-height: 16px;}
a.docx{background: transparent url(../images/icons/docx.gif) no-repeat 0;padding-left: 22px;display:block;height:16px;line-height: 16px;}
a.xls{background: transparent url(../images/icons/xls.gif) no-repeat 0;padding-left: 22px;display:block;height:16px;line-height: 16px;}
a.xlsx{background: transparent url(../images/icons/xlsx.gif) no-repeat 0;padding-left: 22px;display:block;height:16px;line-height: 16px;}
a.ppt{background: transparent url(../images/icons/ppt.gif) no-repeat 0;padding-left: 22px;display:block;height:16px;line-height: 16px;}
a.pptx{background: transparent url(../images/icons/pptx.gif) no-repeat 0;padding-left: 22px;display:block;height:16px;line-height: 16px;}

a.odp{background: transparent url(../images/icons/odp.gif) no-repeat 0;padding-left: 22px;display:block;height:16px;line-height: 16px;}
a.ods{background: transparent url(../images/icons/ods.gif) no-repeat 0;padding-left: 22px;display:block;height:16px;line-height: 16px;}
a.odt{background: transparent url(../images/icons/odt.gif) no-repeat 0;padding-left: 22px;display:block;height:16px;line-height: 16px;}

a.pic{background: transparent url(../images/icons/picture.png) no-repeat 0;padding-left: 22px;display:block;height:16px;line-height: 16px;}
a.zip{background: transparent url(../images/icons/zip.gif) no-repeat 0;padding-left: 22px;display:block;height:16px;line-height: 16px;}