html, body {
    overflow-y: auto !important;
    height: auto !important;
}

.mytooltip {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.mytooltip-text {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #333;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    opacity: 0;
    pointer-events: none;
    white-space: nowrap;
    transition: opacity 0.2s ease-in-out;
    margin-top: 5px;
    z-index: 10;
}

.mytooltip:hover .mytooltip-text {
    opacity: 1;
}

.disabled-link {
    pointer-events: none;
    opacity: 0.5;
    cursor: not-allowed;
}

.disabled-link {
    pointer-events: none;  /* Désactive les interactions */
    opacity: 0.5;          /* Rend le lien visuellement désactivé */
    cursor: not-allowed;   /* Change le curseur pour indiquer l'indisponibilité */
}

/* Largeurs de colonnes en % */
.col-w-5 { width: 5%; min-width: 50px; }
.col-w-10 { width: 10%; min-width: 80px; }
.col-w-15 { width: 15%; min-width: 100px; }
.col-w-20 { width: 20%; min-width: 120px; }
.col-w-25 { width: 25%; min-width: 150px; }
.col-w-30 { width: 30%; min-width: 180px; }
.col-w-40 { width: 40%; min-width: 200px; }
.col-w-50 { width: 50%; min-width: 250px; }
.col-w-60 { width: 60%; min-width: 275px; }

/* Actions column - généralement petite et fixe */
.col-actions { width: 120px; min-width: 120px; }

.dropdown-container {
	position: relative;
	width: 350px;   /* Largeur minimale à demander, sera réduite par son container */
  }

@media(max-width:476px) {
    .dropdown-container {
        width:250px ;
    }
}

.combo-classement {
    width: 320px ;
}
@media(max-width:476px) {
    .combo-classement {
        width: 250px ;
    }
}
.para-classement {
    width: auto ;
}
@media(max-width:476px) {
    .para-classement {
        width: 300px ;
    }
}
  .search-box {
	width: 100%;
	padding: 8px;
	box-sizing: border-box;
	border: 1px solid #ccc;
	border-radius: 4px;
  }
  .dropdown-list {
	max-height: 200px;
	overflow-y: auto;
	border: 1px solid #ccc;
	border-top: none;
	list-style: none;
	padding: 0;
	margin: 0;
  margin-top:30px!important;
	display: none;
	position: absolute;
	background-color: #fff;
	z-index: 10;
	width: 100%;
  }
  .dropdown-item {
	padding: 8px;
	cursor: pointer;
  }
  .dropdown-item:hover {
	background-color: #f0f0f0;
  }
  .dropdown-item.selected {
	background-color: #e0e0e6;
  }
  
  body{
	margin:0;
	padding:0;
	color:#3e3e3e;
	font-family:arial;
	font-size:12px;
	/* background:#dadada; */
}

.clear{
	clear:both;
	height:0;
}

img{
	border:0;
}

#global{
	width:973px;
	/* margin:10px auto; */
	background:#fff;
	padding:0 11px;
}

#contenu{
	float:left;
	/* width:799px; */
    width: calc(100vw - 10px);
    max-width:795px ;
    margin: 0 auto ;
}

#contenu-noleft{
	/* float:left; */
	/* width:799px; */
    width: calc(100vw - 10px);
    max-width:795px ;
    margin: 0 auto ;
}

@media (max-width: 768px) {
    #contenu{
        float:left;
        /* width:700px; */
    }
}

@media (max-width: 576px) {
    #contenu{
        float:left;
        /* width:550px; */
    }
}

@media (max-width: 368px) {
    #contenu{
        float:left;
        /* width:350px; */
    }
}

#contenu .fil{
	margin:0;
	padding:15px 0 10px 0;
}

#contenu .fil a{
	text-decoration:none;
	color:#a0a0a0;
}

.rose{
	color:#cb3d84;
}

/******** ENTETE *************/

#entete{
	background:url(../images/fond-entete.gif) no-repeat 65% top;
}

#entete .logo{
	float:left;
	margin:7px 80px 3px 20px;
	display:inline;
}

/* Responsive : jusqu'à md (<=576px) */
@media (max-width: 576px) {
    #entete .logo { 
	    margin:7px 0px 3px 20px;
    }
}


#entete .logo-ffta{
	float:right;
	margin:7px 0px 0 0;
	display:inline;
}

/* Responsive : jusqu'à md (<=768px) */
@media (max-width: 768px) {
    #entete .logo-ffta { 
        float:unset ;
        padding-left:50px ;
    }
}

#entete .logoTexte{
	margin:25px 0 0 0;
	float:left;
}

#entete .logoCnx{
	/* margin:25px 0 0 100px; */
	margin:25px 0 0 0px;
	float:left;
}

/* Responsive : jusqu'à md (<=576px) */
@media (max-width: 576px) {
    #entete .logoCnx { 
	margin:25px 0 0 10px;
    }
}

#barreRecherche{
	background:#dadada;
	height:43px;
}

form#identification, form#rechercher{
	margin:0;
	padding:4px 0 0 34px;
	float:left;
}

form#identification{
	visibility:hidden;
}

form#identification label, form#rechercher label{
	float:left;
	display:block;
	color:#be0d65;
	font-size:13px;
	padding:5px 0 0 45px;
	height:20px;
}

form#identification input, form#rechercher input{
	margin:0 0 0 14px;
	padding:0 0 0 5px;
	float:left;
	border:1px solid #c8c8c8;
	width:120px;
	color:#858585;
}

form#identification input.btnOk, form#rechercher input.btnOk{
	margin:0 0 0 5px;
	padding:0;
	border:0;
	width:auto;
}

form#identification label{
	background:url(../images/identification.gif) no-repeat top left;
	height:30px;
}

form#rechercher label{
	background:url(../images/rechercher.gif) no-repeat top left;
	height:30px;
}

form#rechercher input{
    height: 30px ;
	width:190px;
}

/******** ENTETE *************/

/******** GAUCHE *************/

#gauche{
	padding:25px 18px 20px 0;
	width:156px;
	float:left;
}

#gauche .trait{
	border-top:1px solid #d3d3d3;
}

#gauche p{
	font-size:14px;
	color:#be0d65;
	margin:0;
	padding:7px 0 7px 0;
}

#gauche ul{
	margin:0;
	padding:7px 0 15px 0;
	list-style:none;
}

#gauche ul li{
	margin:0 0 7px 0;
}

#gauche ul a{
	text-decoration:none;
	color:#626161;
}

#gauche ul li.gaucheContact{
	margin:25px 0 15px 0;
}

#gauche ul li.gaucheContact a{
	color:#be0d65;
}

/******** GAUCHE *************/

/******** ACCUEIL ************/

#accueil-resp{
	float:left;
	width:799px;
	padding:12px 0 20px 0;
}

/* @media (max-width: 768px) {
#accueil-resp{
	width:700px;
}
}

@media (max-width: 576px) {
    #accueil-resp{
        width:535px;
    }
}

@media (max-width: 368px) {
    #accueil-resp{
        width:368px;
    }
} */
#accueil-resp{
    /* width: calc(100vw - 10px); */
}

@media (max-width: 768px) {
    #accueil-resp{
        width: calc(100vw - 10px);
    }
}

#accueil-resp1{
	float:left;
	/* width:799px; */
	/* padding:12px 0 20px 0; */
}

/* @media (max-width: 768px) {
#accueil-resp1{
	width:700px;
}
}

@media (max-width: 576px) {
    #accueil-resp1{
        width:535px;
    }
}

@media (max-width: 368px) {
    #accueil-resp1{
        width:535px;
    }
}
 */
#accueil-resp1{
    width: calc(100vw - 10px);
    max-width:795px ;
    margin: 0 auto ;
}

#accueil{
	float:left;
	width:799px;
	padding:12px 0 20px 0;
}

#une{
	float:left;
	width:525px;
	margin:0 10px 0 0;
}

#une .titre{
	background:url(../images/fond-une.gif) no-repeat top left;
	height:65px;
}

#une .titre img{
	margin:20px 0 0 20px;
	float:left;
}

#une .titre .pagination{
	float:right;
	padding:7px 8px 0 0;
}

#une .titre .pagination a{
	display:block;
	float:left;
	width:19px;
	height:17px;
	border:1px solid #fff;
	text-align:center;
	color:#fff;
	text-decoration:none;
	padding:2px 0 0 0;
}

#une .visuelUne{
	border:7px solid #e3e3e3;
	position:relative;
}

#une .texteUne{
	position:absolute;
	background:url(../images/fond-text-une.png) repeat top left;
	width:96%;
	bottom:0;
	left:0;
	color:#fff;
	font-size:13px;
	padding:10px;
}

#une .texteUne a{
	background:#be0d65;
	color:#fff;
	text-decoration:none;
	padding:2px 0 3px 5px;
	display:block;
	width:80px;
	font-size:12px;
	margin:10px 0 0 0;
	float:right;
}

#une .texteUne p{
	margin:0;
	padding:0;
}

#une .visuelUne img{
	display:block;
}

#accueil img.club{
	float:left;
}

#saisin-v1-v1{
	float:left;
	background:#4b4b4b;
	width:232px;
	padding:16px 16px 10px 16px;
	margin:10px 0 0 0;
}

#saisin-v1 h2{
	margin:0 0 10px 0;
	padding:0;
}

#saisin-v1 ul{
	margin:0;
	padding:10px 0 0 0;
	list-style:none;
}

#saisin-v1 ul li{
	margin:0 0 5px 0;
	background:url(../images/puce-saison.gif) no-repeat left 7px;
	padding:0 0 0 7px;
}

#saisin-v1 ul a{
	color:#fff;
	text-decoration:none;
	font-size:13px;
	font-weight:bold;
}

#actualite{
	float:left;
	width:397px;
	margin:10px 10px 0 0;
	background:#ececec;
	padding:10px 15px 10px 15px;
	min-height:315px;
}

#actualite h2, #agenda h2{
	margin:0 0 5px 0;
	padding:0 0 10px 0;
	border-bottom:2px solid #be0d65;
}

#actualite h2{
	margin:0 0 15px 0;
    font-size: 18px ;
}

#actualite label{
	font-weight:bold;
	display:block;
}

#actualite p{
	margin:0;
	padding:0 0 15px 0;
}

#actualite a{
	color:#be0d65;
	text-decoration:none;
}

#actualite p.toutVoir{
	text-align:right;
	padding:8px 0 0 0;
}

#agenda{
	float:left;
	width:332px;
	background:#ececec;
	margin:10px 0 0 0;
	padding:10px 15px 10px 15px;
	min-height:315px;
}

#agenda label{
	display:block;
	color:#c44178;
	font-family:"Times New Roman";
	font-size:14px;
	font-style:italic;
	margin:10px 0 0 0;
}

#agenda .trait{
	margin:8px 0 0 0;
	border-top:1px solid #bbbbbb;
}

#agenda p{
	padding:15px 0 0 0;
	margin:0;
	text-align:right;
}

#agenda a{
	text-decoration:none;
	color:#3e3e3e;
}

/******** ACCUEIL ************/

/******** CLUB **************/

#googleMap{
	width:465px;
	height:456px;
	float:left;
}

#listeClub{
	float:left;
	background:#be0d65;
	width:300px;
	color:#fff;
	padding:20px 0 0 20px;
	height:436px;
}

#listeClub p{
	font-size:24px;
	font-weight:bold;
	padding:0;
	margin:0;
}

#listeClub ul{
	margin:0;
	padding:20px 0 0 0;
	list-style:none;
	height:370px;
	width:285px;
	overflow-y: scroll;

}

#listeClub a{
	color:#fff;
	text-decoration:none;
	font-size:14px;
}

#listeClub a:hover{
	color:#fed390;
}

/******** CLUB **************/

/******** FICHE CLUB *********/

#clubMap{
	width:250px;
	height:250px;
	float:left;
	margin:0 10px 25px 0;
}

#ficheClub{
	float:left;
	width:395px;
	font-size:13px;
	color:#000;
	height:250px;
	position:relative;
}

#ficheClub p{
	margin:0;
	padding:15px 0 15px 25px;
	background:#f3f3f3;
	border:1px solid #c4c4c4;
	position:absolute;
	width:100%;
	bottom:0;
	line-height:18px;
}

/******** FICHE CLUB *********/

/******** PAGE ***************/

#page{
	padding:15px 0 0 5px;
	/* width:799px; */
    width: calc(100% - 10px) ;
    max-width:795px;
}

/* On centre la boite sur les grandes resolutions */
@media(min-width:792px) {
    #page {
        margin-left: calc((100vw - 781px) / 2);
    }
}

#page h2{
	background:#be0d65;
	color:#fff;
	padding:5px 0 5px 14px;
	margin:0 0 0px 0;
	width:781px;
	font-size:18px;
    line-height: 32px ;
    font-weight:normal!Important ;
    text-align:unset ;
    text-shadow:unset ;
}

@media (max-width: 768px) {
    #page h2{
        width:auto;
    }
}

@media (max-width: 368px) {
    #page h2{
        width:300px;
    }
}

#page h3{
    font-weight:bold;
	font-size:16px;
	margin:0;
	padding:15px 0 10px 0;
	color:#be0d65;
    text-align: center ;
    line-height: 29px ;
}

#page h4{
    font-size: 14px ;
    font-weight:bold;
}

#page .premierPara{
	float:left;
	width:469px;
	padding:0 10px 0 0;
}

/* .wrapper a.btnRetour{
	float:right;
	color:#3e3e3e;
	text-decoration:none;
	background:url(../images/retour.gif) no-repeat top left;
	display:block;
	padding:4px 25px 0 25px;
}
 */
.wrapper a.btnRetour {
  float: right;
  color: var(--bs-primary);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  font-size: 0;         /* Ignore le texte présent dans le <a> */
}

/* ajout de l'icône avant le texte */
.wrapper a.btnRetour::before {
  font-family: "bootstrap-icons";
  content: "\f12e";     /* code unicode de bi-arrow-left-square */
  font-size: 1.4rem;
  margin-right: 6px;
}

/* texte fixe */
.wrapper a.btnRetour::after {
  font-family: inherit;  /* Reprend la police du site */
  content: "Retour";     /* Texte fixe dans le <a> */
  font-size: 1rem;
  color: var(--bs-primary);
  /* margin-left: 3px; */
}

.actu-detail {
    zoom: 1.2 ;
}

#page .agenda label{
	display:block;
	color:#c44178;
	font-family:"Times New Roman";
	font-size:14px;
	font-style:italic;
	margin:10px 0 0 0;
}

#page .agenda .trait{
	margin:8px 0 0 0;
	border-top:1px solid #bbbbbb;
}

#page .agenda a{
	text-decoration:none;
	color:#3e3e3e;
}

#page .actualite label{
	font-weight:bold;
	display:block;
}

#page .actualite p{
	margin:0;
	padding:0 0 15px 0;
}

#page .actualite a{
	color:#be0d65;
	text-decoration:none;
}

/******** INSCRIPTION **********/
#page div.tokenPwd{
	padding:10px 10px 0px 10px;
	background:#f3f3f3;
	border:1px solid #c4c4c4;
	margin:0;
}

@media (max-width:368px) {
    #page div.tokenPwd{
        width:300px;
    }
}

#page div.inscriptChamp{
	margin:0;
	padding:0 0 15px 30px;
	background:#f3f3f3;
	border:1px solid #c4c4c4;
}

.modal-inscript{
	background-color: #be0d65;
	color:#ffffff;
}

.btn-inscript{
	background-color: #be0d65;
	color:#ffffff;
}

#page div.inscriptChamp input.btnAfficher2{
	float:none;
	margin:15px 0 0 80px;
	padding: 5px 10px ;
	background-color: #be0d65;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none ;
}

#page div.inscriptChamp button.btnAfficher2{
	float:none;
	margin:15px 0 0 80px;
	padding: 5px 10px ;
	background-color: #be0d65;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none ;
}

#page div.inscriptChamp input.btnAfficher{
	float:none;
	margin:15px 0 0 200px;
	padding: 5px 10px ;
	background-color: #be0d65;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none ;
}

#page div.inscriptChamp input.btnDisabled{
	float:none;
	margin:15px 0 0 200px;
	padding: 5px 10px ;
	font-weight:bold;
	text-decoration:none ;
	pointer-events: none; /* Désactive les interactions */
	cursor: not-allowed;  /* Affiche un curseur interdit */
	color: #e0e0e0;       /* Grise le texte pour un effet désactivé */
	background-color: #d8a2b6; /* Optionnel : fond pour ressembler à un bouton */
	text-decoration: none; /* Enlever le soulignement */

}

/******** CONNEXION INSCRIPTION **********/
#page div.identChamp{
	margin:0;
	padding:0 30px 15px 30px;
	background:#f3f3f3;
	border:1px solid #c4c4c4;
    max-width:735px ;
}

.margin-connect {
    margin-top: 5px ;
    margin-left: 100px ;
}

.input-connect {
    height: 20px ;
    width: 300px ;
}

@media (max-width:368px) {
    #page div.identChamp{
        width: 300px ;
	    padding:0 10px 15px 10px;
    }

    .margin-connect {
        margin-top: 5px ;
        margin-left: 50px ;
    }

    .input-connect {
        height: 20px ;
        width: 270px ;
    }
}

#page div.identChamp input.btnAfficher{
	float:none;
	margin:15px 0 0 0;
	padding: 5px 10px ;
	background-color: #be0d65;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none ;
    width: auto;
}

#page div.identChamp input.btnDisabled{
	float:none;
	margin:15px 0 0 50px;
	padding: 5px 10px ;
	font-weight:bold;
	text-decoration:none ;
	pointer-events: none; /* Désactive les interactions */
	cursor: not-allowed;  /* Affiche un curseur interdit */
	color: #e0e0e0;       /* Grise le texte pour un effet désactivé */
	background-color: #d8a2b6; /* Optionnel : fond pour ressembler à un bouton */
	text-decoration: none; /* Enlever le soulignement */

}

#page .coloneCritereG form.identLicence{
	float:left;
	width:280px;
	padding:30px 0 0 0;
}

#page .coloneCritereD form.identLicence{
	float:left;
	width:480px;
	padding:30px 0 0 0;
}


/******** CHAMPIONNATS ***********/
#page div.presentChamp{
	margin:0;
	padding:0 0 15px 15px;
	background:#f3f3f3;
	border:1px solid #c4c4c4;
}

#page table.tableChamp{
	width: 380px;
	background-color:#dadada;
	border: 1px solid #000 ;
	margin:20px 0 0 0;
	display:block;
	table-layout:fixed ;
	border-collapse: collapse ;
	/* width:100%; */
}

#page table.tableChamp td.col1 {
    width: 300px;
}

#page table.tableChamp td.col2 {
    width: 80px;
	text-align:center ;
}

#page table.tableChamp td,
#page table.tableChamp th {
    border: 1px solid #c4c4c4; /* Une bordure fine gris clair */
    padding: 5px; /* Ajustez le padding si nécessaire */
    border-collapse: collapse; /* Permet de fusionner les bordures adjacentes */
}

/* Infos du championnat pour inscription (panelInfoChampionnat.php) */
#page div.presentChamp a.btnAfficher{
	float:none;
	margin:15px 0 0 20px;
	padding: 5px 5px ;
	background-color: #be0d65;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none ;
}

#page div.presentChamp a.btnDisabled{
	float:none;
	margin:15px 0 0 20px;
	padding: 5px 5px ;
	font-weight:bold;
	text-decoration:none ;
	pointer-events: none; /* Désactive les interactions */
	cursor: not-allowed;  /* Affiche un curseur interdit */
	color: #e0e0e0;       /* Grise le texte pour un effet désactivé */
	background-color: #d8a2b6; /* Optionnel : fond pour ressembler à un bouton */
	text-decoration: none; /* Enlever le soulignement */

}

#page div.presentChamp input.btnAfficher{
	float:none;
	margin:15px 0 0 270px;
}

@media (max-width: 576px) {
    #page div.presentChamp a.btnAfficher{
        margin:0px 0 0 0px;
    }

    #page div.presentChamp a.btnDisabled{
        margin:0px 0 0 0px;
    }
}


/******** RECHERCHE LICENSE **********/

#page form.critereRechercheLicense{
	margin:0;
	padding:0 0 15px 30px;
	background:#f3f3f3;
	border:1px solid #c4c4c4;
}

@media (max-width:368px) {
    #page form.critereRechercheLicense{
        margin:0;
        padding:0 0 15px 10px;
        background:#f3f3f3;
        border:1px solid #c4c4c4;
    }
}

#page form.critereRechercheLicense label{
	float:left;
	display:block;
	width:70px;
}

#page form.critereRechercheLicense input, #page form.critereRechercheLicense select{
	float:left;
	margin:0 0 10px 0;
	/* padding:0; */
}

#page form.critereRechercheLicense .coloneCritereG{
	float:left;
	/* width:280px; */
	padding:30px 10px 0 0;
}

#page form.critereRechercheLicense .coloneCritereD{
	float:left;
	/* width:480px; */
	padding:30px 0 0 0;
}

#page form.critereRechercheLicense .coloneCritere{
	float:left;
	width:380px;
	padding:30px 0 0 0;
}

#page form.critereRechercheLicense input.btnAfficher{
	float:none;
	margin:15px 0 10px 270px;
	padding: 5px 10px ;
	background-color: #be0d65;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none ;
}
@media(max-width:476px) {
    #page form.critereRechercheLicense input.btnAfficher{
        float:none;
        margin:15px 0 10px 130px;
        padding: 5px 10px ;
        background-color: #be0d65;
        color:#ffffff;
        font-weight:bold;
        text-decoration:none ;
    }
}

#page form.critereRechercheLicense input.btnAfficher2{
	float:none;
	margin:15px 10px 0 100px;
	/* padding-bottom:10px; */
}

#page table.listeLicense{
	margin:20px 0 0 0;
	display:block;
}

#page table.listeLicense th{
	color:#be0d65;
	padding:3px 0 3px 0;
	background:#f3f3f3;
}

#page table.listeLicense td{
	font-size:9px;
	padding:3px 0 3px 0;
}

#page table.listeLicense tr.rose{
	background:#f0cdde;
}

#page form.formInscription label{
	float:left;
	margin:0 10px 0 0;
}

#page form.formInscription input{
	float:left;
	margin:0 10px 0 0;
}

#page form.formInscription input.btnValideInscription{
	margin-top:2px;
}

/******** RECHERCHE LICENSE **********/

/******** DOCUMENTS **********/

#catDocument, #pageDocument{
	width:598px;
	margin:auto;
	background:#f3f3f3;
	border:1px solid #d7d7d7;
}

#detailDocument{
	width:310px;
	background:#f3f3f3;
	border:1px solid #d7d7d7;
	float:left;
}

#catDocument h2, #pageDocument h2{
	font-size:18px;
	color:#3e3e3e;
	font-style:italic;
	border-bottom:3px solid #c4c4c4;
	margin:0 32px 0 45px;
	padding:20px 0 5px 0;
}

#detailDocument h2{
	font-size:18px;
	color:#3e3e3e;
	font-style:italic;
	border-bottom:3px solid #c4c4c4;
	margin:0 20px 0 20px;
	padding:20px 0 5px 0;
}

#catDocument ul{
	margin:0;
	padding:20px 0 10px 0;
	list-style:none;
	float:left;
	font-size:18px;
	font-weight:bold;
}

#catDocument ul.premiere{
	border-right:1px solid #c4c4c4;
}

#catDocument li{
	width:298px;
	margin:0 0 10px 0;
}

#catDocument li a{
	padding:2px 0 2px 55px;
	background:url(../images/puce-categorie.gif) no-repeat 40px center;
	text-decoration:none;
	color:#3e3e3e;
	display:block;
}

#catDocument li a:hover{
	background:url(../images/puce-categorie-hover.gif) no-repeat 40px center #dadada;
}

#pageDocument ul, #detailDocument ul{
	margin:0;
	padding:20px 0 10px 0;
	list-style:none;
}

#pageDocument li, #detailDocument li{
	width:100%;
	margin:0 0 10px 0;
}

#pageDocument li a{
	padding:2px 0 2px 45px;
	text-decoration:none;
	color:#3e3e3e;
	display:block;
}

#pageDocument li label{
	color:#cb3d84;
	font-size:14px;
}

#pageDocument li a:hover{
	background:#dadada;
}

#detailDocument a{
	color:#be0d65;
	font-weight:bold;
	background:url(../images/puce-doc.gif) no-repeat 20px center;
	text-decoration:none;
	padding:0 0 0 30px;
}

#detailDocument a:hover{
	text-decoration:underline;
}

/******** DOCUMENTS **********/

/* CONTACT */

#page form.formContact{
	margin:0;
	padding:0;
}

#page form.formContact label{
	display:block;
	float:left;
	width:150px;
}

#page form.formContact input, #page form.formContact textarea{
	float:left;
	margin:0 0 10px 0;
}

#page form.formContact input.btnEnvoyerContact{
	float:none;
	margin:0 0 0 150px;
}

/* CONTACT */

/* GALERIE */

#page .ligneGalerie{
	padding:0 5px 30px 5px;
	float:left;
	width:180px;
	text-align:center;
}

#page .ligneGalerie .titre{
	height:50px;
	display: table-cell;
	vertical-align: middle;
	width:255px;
}

#page .ligneGalerie .titre a{
	text-decoration:none;
	color:#3e3e3e;
	font-size:11px;
}


/* GALERIE */

/******** PIED ***************/

#pied{
	/* padding:20px 0 5px 22px; */
	padding:5px 0 5px 22px;
	margin:0;
	font-size:13px;
}
#pied #piedGauche{
	width:520px;
	float:left;
	text-align:center;
	margin:0 10px 0 0;
}
#piedGauche img {
	margin-left: 0 !important;
	float:left;
}
#pied #piedDroit{
	width:420px;
	float:left;
}
#espaceVertical{
	height:3px;
}

#pied img{
	margin:0 15px 0 15px;
}

#pied a{
	text-decoration:none;
	color:#3e3e3e;
	padding:0 5px 0 5px;
}

#pied a.lienLogo{
	padding:0;
}

/******** PIED ***************/