body#accueil
{
	margin: 0;
	padding: 0;
	background: #ffffff url(../design/fond.jpg) repeat-x;
	text-align: center;
}

body#rubrique
{
	margin: 0;
	padding: 0;
	background: #ffffff url(../design/fond_rub.jpg) repeat-x;
	text-align: center;
}

body#rubrique_prive
{
	margin: 0;
	padding: 0;
	background: #ffffff url(../design/fond_rub_prive.jpg) repeat-x;
	text-align: center;
}

body#prive
{
	margin: 0;
	padding: 200px 0 0 0;
	background: #ffffff;
	text-align: center;
	font: normal 12px arial, verdana, sans-serif;
	color: #2f4844;
}

#contenu
{
	width: 987px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

/********************************************************************************************/
/* la bannière avec le titre */
/********************************************************************************************/

#titre
{
	width: 721px;
	height: 206px;
	margin: 0;
	padding: 0;
	background: url(../design/titre.jpg);
	float: left;
}

/* cache le titre "texte" hors de l'écran */
.hide
{
	position: absolute;
	top: 0;
	left: -5000px;
	width: 250px;
	overflow: hidden;
}

/********************************************************************************************/
/* la zone de connexion à l'espace privé */
/********************************************************************************************/

#raccourci
{
	width: 196px;
	height: 196px;
	margin: 0;
	padding: 10px 24px 0 46px;
	background: url(../design/raccourci.jpg);
	float: right;
	font: normal 12px arial, verdana, sans-serif;
	color: #47370e;
}

p
{
	margin: 0;
	margin: 0;
}

h4
{
	font: normal 14px georgia, "times new roman", times, sans-serif;
	margin: 0 0 8px 0;
	padding: 0;
	color: #000000;
}

form
{
	margin: 0;
	margin: 0;
}

.input, .textarea, .button, .select
{
	font: normal 12px arial, verdana, sans-serif;
	margin: 4px 0 4px 0;
	color: #ffffff;
	border: solid 1px #beb4a9;
	padding: 3px;
	background: #93731e;
}

.button 
{
	cursor:pointer;
	color: #93731e;
	background: #ffffff;
}

a.lien_raccourci
{
	font: normal 12px arial, verdana, sans-serif;
	color: #47370e;
	text-decoration: underline;
}

/********************************************************************************************/
/* la bannière de cadres-photos */
/********************************************************************************************/

#photos
{
	width: 987px;
	height: 278px;
	margin: 0;
	padding: 0;
	clear: both;
}

img
{
	border: 0;
}

/********************************************************************************************/
/* le menu détaillé */
/********************************************************************************************/

#menu
{
	width: 987px;
	margin: 0;
	padding: 0;
}

#menu table.menu
{
	width: 100%;
}

#menu table.menu td
{
	width: 20%;
	padding: 0 15px 0 15px;
}

#menu table.menu td a.menu h2
{
	font: normal 20px georgia, "times new roman", times, sans-serif;
	margin: 0;
	padding: 0;
	color: #000000;
	display: inline;
}

#menu table.menu td a.menu:hover h2
{
	color: #47370e;
	background-color: #ba9125;
}

#menu table.menu td a.menu .texte_normal
{
	font: normal 12px arial, verdana, sans-serif;
	margin: 10px 0 0 0;
	padding: 0;
	color: #2f4844;
	display: block;
	text-decoration: none;
}

#menu table.menu td a.menu:hover .texte_normal
{
	color: #000000;
}

a.menu
{
	text-decoration: none;
}

/********************************************************************************************/
/* le cadre arrondi */
/********************************************************************************************/

#cadre
{
	width: 987px;
	margin: 15px 0 15px 0;
	padding: 0;
	clear: both;
	text-align: center;
}

div#cadre_haut
{
	width: 961px;
	padding: 8px 0 0 0;
	background: url(../design/bords_arrondis_01.jpg) top left no-repeat;
	margin: 0 auto;
	text-align: left;
}

div#cadre_bas
{
	background: url(../design/bords_arrondis_02.jpg) bottom left no-repeat;
	padding: 0 0 8px 0;
}

div#cadre_bas h3
{
	margin: 0;
	padding: 0 0 0 9px;
	background: #35504b;
	font: bold 16px georgia, "times new roman", times, sans-serif;
	color: #d8f3ec;
}

/********************************************************************************************/
/* les nouveautés */
/********************************************************************************************/

#news
{
	width: 689px;
	margin: 0;
	padding: 0 16px 0 15px;
	float: left;
	font: normal 12px arial, verdana, sans-serif;
	color: #2f4844;
	background: url(../design/barre.jpg) right repeat-y;
}

#news ul
{
	margin: 0;
	padding: 0;
	list-style:none;
}

#news li
{
	margin: 0 0 10px 0;
}

h2
{
	font: normal 20px georgia, "times new roman", times, sans-serif;
	margin: 0 0 10px 0;
	padding: 0;
	color: #000000;
}

p.date
{
	font: bold 12px arial, verdana, sans-serif;
	color: #2f4844;
	margin: 0 0 4px 0;
}

/********************************************************************************************/
/* l'agenda */
/********************************************************************************************/

#agenda
{
	width: 237px;
	margin: 0;
	padding: 0 15px 0 15px;
	float: right;
	font: normal 12px arial, verdana, sans-serif;
	color: #2f4844;
}

a
{
	font: normal 12px arial, verdana, sans-serif;
	color: #2f4844;
	text-decoration: underline;
}

/********************************************************************************************/
/* le bas de la page */
/********************************************************************************************/

#fin
{
	width: 987px;
	margin: 0;
	padding: 40px 0 15px 0;
	clear: both;
	font: normal 11px georgia, "times new roman", times, sans-serif;
	color: #000000;
	text-align: center;
}

a.fin
{
	font: bold 11px georgia, "times new roman", times, sans-serif;
	color: #000000;
	text-decoration: none;
}

/********************************************************************************************/
/* la bannière avec le titre et la photo dans les rubriques */
/********************************************************************************************/

#titre_rub
{
	width: 987px;
	height: 225px;
	margin: 0;
	padding: 0;
	background: url(../design/rubrique.jpg) no-repeat;

}

#titre_rub_prive
{
	width: 987px;
	height: 225px;
	margin: 0;
	padding: 0;
	background: url(../design/rubrique_prive.jpg) no-repeat;

}

#titre_rub_photo
{
	width: 246px;
	height: 225px;
	margin: 0;
	padding: 0;
	float: left;
}

/********************************************************************************************/
/* le menu des rubriques */
/********************************************************************************************/

#menu_rub_titre
{
	width: 741px;
	height: 225px;
	margin: 0;
	padding: 0;
	float: right;
}

#menu_rub
{
	width: 580px;
	height: 108px;
	margin: 0;
	padding: 117px 0 0 1px;
	float: left;
}

#menu_rub ul
{
	margin: 0;
	padding: 0;
	list-style:none;
}

#menu_rub li
{
	display: inline;
}

.espace_barre
{
	margin: 0 15px 0 1px;
	padding: 0;
	color: #beb4a9;
}

.espace_barre_2
{
	margin: 0 5px 0 1px;
	padding: 0;
	color: #beb4a9;
}

a.menu_rub
{
	font: normal 12px arial, verdana, sans-serif;
	color: #000000;
	text-decoration: none;
}

a.menu_rub:hover
{
	color: #47370e;
	background-color: #ba9125;
}

a.menu_rub_actif
{
	font: normal 12px arial, verdana, sans-serif;
	color: #47370e;
	background-color: #ba9125;
	text-decoration: none;
}

#menu_retour
{
	width: 132px;
	height: 108px;
	margin: 0;
	padding: 117px 28px 0 0px;
	float: right;
	text-align: right;
}

/********************************************************************************************/
/* la partie gauche des rubriques */
/********************************************************************************************/

#rubrique_presentation_01
{
	width: 639px;
	margin: 0;
	padding: 0 16px 0 15px;
	float: left;
	font: normal 12px arial, verdana, sans-serif;
	color: #2f4844;
	background: url(../design/barre.jpg) right repeat-y;
}

#rubrique_presentation_01 p
{
	margin: 0 0 10px 0;
}

#rubrique_presentation_01 h4
{
	font: bold 14px arial, verdana, sans-serif;
	color: #2f4844;
	margin: 20px 0 10px 0;
}

#rubrique_presentation_01 img
{
	margin: 0 0 10px 0;
}

#rubrique_dans_nos_patros_01
{
	width: 739px;
	margin: 0;
	padding: 0 15px 0 16px;
	float: right;
	font: normal 12px arial, verdana, sans-serif;
	color: #2f4844;
	background: url(../design/barre.jpg) left repeat-y;
}

#rubrique_dans_nos_patros_01_carte
{
	width: 739px;
	height: 167px;
	margin: 0;
	padding: 380px 0 0 0;
	font: normal 12px arial, verdana, sans-serif;
	color: #2f4844;
	background: url(../dans_nos_patros/carte.jpg) no-repeat;
}

p.titre_01
{
	font: normal 20px georgia, "times new roman", times, sans-serif;
	color: #000000;
}

p.titre_02
{
	font: normal 30px georgia, "times new roman", times, sans-serif;
	color: #000000;
	padding: 0 0 0 240px;
}

span.titre
{
	font: normal 20px georgia, "times new roman", times, sans-serif;
	color: #000000;
}

#rubrique_dans_nos_patros_01 p
{
	margin: 0 0 10px 0;
}

img.dans_nos_patros
{
	margin: 0 0 10px 0;
}

h2.titre_espace
{
	padding: 10px 0 0 0;
}

#rubrique_galerie_photos_01
{
	width: 957px;
	margin: 0 15px 0 15px;
	padding: 0 0 16px 0;
	clear: both;
	font: normal 12px arial, verdana, sans-serif;
	color: #2f4844;
	text-align: right;
	background: url(../design/barre_02.jpg) bottom repeat-x;
}

#rubrique_galerie_photos_02
{
	width: 957px;
	margin: 15px 15px 0 15px ;
	padding: 0;
	clear: both;
	font: normal 12px arial, verdana, sans-serif;
	color: #2f4844;
}

img.gal_a
{
border: 0;
margin: 11px 11px 0 0;
}

img.gal_b
{
border: 0;
margin: 11px 11px 0 0;
}

img.gal_c
{
border: 0;
margin: 11px 0 0 0;
}

#rubrique_liens
{
	width: 957px;
	margin: 0 15px 0 15px;
	padding: 0;
	clear: both;
	font: normal 12px arial, verdana, sans-serif;
	color: #2f4844;
	text-align: left;
}

#rubrique_liens p.lien
{
	margin: 0 0 15px 0;
}

#rubrique_liens h4
{
	font: bold 14px arial, verdana, sans-serif;
	color: #2f4844;
	margin: 20px 0 10px 0;
}

/********************************************************************************************/
/* la partie droite des rubriques */
/********************************************************************************************/

#rubrique_presentation_02
{
	width: 317px;
	margin: 0;
	padding: 0;
	float: right;
}

#rubrique_presentation_02_haut
{
	width: 317px;
	height: 16px;
	margin: 0;
	padding: 0;
	background: url(../presentation/espace_prive_haut.jpg) no-repeat;
}

#rubrique_presentation_02_centre
{
	width: 235px;
	margin: 0;
	padding: 10px 41px 10px 41px;
	background: url(../presentation/espace_prive_centre.jpg) repeat-y;
	font: normal 12px arial, verdana, sans-serif;
	color: #47370e;
}

#rubrique_presentation_02_centre p
{
	margin: 0 0 10px 0;
}

.button_2 
{
	font: normal 12px arial, verdana, sans-serif;
	margin: 4px 0 4px 4px;
	border: solid 1px #beb4a9;
	padding: 3px;
	cursor: pointer;
	color: #93731e;
	background: #ffffff;
}

#rubrique_presentation_02_bas
{
	width: 317px;
	height: 16px;
	margin: 0;
	padding: 0;
	background: url(../presentation/espace_prive_bas.jpg) no-repeat;
}

#rubrique_dans_nos_patros_02
{
	width: 187px;
	margin: 0;
	padding: 0 15px 0 15px;
	float: left;
	font: normal 12px arial, verdana, sans-serif;
	color: #2f4844;
	text-align: right;
}

#rubrique_dans_nos_patros_02 ul
{
	margin: 0;
	padding: 0 0 5px 0;
	list-style:none;
}

#rubrique_dans_nos_patros_02 li
{
	padding: 0 0 5px 0;
}

#rubrique_dans_nos_patros_02 a
{
	font: normal 20px georgia, "times new roman", times, sans-serif;
	color: #000000;
	text-decoration: none;
}

#rubrique_dans_nos_patros_02 a:hover
{
	color: #47370e;
	background-color: #ba9125;
}

#rubrique_dans_nos_patros_02 a.actif
{
	font: normal 20px georgia, "times new roman", times, sans-serif;
	color: #47370e;
	background-color: #ba9125;
	text-decoration: none;
}

/********************************************************************************************/
/* la partie privée */
/********************************************************************************************/

#deconnexion
{
	width: 712px;
	height: 108px;
	margin: 0;
	padding: 110px 28px 0 1px;
	text-align: right;
}

#services_prive
{
	width: 230px;
	margin: 0;
	padding: 0;
	float: left;
	font: normal 12px arial, verdana, sans-serif;
	color: #2f4844;
}

#services_prive_haut
{
	width: 230px;
	height: 16px;
	margin: 0;
	padding: 0;
	background: url(../prive/services_haut.jpg) no-repeat;
}

#services_prive_centre
{
	width: 148px;
	margin: 0;
	padding: 10px 41px 10px 41px;
	background: url(../prive/services_centre.jpg) repeat-y;
	font: normal 12px arial, verdana, sans-serif;
	color: #47370e;
}

#services_prive_centre p
{
	margin: 0 0 10px 0;
}

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

#services_prive_centre li
{
	padding: 0 0 5px 0;
}

#services_prive_centre a
{
	font: normal 12px arial, verdana, sans-serif;
	color: #47370e;
	text-decoration: underline;
}

#services_prive_centre a.actif
{
	text-decoration: none;
	cursor: text;
}

#services_prive_bas
{
	width: 230px;
	height: 16px;
	margin: 0;
	padding: 0;
	background: url(../prive/services_bas.jpg) no-repeat;
}

#droite_prive
{
	width: 741px;
	margin: 0;
	padding: 0 0 0 16px;
	float: right;
	font: normal 12px arial, verdana, sans-serif;
	color: #2f4844;
	background: url(../design/barre.jpg) repeat-y;
}

#droite_prive_2
{
	width: 726px;
	margin: 0;
	padding: 0 15px 0 16px;
	float: right;
	font: normal 12px arial, verdana, sans-serif;
	color: #2f4844;
	background: url(../design/barre.jpg) repeat-y;
}

p.ajouter_news
{
	margin: 0 0 10px 0;
}

#news_prive
{
	width: 458px;
	margin: 0;
	padding: 0 16px 0 0;
	float: left;
	font: normal 12px arial, verdana, sans-serif;
	color: #2f4844;
	background: url(../design/barre.jpg) right repeat-y;
}

#news_prive ul
{
	margin: 0;
	padding: 0;
	list-style:none;
}

#news_prive li
{
	margin: 0 0 10px 0;
}

#agenda_prive
{
	width: 237px;
	margin: 0;
	padding: 0 15px 0 15px;
	float: right;
	font: normal 12px arial, verdana, sans-serif;
	color: #2f4844;
}

p.prive_liste_titre
{
	font: normal 18px georgia, "times new roman", times, sans-serif;
	margin: 25px 0 15px 0;
	padding: 0;
	color: #000000;
}

ul.prive_liste
{
	margin: 0;
	padding: 0;
	list-style:none;
}

ul.prive_liste li
{
	padding: 0 0 4px 0;
	font: normal 14px arial, verdana, sans-serif;
}

ul.prive_liste li span.prenom
{
	font: bold 14px arial, verdana, sans-serif;
	margin: 0 6px 0 0;
}

ul.prive_liste li span.surnom
{
	font: italic 14px arial, verdana, sans-serif;
}

ul.prive_liste li span.email
{
	font: normal 14px arial, verdana, sans-serif;
	text-decoration: underline;
	margin: 0 0 0 6px;
}