/*---------- à EFFACER ----------*/
/*
- NONE, AUCUNE BORDURE,
- DOTTED, BORDURE EN POINTILLÉ (SAUF INTERNET EXPLORER),
- DASHED, BORDURE EN TIRETS (SAUF INTERNET EXPLORER),
- SOLID, BORDURE CONTINUE,
- DOUBLE, BORDURE EN DOUBLE TRAIT,
- GROOVE, BORDURE EN CREUX,
- RIDGE, BORDURE EN SAILLIE,
- INSET, BORDURE EN 3D LUMIÈRE BASSE,
- OUTSET, BORDURE EN 3D LUMIÈRE HAUTE,
- INHERIT, HÉRITE DE SON PARENT (CSS 2). 
*/
/*ul,ol{border:1px solid green}
div, td{border:1px solid blue}
class,legend{border:1px solid red}
table{border:1px solid purple}
fieldset{border:1px solid black}
label{border:1px solid green}
img, form{border:1px dashed blue}
h1, h2, h3, h4, h5, h6, p{border:1px solid yellow}

li{border:1px solid pink}
dl{border:1px solid black}
dt{border:1px solid yellow}
dd{border:1px solid black}

/*------------------------------ GENERAL ----------------------------------------*/
html{font-size:100%; height:100%; background-color:#000;}
*{margin:0; padding:0;}
.centre{text-align:center;}
.flashpaper{position:relative; text-align:center; z-index:0;}
.marge1{margin-left:5em;}
img.centreimage{text-align:center;}
.sponsor_img{width:150px;}
.sponsor_txt{width:380px; float:right;}
.rouge{color:#B02929;}
.orange{color:#FF6600;}
.orange_bold{color:#FF6600; font-weight:bold;}
.vert_souligne{color:#01970D; text-decoration:underline;}
.gris{color:#777777;}
.bleulien{color:#003399;}
.contour{color:#BFBAB0;}
.texte_barre{text-decoration:line-through;} 
.fond{color:#F2EFE9;}
.floatLeft{float:left;}
.floatRight{float:right; margin-left:0.5em; margin-top:0.5em; margin-bottom:0.5em;}
.eqCltChpt{margin-left:2em;}
.eqJourneeChpt{margin-left:2em;	margin-bottom:3em;}
.gras{font-weight:bold;}
.souligne{text-decoration:underline;}
.italic{font-style:italic;}
a{text-decoration:none;	color:#003399;}
a:hover, a:focus{text-decoration:underline; background:none; color:#003399;}		
em{color:#000; font-size:1.3em; line-height:1.4em; text-align:justify;}
.acronym{cursor:help;}
.abbr{cursor:help;}	

/*Liste à puces*/
.listing, .listing2{margin:0 0 0 4em; list-style-image:url(../images/design/puce_verte_disc.png);}
.listing2{margin-left:1em;}
.listing ul, .listing2 ul{margin:0 0 0 2em; list-style-image:url(../images/design/puce_verte_circle.png);}
.listing ul ul, .listing2 ul ul{margin:0 0 0 2em; list-style-image:url(../images/design/puce_verte_carre.png);}
.listing{line-height:1.9em; font-size:1.3em;}
.listing2{line-height:1.6em; font-size:1.3em;}

/*------------------------------ LIENS EXTERNES / WORD / PDF / EXCEL ----------------------------------------*/
#contenuTexte a.linkExt span{position:absolute; left:-5000px; width:4000px;}
#contenuTexte a.linkExt:link{background:url(../images/design/link_ext.gif) right no-repeat; padding:0 1.5em 0 0;}
#contenuTexte a.linkExt:visited{background:url(../images/design/link_ext.gif) right no-repeat; padding:0 1.5em 0 0;}
#contenuTexte a.linkExt:hover{background:url(../images/design/link_ext.gif) right no-repeat; padding:0 1.5em 0 0;}
#contenuTexte a.linkDOC span{position:absolute; left:-5000px; width:4000px;}
#contenuTexte a.linkDOC:link{background:url(../images/design/link_word.png) right no-repeat; padding:0 1.5em 0 0;}
#contenuTexte a.linkDOC:visited{background:url(../images/design/link_word.png) right no-repeat; padding:0 1.5em 0 0;}
#contenuTexte a.linkDOC:hover{background:url(../images/design/link_word.png) right no-repeat; padding:0 1.5em 0 0;}
#contenuTexte a.linkPDF span{position:absolute; left:-5000px;width:4000px;}
#contenuTexte a.linkPDF:link{background:url(../images/design/link_pdf.png) right no-repeat; padding:0 1.5em 0 0;}
#contenuTexte a.linkPDF:visited{background:url(../images/design/link_pdf.png) right no-repeat; padding:0 1.5em 0 0;}
#contenuTexte a.linkPDF:hover{background:url(../images/design/link_pdf.png) right no-repeat; padding:0 1.5em 0 0;}
#contenuTexte a.linkXLS span{position:absolute; left:-5000px; width:4000px;}
#contenuTexte a.linkXLS:link{background:url(../images/design/link_xls.png) right no-repeat; padding:0 1.5em 0 0;}
#contenuTexte a.linkXLS:visited{background:url(../images/design/link_xls.png) right no-repeat; padding:0 1.5em 0 0;}
#contenuTexte a.linkXLS:hover{background:url(../images/design/link_xls.png) right no-repeat; padding:0 1.5em 0 0;}
.linkMailto{background:url(../images/design/link_mailto.gif) left no-repeat;}

/*------------------------------ TABLEAUX ----------------------------------------*/
.tableau, .sortable{border-collapse:collapse;}
.sortable thead{cursor:pointer;}
.tableau th, .sortable th{background-color:#F2EFE9; height:auto; vertical-align:middle; color:#B02929; border:1px solid #BFBAB0; font-size:1.3em; line-height:1.6em; font-family:Helvetica, Arial, Verdana; text-align:center; font-weight:normal; padding-left:0.1em; padding-right:0.1em;}
.tableau td, .sortable td{background-color:#FFF; height:auto; vertical-align:middle; color:#000; border:1px solid #BFBAB0; font-size:1.3em; line-height:1.4em; font-family:Helvetica, Arial, Verdana; text-align:center; padding-left:0.2em; padding-right:0.2em;}
.tableau .cellVide, .sortable .cellVide{border:0; background:none;}
.tableau .cellLeft, .sortable .cellLeft{text-align:left;}	
.tableau .eqPetiteCol, .sortable .eqPetiteCol{text-align:center;	width:3em;}
.tableau .eqPetiteColVict, .sortable .eqPetiteColVict{text-align:center; width:3em; color:green;}
.tableau .eqPetiteColDef, .sortable .eqPetiteColDef{text-align:center; width:3em; color:red;}
.tableau .eqPetiteColVittel, .sortable .eqPetiteColVittel{text-align:center; width:3em; background-color:#EFDD68;}
.tableau .largeleft, .sortable .largeleft{text-align:left; width:13em;}
.tableau .largecenter, .sortable .largecenter{text-align:center;	width:12em;}
.tableau .eqCltEquipesVittel{text-align:left; width:12em; background-color:#EFDD68;}
	
/*------------------------------ BODY ----------------------------------------*/
body{font-size:62.5%; height:auto; background:#000; background-image:url(../images/design/back.png); text-align:center; color:#000; font-family:Helvetica, Arial, Verdana;}

/*------------------------------ PAGE ----------------------------------------*/
#page{margin:auto; width:900px; height:auto; text-align:left; background-color:#FFF;}
#page img{border-width:0;}

/*------------------------------ HEADER ----------------------------------------*/
#header{height:140px; background-image:url(../images/design/header2.jpg);}
#header img{float:right; height:100%;color:#000;}	

/*------------------------------ MENU HAUT ----------------------------------------*/
#menuHautDroit{margin:0; padding:0; height:25px; background:#000; background-image:url(../images/design/back.png); border-top:1px solid #FFF; border-bottom:1px solid #FFF;}
#menuHautDroit ul{border:0; list-style-type:none; text-align:center;}
#menuHautDroit ul li{display:block; float:right;}
#menuHautDroit ul li a{display:block; background-color:#888; width:100px; height:25px; border-left:1px solid #FFF; color:#000; text-decoration:none; font-size:1.3em; line-height:1.8em;}
#menuHautDroit ul li a:hover, #menuHautDroit ul li a:focus{background-color:#FF6600; color:#FFF;}
#menuHautDroit p{float:left; padding:0 0 0 0.5em; font-size:1.3em; font-weight:bold; line-height:1.8em; color:#FFF;}

/*------------------------------ MENU GAUCHE ----------------------------------------*/	
#menuGauche {float:left; height:auto; margin:0; padding:0.8em 0 0 8px;}
#menuGauche .image{clear:left; text-align:center; margin-bottom:0.7em;}
#menuGauche #menu {float:left; list-style:none; position:relative; margin-bottom:0.8em; width:150px; z-index:3;}
#menuGauche #menu ul {list-style:none; width:150px; height:auto; position:absolute; left:-9999px; top:-1px;}
#menuGauche #menu table {border-collapse:collapse; width:0; height:0; margin:-1px -10px;}
#menuGauche #menu li {float:left; border-bottom:1px solid #B02929; border-right:1px solid #B02929; border-left:1px solid #B02929;}
#menuGauche #menu li.titre {width:150px; background:url(../images/design/gauche_menutitre.gif) top repeat-x; border-top:1px solid #B02929; line-height:2em; font-size:1.3em; font-weight:bold; text-indent:10px; color:#FFF;}
#menuGauche #menu li.first {border-top:1px solid #B02929;}
#menuGauche #menu li.no_phase2 {text-decoration:line-through;} 
#menuGauche #menu li.separation {height:0.8em; font-size:0.4em; background:#FFF; border:none;}
#menuGauche #menu li a {display:block; float:left; width:150px; background:#888; line-height:1.6em; font-size:1.3em; text-decoration:none; font-weight:bold; text-indent:10px; color:#000;}
#menuGauche #menu li a.fly {background:#888 url(../images/design/fleche_menu_noire.gif) no-repeat right center;}
#menuGauche #menu li a.fly_en_cours {background:#FF6600 url(../images/design/fleche_menu_blanche.gif) no-repeat right center; color:#FFF;}
#menuGauche #menu li a#en_cours,
#menuHautDroit ul li a#en_cours {background-color:#FF6600; color:#FFF;}
#menuGauche #menu li:hover {position:relative;}
#menuGauche #menu li a:hover {position:relative; background-color:#FF6600; color:#FFF;}
#menuGauche #menu li a.fly:hover {position:relative; background:#FF6600 url(../images/design/fleche_menu_blanche.gif) no-repeat right center; color:#FFF;}
#menuGauche #menu li:hover > a {background-color:#FF6600; color:#FFF;}
#menuGauche #menu li:hover > a.fly {background:#FF6600 url(../images/design/fleche_menu_blanche.gif) no-repeat right center;}
#menuGauche #menu ul li a {background:#aaa; width:150px;}
#menuGauche #menu ul li a.fly {background:#aaa url(../images/design/fleche_menu_noire.gif) no-repeat right center;}
#menuGauche #menu ul ul li a {background:#ccc; width:80px; text-indent:0px; text-align:center;}
#menuGauche #menu li a.current,
#menuGauche #menu ul li a.current,
#menuGauche #menu ul ul li a.current,
#menuGauche #menu ul ul ul li a.current {background-color:#c40; color:#FFF;}
#menuGauche #menu :hover ul,
#menuGauche #menu :hover ul :hover ul,
#menuGauche #menu :hover ul :hover ul :hover ul {left:140px;}
#menuGauche #menu :hover ul ul,
#menuGauche #menu :hover ul :hover ul ul {left:-9999px;}
#menuGauche #menu ul li:hover > a {background-color:#FF6600; color:#FFF;}
#menuGauche #menu ul ul li:hover > a {background-color:#FF6600; color:#FFF;}

/*------------------------------ MENU DROIT ----------------------------------------*/	
#menuDroit{float:right; height:auto; margin:0; padding:0.8em 8px 0 0;}
#menuDroit .bloc{margin-bottom:0.7em; text-align:center; border:1px solid #B02929;}
#menuDroit .bloc p{line-height:1.4em; font-size:1.3em; color:#000;}
#menuDroit .bloc p.titre{background:url(../images/design/gauche_menutitre.gif) top repeat-x; border-bottom:1px solid #B02929; text-align:left; line-height:2em; font-size:1.3em; font-weight:bold; text-indent:10px; color:#FFF;}
#menuDroit .image{clear:right; text-align:center; margin-bottom:0.7em;}
#menuDroit a.a{display: block; margin-bottom:0.7em;}

/*------------------------------ CONTENU ----------------------------------------*/	
/*Contenu général*/
#contenuGlobal{margin:0 175px 0 175px; padding:0;}
/*Contenu barre de navigation*/
#contenuHaut{padding-top:0.3em; padding-bottom:0.3em; padding-left:0.8em; color:#616161; text-align:left; background:url(../images/design/contenuhaut.gif) top left repeat-y; font-size:1.1em; color:#616161;}
#contenuHaut a:hover,a:focus{background:none; text-decoration:underline;}
/*Contenu Texte*/
#contenuTexte{position:relative; margin:1.2em 0 1.5em 0;}
#contenuTexte h1{padding-bottom:0.25em; font-family:georgia, webding, helvetica, arial; font-size:2em; color:#B02929;}
#contenuTexte h2{margin:1em 0 0.5em 0; padding-left:1.2em; background:url(../images/design/puce_rouge.gif) left no-repeat; font-size:1.5em; color:#01970D;}
#contenuTexte h3{margin:0.8em 0 0.2em 0;	font-size:1.3em; font-weight:normal; color:#FF6600;}
#contenuTexte h4{font-size:1.3em; color:#000;}
#contenuTexte p{text-align:justify; line-height:1.4em; font-size:1.3em; color:#000;}
#contenuTexte p.left{text-align:left;}
#contenuTexte p.center{text-align:center;}
#contenuTexte p.alignright{text-align:right;}
#contenuTexte a{	text-decoration:none;color:#003399;}
#contenuTexte a:hover, #contenuTexte a:focus{text-decoration:underline; background:none;	color:#003399;}
#contenuTexte a.lien{text-decoration:none; color:#003399;}
#contenuTexte a.lien:hover, #contenuTexte a.lien:focus{text-decoration:underline; background:none; color:#003399;}	
#contenuTexte img{border:1px solid #959EAD; padding:1px; background-color:#FFF;}
#contenuTexte img.noborder{border:none;}
#contenuTexte table img{border:none;}
/*Séparation sous titre H1*/	
.separation{margin-bottom:1em; height:4px; background:url(../images/design/cont_separation.gif) top repeat-x;}
/*Séparation page "presse"*/
.petit_separation{height:3px; margin:1.5em 20em 1em 20em; background:url(../images/design/cont_separation.gif) top repeat-x;}	
/*Sommaire sur certaines pages*/
#contenuTexte .sommaire{	margin:0; padding:0 0.5em 0.5em 0.5em; border:1px dotted #FF6600;}
#contenuTexte .sommaire  dt, #contenuTexte .sommaire  dd, #contenuTexte .sommaire  dt dd a, #contenuTexte .sommaire  dt dd a:hover, #contenuTexte .sommaire  dt dd a:focus{color:#000; font-size:1.3em; line-height:1.35em; list-style-type:none;}
#contenuTexte .sommaire dt{margin-top:0.5em;}
#contenuTexte .sommaire dd{margin-left:0.5em;}
#contenuTexte .sommaire dt dd a{text-decoration:none;	color:#003399;}
/*Haut de page*/	
#lienremonte{margin-bottom:1em;	padding:0.5em 0 1em 0; text-align:center;}
#lienremonte a{text-decoration:none;	color:#C1C1C1;}
#lienremonte a:hover, #lienremonte a:focus{background:none; color:#777777;}
#lienremonte img{position:relative; top:0.3em; left:0.3em;}
	
/*----------------------------------- FORMULAIRE ------------------------------------*/
/* fieldset , legend */
fieldset{padding:1em 0 1em 0; margin:0; width:auto; border:1px solid #BFBAB0;}
fieldset p{margin:0.5em 0 0.5em 0.8em;}
fieldset legend{margin:0 0 0 0.4em; padding:0 0.4em 0 0.4em; border-left:1px solid #BFBAB0; border-right:1px solid #BFBAB0; line-height:1.4em; font-size:1.3em; color:#000;}
/* Label */
label{display:block; float:left; padding:0.3em 0.2em 0.3em 0; margin:0; width:15em; background-color:#FFCC66; text-align:right; line-height:1.4em; font-weight:bold;}
label em{display:block; float:left; padding:0.4em 0 0 0.4em; color:#01970D; font-size:70%; text-transform:uppercase; text-align:left; font-weight:normal;}
/* Input */
input{margin:0 0 0 0.5em; padding:0.3em 0 0.3em 0; width:24em; border:#888 1px solid;}
input:hover, input:focus{background-color:#BFBAB0;}
/* Textarea */
textarea{margin:0 0 0 0.5em; padding:0.3em 0 0.3em 0; width:24em; border:#888 1px solid;}
textarea:hover, textarea:focus{background-color:#BFBAB0;}
/* Bouton */
input[type="submit"]{height:auto; width:auto; margin:1em 0 0 15.3em; padding:0; background-color:#BFBAB0; border:#888 1px solid;}
input[type="submit"]:hover{background-color:#66CC33; cursor:pointer;}
/* Checkbox */
input[type="checkbox"]{margin-top:0.5em; width:auto; border:none;}
/* Erreur formulaire */
#contenuTexte .erreurform{border:red 2px solid; text-align:center; color:#000; font-weight:bold;}

/*----------------------------------- NEWS -----------------------------------------*/	
#news a{	text-decoration:none; color:#003399;}
#news a:hover, #news a:focus{text-decoration:underline; color:#003399;}
	
/*------------------------------ LIVRE D'OR ----------------------------------------*/	
.pagination{margin-bottom:1.5em; color:#000; font-size:1.3em; line-height:1.4em; text-align:center;}
.page_on{color:#01970D;}			
.ensemble_blocs{border:1px solid #BFBAB0; margin:0 3em 1.5em 3em;}
.infos_msg{color:#000; font-size:1em; text-align:justify; background-image:url(../images/design/livreor_infos.jpg); padding:0.2em 0.2em 0.2em 0.5em;}
.bloc_msg{color:#000; font-size:1.3em; line-height:1.4em; text-align:justify; padding:0.5em;}

/*------------------------------ FOOTER ----------------------------------------*/	
#footer{padding:1.5em 0 1em 0; width:100%; height:20px;	clear:both;	text-align:center; border-top:1px solid #000;}
#footer img{position:relative; top:0.4em;}

/*------------------------------ CALENDRIER ----------------------------------------*/
/* Tableau du calendrier*/
.mainTable{width:148px;}
.monthRow{text-align:center; font-size:1.3em; line-height:1.5em; color:#000; font-family:Helvetica, Arial, Verdana; }
.dayNamesText{font-family:Helvetica, Arial, Verdana; font-size:1.2em; line-height:1.4em; color:#000; width:21px;}
.rows{font-family:Helvetica, Arial, Verdana; font-size:1.2em; line-height:21px; color:#000; text-align:center; vertical-align:middle;}
/* Popup sur OnMouseover */
.popup{margin:0; padding:0; border:1px solid #B02929;}
.popup h1{margin:0.1em; background:#B02929; color:#FFF; font-size:1.2em; font-weight:normal; line-height:1.6em; text-align:center; text-decoration:none;}
.popup p{margin-left:0.2em; color:#000; font-size:1.1em; line-height:1.4em; text-align:left; text-decoration:none;}
.sOther{background-color:#412541; font-family:Helvetica, Arial, Verdana; font-size:1.1em; color:#BBB;}
.popupDate2{padding:4px; font-family:Helvetica, Arial, Verdana; font-size:1.2em; line-height:1.4em; font-weight:normal; color:#FFF; text-align:left; background-color:#336699;}
.popupClose{font-family:Helvetica, Arial, Verdana; font-size:1.2em; line-height:1.4em; color:#FFF; text-align:right; background-color:#336699;}
.categoryDiv{padding:4px; background-color:#FCF5EF; border:1px solid #EAEAEA; border-bottom:0px solid #EAEAEA;}
.categoryName{font-family:Helvetica, Arial, Verdana; font-size:9px; font-weight:bold; color:#666;}
.categorySelection{font-family:Helvetica, Arial, Verdana; font-size:9px; font-weight:normal; color:#777;}
.popupEventDescription{padding:4px; font-family:Helvetica, Arial, Verdana; font-size:10px; color:#000; font-weight:normal; background-color:#FFF; border:1px solid #EAEAEA;}
	
/*----------  GALERIE PHOTOS  et TROMBINOSCOPE (indice _t)----------*/	
.tableIm1{margin:auto; border-spacing:15px; text-align:center; vertical-align:middle;}
.tableIm1_t{margin:auto; border-spacing:1px; text-align:center; vertical-align:middle;}
.tableIm3_t{margin:auto; border-spacing:20px; text-align:center; vertical-align:middle;}	
.tableIm2{border-spacing:1px; background-color:#BFBAB0; text-align:center; vertical-align:middle;}
.tableIm2_t{border-spacing:1px; background-color:#BFBAB0; text-align:center; vertical-align:middle;}
td.tddossierimg{	background-color:#FFF; border:1px solid #FFFFFF; text-align:center; vertical-align:middle;}
td.tddossierimg:hover, td.tddossierimg:focus{border:1px solid #BFBAB0; text-align:center; vertical-align:middle;}
#contenuTexte .tddossierimg img {border:1px solid #BFBAB0; text-align:center; vertical-align:middle; padding:0;}
td.tddossiertxt, td.tddossiertxt3 {background-color:#F2EFE9; color:#B02929; font-size:1em;	font-family:Helvetica, Arial, Verdana; text-align:center; vertical-align:middle;}
td.tddossiertxt3 {font-size:1.3em;}
#contenuTexte p.photosPage{background-color:#F2EFE9; text-align:center;}
.txtrouge {font-size:xx-small; color:#FF0000; font-weight:bold;}
.fdcolor1 {background-color:#99CCCC;	padding:4px;}
	
/*------------------------------ ORGANIGRAMME ----------------------------------------*/	
.case1, .case2 {position:absolute; border:1px dotted #01970D; background-color:#F2EFE9; z-index:2;}
.lienhorizontal {position:absolute; border-top:2px solid #BFBAB0; z-index:1;}
.lienvertical {position:absolute; border-left:2px solid #BFBAB0; z-index:1;}


#secretariat, #equipes, #webmaster, #communication1, #communication2, #arbitre1, #arbitre2, #president{padding-top:0.2em; text-align:center; width:17%; height:33%;}
#secretariat, #equipes, #webmaster, #communication1, #arbitre1{top:38%;}
#communication2, #arbitre2{top:73%;}
#president{top:0%;}
#president p, #secretariat p, #equipes p, #webmaster p, #communication1 p, #arbitre1 p, #communication2 p, #arbitre2 p{color:#000; font-size:1.3em; line-height:1.5em; text-align:center; border:0px solid red;}	
#president{left:41.5%;}
#secretariat{left:2.5%;}
#equipes{left:22%;}
#communication1, #communication2{left:41.5%;}
#webmaster{left:61%;}	
#arbitre1, #arbitre2{left:80.5%;}
#lienhorizontal1{left:11%; top:35.5%; width:78%;}
#petitlienvertical1, #petitlienvertical2, #petitlienvertical3{top:35.5%; height:8%;}
#petitlienvertical1{left:11%;}
#petitlienvertical2{left:30.5%;}
#grandlienvertical1{left:50%; top:28%; height:55%}
#petitlienvertical3{left:69.5%;}
#petitlienvertical4{left:89%; top:35.5%; height:55%;}
#Organigramme{position:relative; height:600px;}
#Organigramme .ligne1{position:relative; height:14%;}
#Organigramme .photo{position:relative; height:55%;}
#Organigramme .ligne2{position:relative; height:24%;}