/* auteur: MEDIATER */

/* Mise en forme principale */

html {
	margin:0;
	padding:0;
}

a:link{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;;
	font-style:normal;
	font-weight:normal;
	color:#5E5F5F;
	text-decoration: underline;
}

a:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;;
	font-style:normal;
	font-weight:normal;
	color:#5E5F5F;
	text-decoration: underline;
}


a:active{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;;
	font-style:normal;
	font-weight:normal;
	color:#5E5F5F;
	text-decoration: underline;
}

a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;;
	font-style:normal;
	font-weight:normal;
	color:#5E5F5F;
	text-decoration: underline;
}
a.lienPage:link, a.lienPage:visited, a.lienPage:active, a.lienPage:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;;
	font-style:normal;
	font-weight:normal;
	color:#5E5F5F;
	text-decoration:none;
	margin:0;
	padding:0;
}

a.lien2Page:link, a.lien2Page:visited, a.lien2Page:active, a.lien2Page:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;;
	font-style:normal;
	font-weight:normal;
	color:#dc3338;
	text-decoration:underline;
	margin:0;
	padding:0;
}


body{
	margin:0;
    padding:0;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;;
	font-weight:normal;
	text-decoration:none;
/*	background-color:#D3CDA3; */
	list-style:url();
}

	

.body_scroller{
	height:360px;
	padding-left:0px;
    padding-top:0px;
    padding-bottom:0px;
    overflow:auto;	
}
.body_backgroundImg
{
	background-image: url("../images/content/fd-generic.jpg");
	background-position:top left;
	background-repeat:no-repeat;
	background-attachment: fixed;
	height:389px;

	padding-top:5px;
	padding-left:15px;
}


/* Structure de la page */

#page{
	width:100%;
	height:620px;
	margin:0;
	padding:0;
	z-index:0;
}

.fondTitre {
	background-image:url("../images/content/titre/titre-fond.gif");
	background-position:top left;
	background-repeat:repeat-x;
	background-attachment: fixed;
	background-color:#F2F2EA;
}
.fondRegards, .fondRegards2
{
	background-image:url("../images/content/titre/titre-regards-apm.gif");
	background-position:top left;
	background-repeat:no-repeat;
	background-attachment: fixed;
	width:250px;
	height:389px;
	padding:0px;
	margin:0px;
	background-color:#FFF;
}
.fondCharte
{
	background-image:url("../images/content/titre/titre-charte-apm.gif");
	background-position:top left;
	background-repeat:no-repeat;
	background-attachment: fixed;
	width:250px;
	height:389px;
	padding:0px;
	margin:0px;
	background-color:#FFF;
	padding-top:50px!important;
}

#body_backImg{
	background-image: url("../images/content/fd-pages.jpg");
	background-repeat: no-repeat;
	width:auto;
	height:392px;
	margin:0;
    padding:0;
}

#centrepage{
	position:relative;
	width:auto;
	height:620px;
	margin-right:261px;
}

#coldroite{
	position:relative;
	float:right;
	width:261px;
	height:620px;
	margin:0;
	padding:0;
}

#baspage{
	position:relative;
	float:right;
	width:100%;
	background-color:#999;
	height:147px;
	margin:0;
	padding:0;
}
th{
	padding-left:10px;
	padding-top:10px;
	}
	
.ScrollBody{
	position:relative;
	top:0;
	left:0;
	width:auto;
	height:390px;
	overflow:auto;
	scrollbar-face-color: rgb(242,242,234); 
	scrollbar-shadow-color: rgb(233,233,220);
	scrollbar-highlight-color: rgb(239,239,255);
	scrollbar-3dlight-color: rgb(235,235,235);
	scrollbar-darkshadow-color: #4e4e4e;
	scrollbar-track-color: rgb(214,215,210);  
	scrollbar-arrow-color: rgb(0,0,0);
}

.ScrollBodyParole{
	position:relative;
	top:0;
	left:0;
	width:auto;
	height:335px;
	overflow:auto;
	scrollbar-face-color: rgb(242,242,234); 
	scrollbar-shadow-color: rgb(233,233,220);
	scrollbar-highlight-color: rgb(239,239,255);
	scrollbar-3dlight-color: rgb(235,235,235);
	scrollbar-darkshadow-color: #4e4e4e;
	scrollbar-track-color: rgb(214,215,210);  
	scrollbar-arrow-color: rgb(0,0,0);
	
	padding-right: 10px;
	padding-top:10px;
}

.ScrollBodyActualite, .ScrollBodyRegards{
	position:relative;
	top:0;
	left:0;
	width:auto;
	height:335px;
	overflow:auto;
	scrollbar-face-color: rgb(242,242,234); 
	scrollbar-shadow-color: rgb(233,233,220);
	scrollbar-highlight-color: rgb(239,239,255);
	scrollbar-3dlight-color: rgb(235,235,235);
	scrollbar-darkshadow-color: #4e4e4e;
	scrollbar-track-color: rgb(214,215,210);  
	scrollbar-arrow-color: rgb(0,0,0);
	
	padding-right: 10px;
}
.ScrollBodyRegards {
	width:225px;
	padding-left:15px!important;
}


#pageContent
{
	background-color:#d7d7c7;
    height:596px;
    margin:0;
    padding:0;
	width:auto;
}

/**** deifferents couleur de titre*****/
.texte{
	top:0;
	left:0;
	width:320px;
	height:388px;
	padding:10px;
}
p{
	padding:0 0 10px 0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;;
	font-style:normal;
	font-weight:normal;
	color:#5E5F5F;
	text-align:justify;
	
}

p.txtDroite{
	padding:45px 0 5px 0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;;
	font-style:normal;
	font-weight:normal;
	color:#5E5F5F;
	text-align:justify;
	line-height:12px;;
}

p.txtDroite2{
	padding:25px 0 5px 0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;;
	font-style:normal;
	font-weight:normal;
	color:#5E5F5F;
	text-align:justify;
	line-height:12px;;
}

/* Sous Titre */
.imgTitre{
	margin:0 0 20px 0;
}

.espaceTitre{
	margin:0;
	padding:48px 10px 10px 10px;
}

.espaceText
{
	margin:0;
	padding:2px 10px 10px 10px;
}

h1.rouge{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-style:normal;
	font-weight:normal;
	color:#dc3338;
	margin:0;
	padding:0 0 10px 0;
	line-height:16px;
	text-decoration: none;
}



h1.violet{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:normal;
	font-weight:bold;
	color:#890f75;
	margin:0;
	padding:0 0 10px 0;
	line-height:15px;
}

h2.violet{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:normal;
	font-weight:bold;
	color:#890f75;
	margin:0;
	padding:0 0 5px 0;
	word-spacing:-1px;
}


h3.rouge{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;;
	font-style:normal;
	font-weight:bold;
	color:#dc3338;
	margin:0;
	padding:0 0 0 0;
	line-height:13px;
}

blockquote{
	margin:0;
	padding:0 0 5px 10px;

}


/*****/
/* --------------------------- */

/* Colonne de droite */
/* Acces Intranet */
form{
	margin:0;
	padding:0;
}

.intranet{
	position:relative;
	width:261px;
	height:85px;
	background-color:#EAEFF1;
}

.titreIntra{
	position:relative;
	width:261px;
	background-color:#EAEFF1;
}

.inputIntra{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#959595;
	width:125px;
	background-color:#EAEFF1;
	border:1px solid #d5d9dc;
	padding-left:3px;
}

.inputSubmit{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#959595;
	width:23px;
	background-color:#EAEFF1;
	border:1px solid #d5d9dc;
	margin-left:3px;
}

.inputMemo{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#959595;
	width:210px;
	background-color:#FFF;
	border:1px solid #d5d9dc;
	margin-left:7px;
	padding-left:3px;
}


/* Carte de France et boite liste */
.CarteFlash{
	position:relative;
	height:332px;
	background-color:#6B6D62;
}

/* Recherche club */

.boiteListe{
	position:relative;
	width:261px;
	height:58px;
	background-color:#6b6d62;
}

.selectClub{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	width:230px;
	height:22px;
	background-color:#6b6d62;
	border-style:solid;
	border-width:medium;
	border-color:#FFFFFF;
	margin-left:10px;
}

.txtSelection{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#c2c0c0;
	margin-left:10px;
	padding:3px;
}


/* Menu nous rejoindre */

.rejoindreHaut{
	background-color:#F3F2E9;
	width:261px;
	height:22px;
	border:0px solid #000;
}
.rejoindreMilieu{
	background-color:#FFF;
	width:261px;
	height:100px;
	border:0px solid #000;
}

.rejoindreBas{
	background-color:#D3CDA3;
	width:261px;
	height:25px;
}

a.lienRejoindreBas:link, a.lienRejoindreBas:visited, a.lienRejoindreBas:active, a.lienRejoindreBas:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#585757;
	text-decoration:none;
}

p.txtRejoindreBas{
	padding:5px 0 0 0;
	margin:0;
	text-align:center;
}

/* --------------------------- */


/* Page centrale et Bas de Page */


/* Menu haut */

.menuOnglet{
	position:relative;
	background-color:#FFF;
	width:auto;
	height:122px;
}


/* Flash */
#flashMilieu{
	position:absolute;
	background-color:#FFFFFF;
	top:0;
	left:0;
	width:100%;
	height:122px;
	text-align:right;
	visibility:inherit;
	z-index:0;
}

#flash{
	visibility:inherit;
	z-index:0;
}


/* Menu Onglet milieu */
#menu1Onglet{
	position:absolute;
	background-color:#FFFFFF;
	top:0;
	left:0;
	width:100%;
	height:122px;
	visibility:hidden;
	text-align:right;
	z-index:1;
}

#menu2Onglet{
	position:absolute;
	background-color:#FFFFFF;
	top:0;
	left:0;
	width:100%;
	height:122px;
	visibility:hidden;
	text-align:right;
	z-index:1;
}

#menu3Onglet{
	position:absolute;
	background-color:#FFFFFF;
	top:0;
	left:0;
	width:100%;
	height:122px;
	visibility:hidden;
	text-align:right;
	z-index:1;
}

#menu4Onglet{
	position:absolute;
	background-color:#FFFFFF;
	top:0;
	left:0;
	width:100%;
	height:122px;
	visibility:hidden;
	text-align:right;
	z-index:1;
}

#menu5Onglet{
	position:absolute;
	background-color:#FFFFFF;
	top:0;
	left:0;
	width:100%;
	height:122px;
	visibility:hidden;
	text-align:right;
	z-index:1;
}

/* Tableau texte menu */
td.titre1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;;
	color:#000;
	line-height:11px;;
	height:97px;
	margin:0;
	padding:3px 8px 0 8px;
}

td.titre2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;;
	color:#000;
	line-height:11px;;
	text-align:justify;
	height:auto;
	margin:0;
	padding:3px 10px 0 5px;
}

td.trait{
	padding:0 0 0 0;

}

h1,.h1,.h1bis2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#D73437;
	text-decoration:underline;
	margin:0;
	padding-left:10px;
	padding-top:10px;
}

.h1bis2{
	padding:0px!important;
}
.h1bis{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#686963;
	text-decoration:underline;
	margin:0;

}

h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;;
	color:#ec0707;
	margin:0;
	padding-left:30px;
}
/* couleur pour le titre de actualite*/
.titreActualite
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#890f75;
	margin:0;
	padding-left:30px;
}


p.laSuite{
	margin:0;
	padding:6px 15px 0 0;
	text-align:right;
	text-decoration:underline;
}

a.lienTxtMenu:link, a.lienTxtMenu:visited, a.lienTxtMenu:active, a.lienTxtMenu:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;;
	color:#41452A;
	text-decoration:underline;
	text-align:right;
	margin:0;
	padding-left:20px;
}

a.lienMenu:link, a.lienMenu:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;;
	color:#666;
	text-decoration:underline;
	line-height:12px;;
	margin:0;
	padding-left:10px;

}

a.lienMenu:active, a.lienMenu:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;;
	color:#41452A;
	text-decoration:underline;
	line-height:12px;;
	margin:0;
	padding-left:10px;

}

.titreParole{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;;
	color:#890f75;
	margin:0;
	padding-left:10px;
	padding-top:10px;
	font-weight: bold;
}

a.titreParole:link, a.titreParole:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;;
	color:#890f75;
	margin:0;
	padding-left:0px;
	padding-top:10px;
	font-weight: bold;

}

a.titreParole:active, a.titreParole:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;;
	color:#890f75;
	margin:0;
	padding-left:0px;
	padding-top:10px;
	font-weight: bold;
}

/* Menu bas de page */

.menuBas{
	background-color:#D3CDA3;
	width:auto;
	height:20px;
	text-align:center;
	border:0px solid #000;
	padding:5px 0 0 0;
}

p.TxtBas{
	padding:5px 150px 0 0;
	margin:0;
	text-align:right;
}

a.TxtBas:link, a.TxtBas:visited, a.TxtBas:active{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	padding-left:30px;
}


a.TxtBas:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666;
	padding-left:30px;
}


/* -------------- onglet regarde APM ------------- */
.liste_APM
{
	
	/*width:700;*/
	/*
	Height:100px;	
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	*/
	padding-top:5px;
	background-color: #dad7c0;
}

.text_description
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#41452A;
	text-align: justify;
	padding-left:10px;
	padding-right:10px;
}
	
.lien_all_description{
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	text-align: justify;
	text-decoration: underline;
	padding-right: 30px;
}

.scroll, .liste_APM
{
   	margin-left:0px;
    margin-right:0px;
	margin:0;
    padding:0;
    height:99px;

    
    /*overflow:auto;*/
    overflow-x: hidden;
	overflow-y: auto;
	/*overflow : -moz-scrollbars-vertical;*/
	scrollbar-face-color: #f3f2e9;
	scrollbar-shadow-color: #3e3d39;
	scrollbar-highlight-color: #e8e6d5;
	/*border-top: #d7d7c7 thin solid; */
}
/* cotenu text*/
.content
{
   font: 11px Arial;
   height:25px;
   text-transform:camelcase;
   color:#5D5D5D;
}

.bodyEdito
{
	padding-left:25px;
	padding-top:10px;
	}
	
.nameService
{
	padding-top:0px;
	padding-bottom:0px;
	width: 330px;
   
    font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:normal;
	font-weight:bold;
	color:#890f75;
}

.imgAPM
{
	padding-left:20px;
}

.namepersonne
{
    font-family:Arial;
	font-size:12px;
	font-weight: bold;
	color:#666666;
	vertical-align: bottom;
	}
	
.paddingFonction
{
	padding-bottom: 5px;
	padding-top:10px;
	}
	/* pour la page conseil administration, maison apm etc, les contenues sont aligne verticalement avec le titre*/
.paddingContent
{
	padding-top:10px;
	padding-left:10px;
	vertical-align: top;
}

.titleFonction
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;;
	font-style:normal;
	font-weight:bold;
	color:#dc3338;
	margin:0;
	padding-left:5px;
	padding-bottom:5px;
	line-height:13px;
	}

/********************* liste de regarde apm ***********************/
.titreLien
{
  height:25px;	
}

/**************** formulaire de candidature  *************/

form{
	margin:0;
	padding:0;
}


div.champsSubmit {
	width:510px;
 	clear:both;
	padding-top:2px;
	margin:10px 0 0 0;
	border:0px solid #000;
	text-align:right;
 }
 
.champsInput{
	border:1px solid #d5d9dc;
	padding-left:3px;
	background-color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;;
	font-style:normal;
	font-weight:normal;
	color:#5E5F5F;
	width:300px;
}

select.champsSelect, option.champsSelect {
	border:1px solid #d5d9dc;
	padding:0 0 0 3px;
	background-color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;;
	font-style:normal;
	font-weight:normal;
	color:#5E5F5F;
}

textarea.champsTxt {
	border:1px solid #d5d9dc;
	padding-left:3px;
	background-color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;;
	font-style:normal;
	font-weight:normal;
	color:#5E5F5F;
	width:300px;
}
 
.champsForm{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;;
	font-style:normal;
	font-weight:bold;
	color:#5E5F5F;
	margin:0 0 0 10px;
	width:130px;
	float:left;
	text-align: left;
	padding-right: 10px;
	padding-left: 80px;
	vertical-align:top;
}

.filet {
	height:2px;
	background-repeat: repeat-x;
    background-position: center right;
    background-image: url(../images/pix_filet.gif);
}

.fond_detail_club {
	background-color: #EAEAE2;	
}

.listeClubDiv {	
	width:100%; 
	height:100%; 
		
	overflow-x: hidden;
	overflow-y: auto;
		
}

.fondImageClub
{

   background-image:url("../images/content/fond-club.jpg");
   background-position:top left;
   background-repeat:no-repeat;
   width:auto;
   height:388px;
   background-color:#FFF;
}

/*********** Carte de france - Liste des clubs *************/
.bandeau_bloc_haut_carte
{
	height:9px!important;
   	background-repeat: repeat-x;
    background-position: top right;
    background-image: url(../images/carteFrance/bandeau_bloc_haut_bande_carte.gif);	
}

a.sortDateLink {
	text-decoration:underline;
	background-image: url(../images/content/sort_date_off.gif);
}
a.sortDateLink:hover {
	text-decoration:none;
	background-image: url(../images/content/sort_date_on.gif);
}
a.sortSourceLink {
	text-decoration:underline;
	background-image: url(../images/content/sort_source_off.gif);
}
a.sortSourceLink:hover {
	text-decoration:none;
	background-image: url(../images/content/sort_source_on.gif);
}
a.sortDateLink, a.sortDateLink:hover,a.sortSourceLink, a.sortSourceLink:hover {
	font:11px arial;
	height:25px!important;
	font-weight:bold!important;
	padding-top:8px;
	padding-left:30px;
	background-repeat: no-repeat;
    background-position: left;
	color:#686963;
}

#pressButtonBar {
	border:1px solid #EBEBE2;
	background-color:#F7F7F5;
	padding:5px;
}
.pressKey {
	font:11px arial;
	font-weight:bold;
	color:#686963;
}


.pressValueI, a.pressValue, a.pressValue:hover {
	font:11px arial;
	font-weight:regular;
	color:#686963;
}
a.pressValue{
	text-decoration:underline;
}
a.pressValue:hover {
	text-decoration:none;
}

.pressValueI {
	font-style:italic;
}



.bloc_ico_carte
{      
    width:2%;
    height:31px;       
}

.titre {
	font: 14px Arial,Verdana,Geneva,Helvetica,sans-serif;
    color: #E33439;
    padding:1px;
    background-color:#F2F2EA;
    width:100%;
    height:20px;
    margin-top:2px;
    margin-bottom:2px;

}

.fond_titre_bloc_carte {
	height:20px;
    background-repeat: repeat-x;
    background-position: top right;
    background-image: url(../images/carteFrance/fond_titre_bloc_bande_carte.gif);
    
    font: 12px Arial,Verdana,Geneva,Helvetica,sans-serif;
    color: #E66200;
    font-weight: bold;
    padding-left: 9px; /*15px-2px-4px */    	
}

.bandeau_bloc_droit_carte {
	width:1%;
    background-repeat: repeat-y;
    background-position: top left;
    overflow: hidden; /* a permis de regler le probleme du repeat-y qui ne marchait pas sous Firefox*/  
    background-image: url(../images/carteFrance/bandeau_bloc_droit_carte.gif);	 
}

.bloc_badayere_carte {
	height:16px;
	background-repeat: repeat-x;
    background-position: bottom right;
    background-image: url(../images/carteFrance/badayere_carte.gif);
}

.club_texte_detail {
	font-family:Arial, Helvetica, sans-serif;
 	font-size:11px;
 	font-weight:normal;
 	color:#5D5E59;
 	padding-left:10px;
 	padding-top:5px;
 	padding-bottom:5px;
}