/* =============================================================================
 * LAYOUT GENERAL
 * ===========================================================================*/
#document {
	width: 960px;
	margin: 0 auto;
}
#bandeauHaut {
	width: 100%;
	height : 192px;
}
#corps {
	overflow: hidden;
	width: 100%;
}
#colonneGauche {
	float: left;
	width: 23%;
}
.avecDeuxColonnes #contenu {
	float: left;
	width: 50%;
}
.avecColonneDroite #contenu, .avecColonneGauche #contenu {
	float: left;
	width: 73%;
}
#colonneDroite {
	float: left;
	width: 22%;
}
#bandeauBas {}

/* =============================================================================
 * STANDARD IMPLEMENTATION & STANDARD CMS
 * 	-> Éléments utilisés par l'application et une implémentation standard du CMS
 * ! Atention aux spécificités des selecteurs qui peuvent être plus importantes 
 * ===========================================================================*/
/* Implémentaiton au cas par cas  */
.clear {clear : both;}
/* TPL_FORMULAIRE */
input.case {border: none;}
label.enLigne {
	float: none;
	display: inline;
}
/* TPL AVEC FORMULAIRE : tpl_formulaire, tpl_ged, tpl_login, tpl_loginMDL, etc. */
p.action {}
p.action input {}
/* TPL_FORMULAIRE [=>label caché] et éléments d'accessibilité */
.accessLayout, .byPass {
	position: absolute;
	left: 0;
	top: -500px;
	width: 1px;
	height: 1px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
/* CMS */
.paragraphe {
	overflow: hidden;
	width: 100%;
}
/* WYSIWYG */
.alignleft {text-align: left;}
.alignright {text-align: right;}
.aligncenter {text-align: center;}
.alignjustify {text-align: justify;}
img.alignleft {float: left; margin: 0 5px 5px 0;}
img.alignright {float: right; margin: 0 0 5px 5px;}
a img {border-width: 0;}
acronym {
	border-bottom: 1px dotted;
	cursor:help;
}

/* =============================================================================
 * INITIALISATION CHARTE GRAPHIQUE GENERALE DU PROJET
 * ===========================================================================*/
body {
	margin: 0;
	padding: 0;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small; /* Rétablir la taille pour MSIE5 dans "msie_fixes.css" */
}
/* =============================================================================
 * ELEMENTS COMMUNS (non spécifique à la position dans le page) DE LA CHARTE
 * ===========================================================================*/
h1,h2, h3, h4, h5, h6 { 
	margin: 0;
	padding: 0;
}
p {
	margin: 0;
}
/*ul {margin: 0; padding: 0;}*/
a:hover, a:focus {text-decoration: none;}
img{border: 0;}
/* =============================================================================
 * DOCUMENT (CHARTE GENERALE)
 * ===========================================================================*/
#document {
	background: #FFF;
}
/* =============================================================================
 * BANDEAU HAUT (CHARTE GENERALE)
 * ===========================================================================*/
/*#bandeauHaut {
	background: url(images/bandeau.gif) no-repeat center top;
}*/
/*#bandeauHaut #nav{
	margin-top:52px;
	height: 30px;
	width: 100%;	
	font-size: 117%;
	font-weight: bold;
}
#bandeauHaut #nav ul{
	list-style: none;
	padding-top: 6px;
}
#bandeauHaut #nav ul li{
	display: inline;
}
#bandeauHaut #nav ul li a{
	text-decoration: none;
	color: #FFF;
	padding: 0 5px;
}*/
#bandeauHaut h1{
	height : 172px;
	padding: 0;
	margin : 0;
}
/* =============================================================================
 * CORPS (CHARTE GENERALE)
 * ===========================================================================*/
#corps {
	padding-top: 15px;
}
/* =============================================================================
 * COLONNE GAUCHE (CHARTE GENERALE)
 * ===========================================================================*/
#colonneGauche {
	margin: 5px;
}
#colonneGauche H3{
	color: #FFF;
	padding: 3px;
}
/* =============================================================================
 * CONTENU(CHARTE GENERALE)
 * ===========================================================================*/
#contenu {
	margin: 10px;
}
#contenu div{
	margin: 10px 0;
}

/* =============================================================================
 * COLONNE DROITE (CHARTE GENERALE)
 * ===========================================================================*/
#colonneDroite {
	margin: 5px;
}

/* =============================================================================
 * BANDEAU BAS (CHARTE GENERALE)
 * ===========================================================================*/
#bandeauBas {

}
#bandeauBas .lien{
	width: 100%;
}
#bandeauBas .lien a{
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
	text-align: right;
	font-size: 150%;
	display: block;
}
#bandeauBas .addresse p{
	text-align: center;
	padding: 5px 0 15px 0;
	margin: 0;
	color: #FFF;
}
/* =============================================================================
 * MODULES (CHARTE GENERALE)
 * ===========================================================================*/
.module {
	margin: ;
}
/* =============================================================================
 * TPL CENTRAUX (CHARTE GENERALE)
 * ===========================================================================*/
#contenu .tpls {}
/* =============================================================================
 * FORMULAIRES (CHARTE GENERALE)
 * ===========================================================================*/
fieldset {}
legend {}
input, textarea,select {border: 1px solid;} /* CF. input[class=case] dans  [STANDARD IMPLEMENTATION & STANDARD CMS] */
form p {
	clear: both;
	margin: 0;
	padding: 2px 0;
}
/* Non applicable au form en MDL */
#contenu p label {
	float: left;/* CF. label[class=enLigne] dans  [STANDARD IMPLEMENTATION & STANDARD CMS] */
	width: 20%;
}
/* =============================================================================
 * BLOC DE NAVIGATION : résultats de recherche
 * ===========================================================================*/
.blocNavigation { 
	text-align: center; 
	border-bottom: 1px solid #219ab5;
} 
.resultatNavigation {margin: 5px 0;}
.regletteNavigation {margin: 5px 0;}
/* =============================================================================
 * STYLES DE PARAGRAPHES
 * ===========================================================================*/

/*Bordures colonne Gauche*/
.PRS_BORDURES{
	margin-bottom: 10px;
}
.PRS_BORDURES p{
	margin: 0;
	padding: 10px;
}

/*Texte accroche*/

/********/
/* MENU */
/********/
#menu {
/*position:absolute;*/
margin:0;
padding:0;
min-height: 20px;
width:100%;
}

#menu dl, #menu dt, #menu dd, #menu ul, #menu li, #menu span{
margin:0;
padding:0;
list-style-type: none;
}

#menu  .menuNiv1{
float: left;
padding:0 20px;
}

#menu .menuNiv1 dt{
font-size : 16px;
font-weight : bold;
}

#menu .menuNiv2{
position:absolute;
padding: 0px 6px;
z-index: 99;
}
#menu .menuNiv2 li{
padding: 2px 3px 2px 5px;
}
#menu .menuNiv3{
position:absolute;
padding: 0 6px;
}
#menu .menuNiv3 li{
  padding: 1px 0;
}
#menu a:link, #menu a:visited{
  cursor:pointer;
  width:100%;
  text-decoration: none;
  color : #FFFFFF;
}

#menu a:hover {
	width:100%;
}

/*******************************/

div.adherent {
	padding : 0;
}
div.adherent p {
	margin : 5px 0 5px 0;
}
div.adherentInfo {
	overflow: hidden;
	zoom : 1;
	padding : 0 5px 3px; 5px;
}
.tpl_adherentCarte div.adherentInfo {
	float : left;
	width : 300px;
}
div.adherent h4 {
	padding-left : 10px;
	font-size : 18px;
}

div.adherent .email {
	background : transparent url(images/email.png) no-repeat top left;
	padding-left : 25px;
}
div.adherent .siteWeb {
	background : transparent url(images/page_world.png) no-repeat top left;
	padding-left : 25px;
}
div.adherent .telephone {
	background : transparent url(images/telephone.png) no-repeat top left;
	padding-left : 25px;
}
div.adherent .fax {
	padding-left : 25px;
}
div.adherent .horaires {
	background : transparent url(images/time.png) no-repeat top left;
	padding-left : 25px;
}

#googleMap {
	float : right;
	margin-left : 200px;
	text-align : center;
	width : 550px;
}
#map {
	height : 450px;
	margin : auto;
	width : 550px;
	position : relative;
}
#map div {
	margin : 0;
}


/***********************/
/* Module de recherche */

#tpl_rechercheMDL {
text-align : center;
}


#tpl_rechercheMDL div.moteur {
	margin : 0 auto;
	width : 172px;
	border : 1px solid #cccc98;
	padding : 3px 0 3px 0;
}

#tpl_rechercheMDL #searchString {
	font-size : 11px;
}
#tpl_rechercheMDL .submit {
	font-size : 11px;
	font-weight : bold;
}


/********************************/
/*		PARTIE SPECIFIQUE		*/
/********************************/


/* =============================================================================
 * Couleurs -> pour modification
 * ===========================================================================*/
body{
	background-color: #b6055f;
}
#bandeauHaut #nav{
	background: #cccc98;
}
#bandeauBas .lien a{
	background: #cccc98;
}
#bandeauBas .addresse p{
	background: #b6055f;
}
#colonneGauche H3{
	background: #8d8c47;
}
.PRS_BORDURES{
	border-top: 15px solid #8d8c47;
	border-bottom: 5px solid #8d8c47;
	background-color: #cccc98;
}
.PRS_TEXTE_ACCROCHE{
	color: #843069;
}



/* MENU */
#menu {
	background-color: #CCCC98;
	color : #FFFFFF;
}
/* Niveau 2 et 3 du menu */
#menu .menuNiv2 li{
	background-color : #CCCC98;
	border-top : 1px solid #AFAD9C;
	border-left : 1px solid #AFAD9C;
	border-right : 1px solid #AFAD9C;
	font-size:14px;
}
/* Liens du menu */
#menu a:link, #menu a:visited{
  color : #FFFFFF;
}


/* Titre des fiches adherents */
div.adherent h4 {
	color : #FFFFFF;
	background-color : #CCCC98;
}
/* Bordure de la fiche adherent */
div.adherent {
	border : 1px solid #AFAD9C;
}