@charset "UTF-8";

* { margin:0; padding:0; }
html, body { 
	font-size:100%;
	font-size:13px;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #90bbbd;
	color: #c0f5fb;	
}

a {
	outline: none;
	color: #ffffff;
	text-decoration: none;
}

img, a img { border:none; }

a:hover {
	text-decoration:underline;
	border: none;
}

h3, .h3 { margin:10px 0 5px 0; color:#aec2cd;font-weight:bold;font-size:13px; }
.decale { margin-left:30px; }

a.bdeMag { display:block;position:absolute;width:186px;height:141px;left:70px;top:48px;background:url('site_images/bde-mag.png') 0 0 no-repeat;}


#fond {	
	position:absolute;
	background-image: url("site_images/fond_logo.jpg");
	background-position: top center;
	background-repeat: no-repeat;
	height:1199px;
	width:1398px;
	left:50%;
	margin-left:-699px;
}
#fond #logoSection { display:none;width:253px;height:164px;position:absolute;top:50px;left:595px; }

#conteneur {	
	position:relative;
	width:852px;
	margin:0 auto;
	overflow:visible;
}

/* la barre d'authentification */
#authentification { position: relative; width: 100%; background-color: #333; height: 40px; margin-top:-40px;	display:none; overflow:hidden; z-index:100;}
#authentification .champ { display:block;float:left;color:#FF0066;margin-top:10px;width:175px;height:16px;border:1px #444444 solid;padding:1px 3px;background-color:#222222; }
#authentification .titrechamp { display:block; float:left;position:relative;top:11px;font-size:12px;color:#7f8e8e;margin-right:15px; }
#authentification .login_ok { display:block;float:left;margin-left:20px;margin-top:7px;width:45px;height:24px;}
.lien_senregistrer { display:block;	position:absolute; right:60px;	float:right; top:10px; height:16px;	width:150px; text-decoration:none; color:#ff0066; text-align:right; }
.lien_senregistrer:hover { color:#c0f5fb; text-decoration:underline; }
.fermer_popup { background: url('site_images/fermer_popup.gif');display:block;position:absolute;right:10px;float:right;top:11px;height:16px;width:16px; }
.fermer_popup:hover { background: url('site_images/fermer_popup_h.gif'); }
/* liens vers le popup d'inscription */
#contenu .authentification { font-weight:bold; text-decoration:underline; }

#header {
	position:relative;
	width:100%;
	height:200px;
	overflow:hidden;
}

#center {
	width:100%;
	position:relative;	
	overflow:hidden;
	padding-bottom: 160px; /* Pour éviter la superposition du pied de page et du contenu : */
}
.centerTitre { position:relative; height:20px; padding:10px 0 0 0; color:#ffffff; margin:0 10px; }
.centerTitre .titrePage { float:left; display:inline-block; font-size:14px;	font-weight:bold;}
.centerTitre .chemin { float:right; display:inline-block; font-size:12px; color:#ffffff; }
.centerTitre .chemin a { text-decoration:underline; }
.centerTitre .chemin a:hover { color:#eaf8ff; text-decoration:underline; }
.centerHaut { position:relative; clear:both; height:26px; background:transparent url('site_images/centerHaut_ombre.png');}
.centerMilieu {	position:relative; background:transparent url('site_images/centerMilieu_ombre_sep.png') repeat-y; height:100%; overflow:hidden;}
.centerBas { position:relative;	height:26px; background:transparent url('site_images/centerBas_ombre.png'); }

#footer {
	position: absolute;
	width: 100%;
	bottom: 0;
	height:160px;
	overflow:hidden;
	text-align:center;
	color:#222222;
	font-size:13px;
}
#footer a { color:#222222; }

#contenu {
	position:relative;
	float: left;
	width: 632px;
	padding:0 0 0 7px;
	overflow:auto;
}

/* la sidebar */
#sidebar { float: right; position:relative;	width: 200px; text-align:left; padding:0 5px 0 0;}
#sidebar .widget { position:relative; margin:0 auto 0 auto; width:180px; }
#sidebar .widget .widgetHaut { position:relative; height:20px; }
#sidebar .widget .widgetContenu { position:relative; padding:0px 0 10px 0; overflow:visible; }
#sidebar .widget .widgetContenu .widgetTitre { display:block; position:relative; height:18px; font-weight:bold; font-size:11px; color:#a9f5fb; margin:-10px 0 9px 0; background:url('site_images/widgetHaut.png') left bottom no-repeat; }
#sidebar .widget .widgetContenu a.widgetTitre:hover { text-decoration:none; color:#ffffff; }
#sidebar .widget .widgetBas { position:relative; height:22px; font-size:10px; text-align:center; width:169px; }
#sidebar .widget .widgetBas a { text-decoration:none; color:#4f5e5e; }
#sidebar .widget .widgetBas a:hover { color:#cfdede;  }
#sidebar .widget .widgetContenu span { display:block; }
#sidebar .widget .widgetContenu span,
#sidebar .widget .widgetContenu span a { font-size:11px; color:#e7fcfe; }
#sidebar #widgetPhoto .widgetContenu span { margin:0; padding:0; line-height:0; }
#sidebar #widgetPhoto .widgetContenu img { border:1px #222d2d solid; width:55px; height:55px; }
#sidebar #widgetPhoto .widgetContenu img:hover { border:1px #66CCFF solid; }
#sidebar #widgetForum .widgetContenu span, 
#sidebar #widgetLiens .widgetContenu span, 
#sidebar #widgetNews .widgetContenu span { text-align:left; overflow:hidden; }
.widgetFonduTexte {height:100%;width:40px;position:absolute;top:0;right:0;}
#sidebar .widgetButtons {height:16px;padding-left:32px;margin:0 0 5px 0;}
#sidebar .widgetButtons a {width:16px;height:16px;display:block;float:left;border:none;}
#sidebar .widgetButtons .widgetBoutonPrecedent {margin-left:0px;background:no-repeat url('site_images/bouton_widget_precedent.png');}
#sidebar .widgetButtons .numPage {font-size:11px;color:#aaa;height:16px;width:70px;display:block;float:left;text-align:center;}
#sidebar .widgetButtons .numPage img { position:relative;width:32px;height:32px;top:-8px; }
#sidebar .widgetButtons .widgetBoutonSuivant {background:no-repeat url('site_images/bouton_widget_suivant.png');}

/* nom de l'utilisateur et actions possibles */
#utilisateur { position: relative; top:0; text-align:right; float:right; height:33px; margin-right:15px; font-size:13px; }
#utilisateur span { position:relative; top:-2px; }
#utilisateur img { position:relative; top:7px; border:none; width:22px; height:22px; }
#utilisateur,
#utilisateur a { color:#a9f5fb; }
#utilisateur a:hover { text-decoration:none; color:#faba03; }

/* le menu */
#menu { position:relative; right:0; top:0; float:right; height:33px; overflow:visible; color:#90f5fb;}
#menu a { text-decoration:none; color:#90f5fb; }
#menu a:hover { color:#faba03; }
#menu #menuLeft { position:relative; float:left; display:block;	width:20px; height:33px; background: url(site_images/menu_bg_left.png) no-repeat; }
#menu #menuRight { position:relative; float:left; display:block; width:20px; height:33px; background: url(site_images/menu_bg_right.png) no-repeat; }
#menu #menuCenter { position:relative; float:left; display:block; padding:0 2px; background: url(site_images/menu_bg_center.png) repeat-x; height:33px;}
#menu .element { position:relative; display:block; float:left; color:#666666; margin:0 1px; overflow:visible; text-align:center;}
#menu .element .titre { display:block; color:#33CCFF; font-weight:bold; font-size:11px;	padding:8px 8px; height:19px; }
#menu .element:hover .titre { color:#faba03; }
#menu .element .sousmenu { position:absolute; display:none; left:50%; top:32px; width:166px; height:121px; padding:0; margin:0 0 0 -83px; }
#menu .element .sousmenu .haut { display:block; height:15px; background:url(site_images/sousmenu_bg_haut.png) no-repeat; position:relative;	line-height:0; font-size:0; }
#menu .element .sousmenu .milieu { display:block; background:url(site_images/sousmenu_bg_milieu.png) 8px 0 repeat-y; position:relative; padding:0 25px 1px 25px; }
#menu .element .sousmenu .bas { display:block; height:15px; background:url(site_images/sousmenu_bg_bas.png) no-repeat; position:relative; }
#menu .element .sousmenu .milieu a { font-size:12px; display:block; padding:3px 0; }
#menu .element:hover .sousmenu,
#menu .element .sousmenu:hover { display:block; z-index:1000; }

/* liste des news */
.nouvelle { background:#2f3e3e; position:relative; margin:0px auto 10px auto; width:580px; padding:10px; overflow:hidden;  }
.nouvelle .nouvelle_bg_Haut { position:absolute; height:20px; width:600px; top:0; left:0; margin:0; padding:0; background: url('site_images/nouvelleHaut.png') 0 0 no-repeat; } 
.nouvelle .nouvelle_bg_Bas { position:absolute; height:20px; width:600px; bottom:0; left:0; margin:0; padding:0; background: url('site_images/nouvelleBas.png') 0 0 no-repeat; }
.nouvelle .newsHaut { display:block; position:relative; height:20px; padding:0; border-bottom:1px #4f5e5e dashed; }
.nouvelle .newsHaut .newsTitre { font-size:13px; font-weight:bold; float:left; }
.nouvelle .newsHaut .newsDate { font-size:11px; float:right; font-style: italic; }
.nouvelle .newsContenu { display:block; position:relative; margin:8px 0; padding:2px 10px 2px 10px; color:#b6ebd0; overflow:hidden; }
.nouvelle .newsContenu a { border:none;}
.nouvelle .newsContenu img { max-width:550px; border:none;}
.nouvelle .newsContenu a img { border:1px #2f3e3e solid;}
.nouvelle .newsContenu a:hover img { border:1px #66CCFF solid;}
.nouvelle .newsContenu a:hover { color:#faba03; }
.nouvelle .newsBas { display:block; clear:both; position:relative; height:18px; font-size:12px; padding:3px 0 0 0; border-top:1px #4f5e5e dashed; }
.nouvelle .newsBas .suite { float:left; color:#aec2cd; }
.nouvelle .newsBas a:hover { color:#faba03; text-decoration:none; }
.nouvelle .newsBas .commentaires { float:right; color:#aec2cd; }
.newsCom { position:relative; margin:20px auto 0 auto; width:500px; background:url('site_images/bg_bulle_milieu.gif') repeat-y; overflow:hidden; }
.newsCom .newscomHaut {position:absolute; height:42px; width:100%; top:0; left:0; background:url('site_images/bg_bulle_haut.gif') no-repeat; }
.newsCom .newscomBas {position:absolute; height:20px; width:100%; bottom:0; left:0; background:url('site_images/bg_bulle_bas.gif') no-repeat; }
.newsCom .newscomTitre { display:block; width:160px; position:absolute; right:0; top:5px; font-size:11px; }
.newsCom .newscomTexte { position:relative; width:270px; min-height:32px; padding:10px; font-size:12px; color:#163547; overflow:hidden; }

/* 4 coins pour les news par exemple */
.coin_haut_gauche { position:absolute; height:20px; width:20px; top:0; left:0; margin:0; padding:0; background: url('site_images/news_coin_haut_gauche.png') 0 0 no-repeat; }
.coin_bas_gauche { position:absolute; height:20px; width:20px; bottom:0; left:0; margin:0; padding:0; background: url('site_images/news_coin_bas_gauche.png') 0 0 no-repeat; }
.coin_haut_droit { position:absolute; height:20px; width:20px; top:0; right:0; margin:0; padding:0; background: url('site_images/news_coin_haut_droit.png') 0 0 no-repeat; }
.coin_bas_droit { position:absolute; height:20px; width:20px; bottom:0; right:0; margin:0; padding:0; background: url('site_images/news_coin_bas_droit.png') 0 0 no-repeat; }


/* pagination */
#contenu .pages { position:relative; margin:0.3cm auto 0 auto; width:540px; text-align:center; color:#888888; font-size:13px; }
#contenu .pages a,
#contenu .pages span { display:inline-block; height:19px; width:19px; background-color:#2f3e3e; margin:0 1px; text-align:center; padding-top:3px; }
#contenu .pages a { color:#b6ebd0; text-decoration:none; }
#contenu .pages a:hover { background-color:#5f6e6e; }
#contenu .pages a.pagePrecedente:hover,
#contenu .pages a.pageSuivante:hover { background:none; text-decoration:underline; }
#contenu .pages .pagePrecedente,
#contenu .pages .pageSuivante { background:none; width:40px; font-size:11px; }
#contenu .pages .pageCourante { color:#ffffff; border-bottom:1px #ff0066 solid; }

/* module Activité du site */
#moduleActivite { position:relative;font-size:12px;width:624px;height:227px;background: url('site_images/fond_module_activite.png') 0 0 no-repeat;margin:0 auto;color:#c0f5fb; margin-bottom:5px; }
#moduleActivite a { color:#c0f5fb;font-weight:bold;}
#moduleActivite #titres_activite { position:absolute;top:33px;width:590px;left:50%;margin-left:-295px;overflow:hidden;height:150px;display:none;}
#moduleActivite .modActLoad { position:absolute;display:block;width:32px;height:32px;left:50%;margin-left:-16px;top:50%;margin-top:-16px;}
#moduleActivite .modActPages { display:block;position:absolute;top:3px;width:182px;height:16px;text-align:center;overflow:hidden;font-size:10px;left:50%;margin-left:-91px;}
#moduleActivite #titres_activite  .modActElt { display:block;height:15px;font-size:11px;overflow:hidden;width:800px;}
#moduleActivite #titres_activite  .modActElt .modActDate { font-size:10px;color:#8f9e9e;display:block;text-align:right;width:130px;float:left;margin-right:10px; }
#moduleActivite #titres_activite  .modActElt .modActTexte { display:block;float:left;width:640px;height:15px;}
#moduleActivite .modActAjouter { display:block;position:relative;float:left;top:-1px;width:32px;height:26px;background:transparent;border:none;color:#7f8e8e;padding:0;text-align:center;font-size:13px;font-weight:bold;}
#moduleActivite #modActInput { position:absolute;width:248px;height:25px;background: url('site_images/fond_module_activite_input.png') 0 0 no-repeat;left:50%;margin-left:-124px;bottom:10px;}
#moduleActivite #modActInput:hover { background: url('site_images/fond_module_activite_input_h.png') 0 0 no-repeat; }

.navPages { 
	color:#c0f5fb;
	position:relative;
	margin:0 auto;
	display:block;
	width:187px;
	height:22px;
	padding-left:2px;
	padding-top: 3px;
	text-align:center;
	overflow:hidden;
	font-size:10px;
	background: url('site_images/nav_pages_fond.png') 0 0 no-repeat;
}
#moduleActivite .modActPages span, .navPages span { 
	display:block;
	float:left;
	height:16px;
	width:150px;
	text-align:center;
	position:relative;
	top:2px;
}
#moduleActivite .modActPages a, .navPages a {
	display:block;
	float:left;
	width:16px;
	height:16px;
}
.navPages span {
	width:148px;
}
.navPages a {
	margin:0 1px;
}
#moduleActivite .modActPages a.modActPrev, .navPages a.navPagesPrev {
	background: url('site_images/bouton_widget_precedent.png') 0 0 no-repeat;
}
#moduleActivite .modActPages a.modActNext, .navPages a.navPagesNext { 
	background: url('site_images/bouton_widget_suivant.png') 0 0 no-repeat;
}

/* la liste des albums photo */
#contenu .nouvelle .titre { position:relative; font-size:15px; font-weight:bold; color:#b1bcbe; display:block; border-bottom:1px #d1570e dotted; }
#contenu .nouvelle .affiche { float:left; margin:0.3cm 0 0 0; height:150px; width:220px; text-align:center; }
#contenu .nouvelle .affiche img { max-height:136px; max-width:216px; border:2px #3f4e4e solid; }
#contenu .nouvelle .affiche img:hover { border:2px #5f6e6e solid; }
#contenu .nouvelle .miniatures { display:block; float:right; margin:0.3cm 0cm 0.3cm 0; width:320px; overflow:hidden; text-align:right; padding-right:20px; line-height:0; }
#contenu .nouvelle .miniatures img { width:55px; height:55px; position:relative; margin:1px; border: 1px #1f2e2e solid; }
#contenu .nouvelle .miniatures img:hover { border: 1px  #33CCFF solid;}
#contenu .nouvelle .album { font-size:11px; position:relative; display:block; clear:right; float:right; padding-right:20px; width:300px; text-align:right; }

/* page pour un album photo */
#contenu .albumTitre { position:relative; display:block; font-size:14px; font-weight:bold; color:#a9f5fb; border-bottom:1px #66d1f4 dashed; margin:0.3cm 0.5cm; }
#contenu #image_large { position :relative; height:482px; margin:0.8cm 0 0.4cm 0; overflow:hidden; text-align:center; }
#contenu #image_large img { margin:0 auto; height:480px; border:1px #424d4d solid; }
#contenu #bande_miniatures { position:relative; margin:0 auto; width:800px; height:71px; overflow:hidden; }
#contenu #bande_miniatures #miniatures { position:relative; margin:0 auto; overflow:hidden; padding:5px 0 0 23px; }
#contenu #bande_miniatures #miniatures #slide { position:relative; width:1000px; margin:0; overflow:hidden; }
#contenu #bande_miniatures #miniatures #slide ul { list-style:none; display:inline; margin:0; padding:0; overflow:hidden; }
#contenu #bande_miniatures #miniatures #slide li { list-style:none; display:inline; margin:0; padding:0; }
#contenu #bande_miniatures #miniatures #slide img { width:55px; height:55px; margin:2px 0; border:1px #2f3e3e solid; }
#contenu .PhotoInfos { position:relative; margin:0.2cm; display:block; color:#7f8e8e; text-align:center; }
#contenu .PhotoTitreComs { position:relative; margin:0.2cm; display:block;  font-size:26px; color:#3f4e4e; text-align:center; }

/* les boutons pour changer de page de miniatures */
#contenu #bande_miniatures span { display:block; position:absolute; z-index:10; width:60px; height:100%; }
#contenu #bande_miniatures .precedent{ left:0; background:url('site_images/albumphoto_page_precedente.png') no-repeat; }
#contenu #bande_miniatures .precedent:hover { background:url('site_images/albumphoto_page_precedente_h.png') no-repeat; }
#contenu #bande_miniatures .suivant { right:0; background:url('site_images/albumphoto_page_suivante.png') no-repeat; }
#contenu #bande_miniatures .suivant:hover { background:url('site_images/albumphoto_page_suivante_h.png') no-repeat; }
#contenu .albumVideo { margin:0.5cm 0; position:relative; text-align:center; }

/* pour lister des dossiers et fichiers */
#contenu .dossier { display:block;position:relative;color:#9faeae;font-weight:bold;margin:1px 0;height:25px;padding:2px 0 0 30px; background: url('site_images/ico_folder.png') 0 0 no-repeat; }
#contenu .fichier { position:relative;height:22px;margin:2px 0;color:#eeeeee;padding:3px 0 0 30px; background: url('site_images/ico_text.png') 0 0 no-repeat; }       
#contenu .dossier:hover { text-decoration:none; color:#ffffff;}
#contenu .sousdossier { display:none;}

/* choix de sections dans les pages (ex : choix de la promo dans espace délégués */
#liensSections { text-align:center;margin:0 auto;}
#liensSections, #liensSections a { font-size:18px; color:#3f4e4e; }
#liensSections a:hover { color:#ffffff; text-decoration:none; }
#liensSections .sectionCourante { color:#ffffff;}

/* les logos des associations et clubs */
#slideAssoces { position:relative; width:100%; clear:both; margin:0; float:none; padding:20px 0 10px 0; }
#slideAssoces .slideContenu { position:relative; height:140px; width:840px; margin:0 auto; overflow:hidden; background: url('site_images/slideAssoces.png') no-repeat; }
#slideAssoces .slideContenu .slideAssocesPrecedent { background: url('site_images/slideAssoces_precedent.png') 13px 43px no-repeat; width:50px; height:100px; position:absolute; left:15px; top:50%; margin-top:-50px; }
#slideAssoces .slideContenu .slideAssocesPrecedent:hover { background: url('site_images/slideAssoces_precedent_h.png') 13px 43px no-repeat; }
#slideAssoces .slideContenu .slideAssocesSuivant { background: url('site_images/slideAssoces_suivant.png') 24px 43px no-repeat; width:50px; height:100px; position:absolute; right:15px; top:50%; margin-top:-50px; }
#slideAssoces .slideContenu .slideAssocesSuivant:hover { background:url('site_images/slideAssoces_suivant_h.png') 24px 43px no-repeat; }
#slideAssoces .slideContenu .slideAssocesTiroir { width:720px; height:100%; position:relative; margin:0 auto; overflow:hidden; }
#slideAssoces .slideContenu .slideAssocesTiroir .slideAssocesSlider {  position:relative; width:5600px; height:100px; margin-top:20px; left:0; } /* calcul width : nbpages*4*(160+20) */
#slideAssoces .slideContenu .slideAssocesTiroir .slideAssocesSlider .Elt{ position:relative; float:left; width:160px; height:100%; margin:0 10px; text-align:center; }
#slideAssoces .slideContenu .slideAssocesTiroir .slideAssocesSlider .Elt a { text-decoration:none; }
#slideAssoces .slideContenu .slideAssocesTiroir .slideAssocesSlider .Elt a img { position:absolute; left:0; top:0; width:160px; height:100px; border:none; display:block; }
#slideAssoces .slideContenu .slideAssocesTiroir .slideAssocesSlider .Elt a .imgAssoce_overlay { position:absolute; width:160px; height:100px; top:0; left:0; display:none; background: url('site_images/assoce_overlay.png') 0 0 no-repeat; }
#slideAssoces .slideContenu .slideAssocesTiroir .slideAssocesSlider .Elt a:hover .imgAssoce_overlay { display:block; }