/* ************************************************************************ *
 * MEF liées à la charte graphique
 * ************************************************************************ */
#googlezone {
	/* margin:0 140px 0 20px;*/
	background-color:#eeeeee;
	border:1px solid #aaaaaa;
	width:750px;
	margin-left: 20px; 
}
#map {
	margin-left: 10px; 
	width:480px; height:500px;
}
.googlebubble {
	background-color: #eeeeee;
	color:#111111;
}
body {
	font-family: Trebuchet, Verdana, Helvetica, sans-serif;
	background-color: #ffffff;
	margin-top:0px;
	font-size: 12px;
}

#page {
	width: 1000px;
	margin-left: auto; 
	margin-right: auto; 
	background-color: #ffffff;
}
h1 {
	font-size: 36px;
	text-transform: uppercase;
	font-weight: bold;
}
h2 {
	font-weight: bold;
	font-style : italic;
	font-size: 30px;
}
h3 {
	font-weight: bold;
	font-size: 18px;
}
h4 {
	font-weight: bold;
	font-size: 14px;
}
h5 {
	font-weight: normal;
	font-size: 12px;
}	
h6 {
	font-weight: normal;
	font-style : italic;
	font-size: 10px;
}
/* ************************************************************************ *
 *  HEADER
 * ************************************************************************ */
#header {
	height:200px;
	width:1000px;
 }
 .logo{
	position:absolute;
	top:30px;
	margin-left:20px;
	height:140px;
 }
 #header-haut {
	height : 60px;
	width: 1000px;
	background-color: #a9e0fa;
	border-bottom: 5px solid #0071bc;
}

#header-haut-right {
	height:30px;
	width:160px;
	float:right;
	background-image:url(bouton-espace-membre.png);
	background-repeat:no-repeat;
	margin-left:10px;
	margin-right:10px;
	margin-top:20px;
}
.membre {
	width:140px;
	height:20px;
	padding-top:5px;
	text-align:center;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
}
#header-bas, #header-bas-large {
	height: 140px;
	width:  1000px;
	background-color:#d1d3d4;
	background-image: url(cadre-txt-haut.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
#header-bas-large {
	background-image: url(cadre-txt-haut-large.jpg);
}
#header-bas-left, #header-bas-middle-haut, #header-bas-middle-bas {
	float:left;
	color:#FFFFFF;
}
#header-bas-left {
	width: 200px;
	height:140px;
	margin-left:0px;
}
#header-bas-middle-haut {
	width: 620px;
	margin-top:0px;
	color : #FFFFFF;
	height: 0px;
}
#header-bas-middle-bas {
	width: 620px;
	margin-top:0px;
	height: 50px;
	text-align:center;
}
#header-bas-right {
	width: 152px;
	height:102px;
	float:left;
	background-color:#d1d3d4;
	border:2px solid #0071bc;
	margin-top:3px;
	margin-bottom:3px;
	margin-right:8px;
	margin-left:8px;
	padding-left:2px;
	padding-right:2px;
	padding-top:2px;
	padding-bottom:2px;
	text-align:center;
}
.connexion {
	width:140px;
	height:20px;
	background-image: url(bouton-connexion.png);
	margin-left:5px;
	margin-top:10px;
	text-align:center;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
}
  
 
/* ************************************************************************ *
 *  Menu de gauche
 * ************************************************************************ */
#menu-gauche {
	margin:0px;
	width:200px;
	background-color:#ec008c;
}
.item-menu-gauche {
	display:block;
	text-transform: uppercase;
	font-weight: bold;
	color: #ffffff;
	text-align: left;
	text-decoration: none;
	font-size: 14px;
	line-height:30px;
	padding-left:14px;
}
.fleche-couleur1 {
	text-transform: uppercase;
	font-weight: bold;
	color: #ff6600;
	text-align: left;
	font-size: 18px;
}
.fleche-1 {
	text-transform: uppercase;
	font-weight: bold;
	color: #cccccc;
	text-align: left;
	text-decoration: none;
	font-size: 14px;
}
.fleche-2 {
	text-transform: uppercase;
	font-weight: bold;
	color: #999999;
	text-align: left;
	text-decoration: none;
	font-size: 14px;
}
.fleche-3 {
	text-transform: uppercase;
	font-weight: bold;
	color: #cccccc;
	text-align: left;
	text-decoration: none;
	font-size: 12px;
}
.fleche-4 {
	text-transform: uppercase;
	font-weight: bold;
	color: #999999;
	text-align: left;
	text-decoration: none;
	font-size: 12px;
}
.item-menu-gauche:hover {
	color:#0071bc;
	background-color: #a9e0fa;
}
.menu-bordered {
	border-bottom:1px solid #ffffff;
}
.menu-selected {
	color:#0071bc;
	background-color: #a9e0fa;
}
.subitem-menu-gauche {
	margin-left:30px;
	display:block;
	text-transform: uppercase;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	font-size: 12px;
	line-height:20px;
	color: #ffffff;
	padding-left:10px;
}
.subitem-menu-gauche:hover {
	background-color:#0071bc;
	color:#a9e0fa;
}
.subitem-menu-selected {
	background-color:#0071bc;
	color:#a9e0fa;
}

.sub-subitem-menu-gauche {
	margin-left:40px;
	display:block;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	font-size: 12px;
	line-height:20px;
	color: #ffffff;
	padding-left:10px;
}
.sub-subitem-menu-gauche:hover {
	background-color:#0071bc;
	color:#a9e0fa;
}
.sub-subitem-menu-selected {
	background-color:#0071bc;
	color:#a9e0fa;
}

/* ************************************************************************ *
 *  Partie centrale
 * ************************************************************************ */
#centrepage {
	height: 390px;
	width: 1000px;
	color:#cccccc;
	background-color: #ec008c;
	clear:both;}
/* ie hacking pour le respect de min-height */
html>body #centrepage {
	height: auto;
	min-height: 390px;	
}
#centrepage-3col {
	/* div interne complémentaire du bloc "centrepage"
	   pour garantir la prise en compte de la plus grande colonne interne */
	width:100%;
	overflow:hidden;
	background-image: url(cadre-txt-centre.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}
#centre-gauche {
	float:left;
	width: 200px;
	border-top: 5px solid #ffffff;
}

#centre-milieu-large {
	float:left;
	width: 800px;
	height:auto;
	margin:0px; padding:0px;
	min-height:400px;
	background-image: url(cadre-txt-centre-large.jpg);
	background-repeat: repeat-y;
	background-position: right top;
	
}
#centre-milieu-contenu-large-in {
	margin-right: 50px;
	margin-left: 50px;
	margin-top: 20px;
	margin-bottom: 20px;
}



#centre-milieu {
	float:left;
	width: 520px;
	height:auto;
	min-height:400px;
	margin-right: 50px;
	margin-left: 50px;
	margin-top: 20px;
	margin-bottom: 20px;
}
#centre-milieu-contenu {
	float:left;
	min-width:520px;
	width:auto;
	text-align:justify;
	padding-right:0px;
}
#centre-milieu-contenu-2col {
	float:left;
	width:520px;
	text-align:justify;
	padding-right:0px;
}
.image-contenu {
	height:104px;
	width:157px;
	border:1px solid #999999;
}
#centre-milieu-encadre, #centre-milieu-encadre-large {
	float:left;
	min-width:520px;
	width:auto;
	text-align:justify;
	padding:20px;
	margin-top:20px;
	border:1px solid #0071bc;
	background-color:#cccccc;
}

#centre-milieu-encadre-large {
	width:660px;
}

#centre-milieu-encadre-2col {
	float:left;
	width:480px;
	text-align:justify;
	padding:20px;
	margin-top:20px;
	margin-right:20px;
	border:1px solid #0071bc;
	background-color:#cccccc;
}
.image-encadre {
	height:140px;
	width:auto;
	max-width:157px;
	border:1px solid #999999;
}
#centre-droite {
	float:right;
	width: 180px;
	height:auto;
	border-top: 5px solid #ffffff;
}
.pub {
	height:120px;
	width:160px;
	padding:10px;
}
.news {
	height:auto;
	width:140px;
	margin-left:10px;
	margin-right:10px;
	background-color:#666666;
	border:2px solid #666666;
	padding:10px;
	text-align:justify;
}

.flottant-droite {
	display:block;
	float:right;
	padding-left:18px;
	padding-bottom:12px;
}
.flottant-gauche {
	display:block;
	float:left;
	padding-right:18px;
	padding-bottom:12px;
}
.fond-gris {
	background-color:#cccccc;
}
.fond-blanc {
	background-color:#ffffff;
}

/* ************************************************************************ *
 * Pied de page
 * ************************************************************************ */
#pieddepage, #pieddepage-large {
	width: 1000px;
	height: 60px;
	color: #FFFFFF;
	background-color: #a9e0fa;
		background-image: url(cadre-txt-bas.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#pieddepage-large {
	background-image: url(cadre-txt-bas-large.jpg);
}
#pieddepage-zone-left, #pieddepage-zone-middle, #pieddepage-zone-right  {
	float:  left;
	color:  #FFFFFF;
	height: 60px;
}
#pieddepage-zone-left {
	width: 200px;
}
#pieddepage-zone-middle {
	width: 620px;
	text-align:center;

	float: left;
}
#pieddepage-zone-right {
	width: 180px;
	text-align : right;
}