﻿/* couleur01 = #506642 = (80, 102, 66) */
/* couleur02 = #cdbcaf = (205, 188, 175) */

html {
	font-size: 100%;
}
* {
	font-family: Verdana;
	margin: 0px;
	padding: 0px;
}
body {
	color: #000000;
	font-size: 0.7em;
	background-color: #ffffff;
}
.global {
	background-color: #ffffff;
	width: 1000px;
	padding: 0px;
	margin: 0px auto 0px auto;
	position: relative;
}
h1 {
	display: none;
}
input, textarea, select {
	font-size: 1em;
	background-color: #ffffff;
	border: 1px solid #CCCCCC;
	padding: 2px;
}
select.champ {
	width: 300px;
}
input.champ {
	width: 294px;
}
input.champ2 {
	width: 294px;
	height: 100px;
}
th {
	color: #000000;
	text-align: right;
	vertical-align: top;
	padding-top: 4px;
}
.clear {
	font-size: 1px;
	height: 2px;
	margin: -2px 0px 0px 0px;
	clear: both;
}
.contenu .clear {
	clear: left;
}
.contenu .centre .clear {
	clear: both;
}
.clear_mep {
	font-size: 1px;
	height: 2px;
	margin: -2px 0px 0px 0px;
	clear: both;
	display: none;
}				
.supplement01 {
	display: none;
}
.supplement02 {
	display: none;
}
.supplement03 {
	display: none;
}
.supplement04 {
	display: none;
}
.supplement05 {
	background-image: url(../img/feuille01.png?d=04/01/2012_10:07:01);
	background-repeat: no-repeat;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/feuille01.png?d=04/01/2012_10:07:01', sizingMethod='crop');
	height: 56px;
	width: 57px;
	position: absolute;
	top:175px;
	left:141px;
	z-index:250;
}
.supplement06 {
	background-image: url(../img/feuille02.png?d=04/01/2012_10:07:01);
	background-repeat: no-repeat;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/feuille02.png?d=04/01/2012_10:07:01', sizingMethod='crop');
	height: 38px;
	width: 35px;
	position: absolute;
	top:161px;
	left:810px;
	z-index:250;
}
.supplement07 {
	background-image: url(../img/haut.jpg?d=04/01/2012_10:07:01);
	background-repeat: no-repeat;
	position:absolute;
	top:181px;
	left:165px;
	width:348px;
	height:13px;
}
.supplement08 {
	display: none;
}
.supplement09 {
	background-image: url(../img/decoration_photo.png?d=04/01/2012_10:07:01);
	background-repeat: no-repeat;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/decoration_photo.png?d=04/01/2012_10:07:01', sizingMethod='crop');
	height: 104px;
	width: 829px;
	position: absolute;
	top:71px;
	left:0px;
	z-index: 200;
}
.supplement10 {
	position: absolute;
	top: 71px;
	left: 0px;
	z-index: 100;
}

/* ENTETE //////////////////////////////////////*/
.entete {
	height: 175px;
}
.logo {
	position: absolute;
	top:5px;
	left:5px;
	text-align: center;
	width: 184px;
	display: block;
	z-index: 300;
}
.logo img {
	border: none;
}
.retour_accueil {
	display: none;
}
.langues {
	position: absolute;
	top:15px;
	left:300px;
}
.langues img {
	border: none;
	margin: 0px 0px 0px 5px;
	float: left;
}
.entete ul.liens {
	position: absolute;
	top:15px;
	right:200px;
}
.entete ul.liens li {
	color: #000000;
	font-size: 1em;
	padding: 0px 9px 1px 12px;
	list-style: none;
	display: inline;
}
.entete ul.liens a {
	color: #000000;
	text-decoration: none;
}
.entete ul.liens a:hover {
	text-decoration: underline;
}
.entete .lien1 {
	background-image: url(../img/separateur.gif?d=04/01/2012_10:07:01);
	background-repeat: no-repeat;
	background-position: right;
}
.entete .lien2 {
	background-image: url(../img/separateur.gif?d=04/01/2012_10:07:01);
	background-repeat: no-repeat;
	background-position: right;
}

/* PIED DE PAGE ////////////////////////////////*/
.pied_page ul.liens {
	text-align: center;
	width: 1000px;
	padding: 5px 0px 5px 0px;
	clear: both;
	
	display: none;
}
.pied_page ul.liens li {
	color: #000000;
	font-size: 1em;
	padding: 0px 9px 1px 12px;
	list-style: none;
	display: inline;
}
.pied_page ul.liens a {
	color: #000000;
	text-decoration: none;
}
.pied_page ul.liens a:hover {
	text-decoration: underline;
}
.pied_page .lien1 {
	background-image: url(../img/separateur.gif?d=04/01/2012_10:07:01);
	background-repeat: no-repeat;
	background-position: right;
}
.pied_page .lien2 {
	background-image: url(../img/separateur.gif?d=04/01/2012_10:07:01);
	background-repeat: no-repeat;
	background-position: right;
}

/* MENU ////////////////////////////////////////*/
.menu {
	background-color: RGB(211,154,200); 
	width: 165px;
	padding: 50px 0px 0px 0px;
	margin:6px 0px 0px 0px;
	float: left;
	clear: left;
}
#menu {
	background-image: url(../img/droite_bas1.jpg?d=04/01/2012_10:07:01);
	background-repeat: no-repeat;
	background-position: bottom left;
	padding: 0px 0px 40px 0px;
	float: left;
}
#menu li {
	list-style: none;
	width: 155px;
	padding: 0px 0px 15px 10px;
	display: block;
	float: left;
	position: relative;
}
#menu li:hover > a {
	background-image: url(../img/puce_menu-o.jpg?d=04/01/2012_10:07:01);
}
#menu a {
	color: #000000;
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
	background-image: url(../img/puce_menu.jpg?d=04/01/2012_10:07:01);
	background-repeat: no-repeat;
	width: 118px;
	padding: 3px 10px 4px 20px;
	float: left;
}
#menu a:hover {
	background-image: url(../img/puce_menu-o.jpg?d=04/01/2012_10:07:01);
}
#menu ul {
	background-color: RGB(219,174,211);
	border: 1px solid #ffffff;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 0px;
	left: 158px;
	display: none;
}
#menu ul li {
	width: 200px;
	padding: 0px;
}
#menu li:hover > ul {
	display: block;
}
#menu ul li:hover {
	background-color: RGB(228,194,222);
}
#menu ul a, #menu li.premier ul a {
	font-size: 1em;
	font-weight: normal;
	background-image: url(../img/puce.gif?d=04/01/2012_10:07:01);
	background-repeat: no-repeat;
	width: 174px;
	padding: 3px 6px 4px 20px;
	display: block;
	float: left;
}
#menu ul a:hover {
	background-color: RGB(228,194,222);
	background-image: url(../img/puce.gif?d=04/01/2012_10:07:01);
}
#menu ul ul {
	top: -1px;
	left: 195px;
}
#menu ul ul a, #menu li.premier ul ul a {
	font-size: 0.8em;
}

/* CONTENU /////////////////////////////////////*/

.contenu {
	width: 812px;
	margin: 6px 0px 20px 0px;
	float: right;
}
.contenu h2 {
	color: #000000;
	font-size: 1.2em;
	margin: 0px 0px 15px 75px;
}
.contenu h3 {
	font-size: 1em;
	margin: 10px 0px 5px 0px;
}
.contenu a {
	color: #000000;
}
.contenu a:hover {
	text-decoration: none;
}
.contenu ul {
	list-style: none;
}
.contenu li {
	margin: 0px;
	clear: both;
}
.contenu p {
	margin: 0px 0px 10px 0px;
}
.contenu li p {
	margin: 0px;
}
.contenu p.bouton {
	font-size: 0.9em;
	font-weight: bold;
	text-align: right;
	margin: 10px 0px 0px 0px;
	clear: both;
	position: relative;
}
.contenu p.bouton2 {
	font-size: 0.9em;
	font-weight: bold;
	text-align: center;
	margin: 10px 0px 10px 0px;
	clear: both;
	position: relative;
}
.contenu p.bouton a, .contenu p.bouton2 a {
	color: #ffffff;
	/* background-color: RGB(159,90,180); */
	background-color: #b9aa9e;
	padding: 0px 3px 2px 4px;
	cursor: pointer;
}
.contenu p.bouton a:hover, .contenu p.bouton2 a:hover {
	text-decoration: none;
}
.droite p.bouton a, .droite p.bouton2 a {
	color: #ffffff;
	background-color: RGB(179,130,170);
	padding: 0px 3px 2px 4px;
	cursor: pointer;
}

/* GAUCHE //////////////////////////////////////*/
.gauche {
	display: none;
}

/* DROITE //////////////////////////////////////*/
.droite {
	width: 165px;
	margin: 0px 0px 0px 0px;
	float: right;
	position: relative;
}
.droite .zone1 {
	background-color: RGB(211,154,200);
	width: 165px;
	margin: 0px 0px 20px 0px;
	background-image: url(../img/droite_bas1.jpg?d=04/01/2012_10:07:01);
	background-repeat: no-repeat;
	background-position: bottom left;
}
.droite .zone1 div {
	padding: 15px 10px 22px 10px;
}
.droite .zone1 h2 {
	margin: 0px 0px 15px 10px;
}
.contenu .droite .zone1 p.bouton a {
	margin: 10px 0px 0px 0px;
	position: relative;
	right: -10px;
}
.droite .zone2 {
	background-color: RGB(211,154,200);
	margin: 0px;
	background-image: url(../img/droite_bas1.jpg?d=04/01/2012_10:07:01);
	background-repeat: no-repeat;
	background-position: bottom left;
}
.droite .zone2 div {
	padding: 10px 10px 35px 10px;
}
.droite .zone2 h2 {
	margin: 0px 0px 15px 35px;
}
.contenu .droite .zone2 p.bouton a {
	margin: 10px 0px 0px 0px;
	position: relative;
	right: 0px;
}
.droite .zone3 {
	display: none;
}

/* CENTRE //////////////////////////////////////*/
.centre {
	width: 641px;
	margin: 0px 0px 0px 0px;
	float: left;
}
.centre .zone {
	width: 641px;
	margin: 20px 0px 0px 0px;
	float: left;
}
.centre .zone2 {
	background-color: RGB(177,101,201);
	background-image: url(../img/droite_bas2.jpg?d=04/01/2012_10:07:01);
	background-repeat: no-repeat;
	background-position: bottom right;
}
.contenu img {
	margin: 0px 10px 0px 10px;
}
.centre .zone1 li, .centre .zone2 li, .centre .zone3 li, .centre .zone4 li {
	/*position: relative;*/
}
.contenu .zone .zoneA, .contenu .zone .zoneB {
	width: 310px;
}
.contenu .zone .zoneA {
	float: left;
}
.contenu .zone .zoneB {
	float: right;
}

/* GUIDE ///////////////////////////////////////*/
.guide p {
	margin: 0px 0px 10px 0px;
}
.guide ul {
	padding: 0px 0px 0px 0px;
}
.droite .zone1 .guide li, .droite .zone2 .guide li,
.centre .zone1 .guide li, .centre .zone2 .guide li, .centre .zone3 .guide li, .centre .zone4 .guide li {
	padding: 0px;
	margin: 0px 0px 5px 0px;
}
.guide img {
	border: none;
	margin: 0px 5px 0px 0px;
	vertical-align: middle;
}
.guide a {
	font-weight: bold;
	text-decoration: none;
}
.guide a:hover {
	text-decoration: underline;
}

/* CLIN D'OEIL /////////////////////////////////*/

/* A NE PAS MANQUER ////////////////////////////*/

/* AGENDA //////////////////////////////////////*/
.zone .agenda ul {
	margin: 20px 0px 0px 0px;
	list-style: none;
}
.zone .agenda li {
	border-bottom: 1px solid #cccccc;
	width: 621px;
	padding: 10px 10px 10px 10px;
}

/* ACTU ////////////////////////////////////////*/
.zone .actu ul {
	margin: 20px 0px 0px 0px;
	list-style: none;
}
.zone .actu li {
	border-bottom: 1px solid #cccccc;
	width: 621px;
	padding: 10px 10px 10px 10px;
}

/* CONTACT /////////////////////////////////////*/
.coord p {
	margin: 10px 0px 30px 0px;
}
.contact_plan p {
	text-align: center;
	margin: 10px 0px 30px 0px;
}
.venir p {
	margin: 10px 0px 30px 0px;
}
.contact p {
	font-style: italic;
}
.contact table {
	margin-top: 20px;
}
.contenu .contact p.bouton2 a span {
	font-style: normal;
}

/* RECHERCHE ///////////////////////////////////*/
.centre .recherche_listing p.resultats {
	font-style: italic;
	margin: 20px 0px 20px 0px;
}
.centre .recherche_listing p.resultats span {
	font-weight: bold;
}
.recherche_listing p.pagination {
	text-align: center;
	margin: 10px 0px 7px 0px;
	clear: both;
}
.recherche_listing p.pagination a {
	color: #000000;
	text-decoration: underline;
}
.recherche_listing p.pagination a:hover {
	text-decoration: none;
}
.recherche_listing ul {
	margin: 10px 0px 0px 0px;
	list-style: none;
}
.centre .recherche_listing li {
	border-bottom: 1px solid #cccccc;
	width: 621px;
	padding: 10px 10px 10px 10px;
}
.recherche {
	padding-bottom: 50px;
}
.recherche p {
	font-style: italic;
	margin: 0px;
}
.contenu .recherche p.bouton2 a span {
	font-style: normal;
}
.recherche table {
	margin-top: 20px;
}
.recherche select.champ {
	width: 250px;
}
.recherche input.champ {
	width: 244px;
}

/* LIENS UTILES ////////////////////////////////*/
div.liens ul {
	margin: 20px 0px 0px 0px;
	list-style: none;
}
div.liens li {
	border-bottom: 1px solid #cccccc;
	width: 621px;
	padding: 10px 10px 10px 10px;
}
div.liens img {
	margin-top: -13px;
	float: right;
}
div.liens h3 a {
	text-decoration: none;
}
div.liens h3 a:hover {
	text-decoration: underline;
}

/* PLAN DU SITE ////////////////////////////////*/
div.plan ul {
	margin: 20px 0px 0px 50px;
}
div.plan li {
	color: #000000;
	font-weight: bold;
	padding: 5px 0px 5px 0px;
	margin: 0px;
	list-style: none;
}
div.plan ul ul {
	margin: 5px 0px 0px 0px;
}
div.plan li li {
	margin: 0px 0px 0px 40px;
	padding: 0px;
	list-style: disc;
	font-weight: normal;
}
div.plan a {
	text-decoration: none;
}
div.plan a:hover {
	text-decoration: underline;
}

/* BROCHURES LISTING ///////////////////////////*/
div.brochures_listing  p.explication {
	font-style: italic;
	margin: 20px 0px 20px 0px;
}
div.brochures_listing li h3 input {
	background: transparent;
	border: none;
	margin: 0px 4px 0px 0px
}
div.brochures_listing ul {
	margin: 20px 0px 0px 0px;
	list-style: none;
}
div.brochures_listing li {
	border-bottom: 1px solid #cccccc;
	width: 621px;
	padding: 10px 10px 10px 10px;
}
div.brochures_listing img {
	margin-top: -13px;
	float: right;
}
div.brochures_listing ul li p {
	padding: 0px 0px 0px 2px;
}

/* BROCHURES COMMANDE //////////////////////////*/
div.brochures_commande p.explication {
	font-style: italic;
	margin: 20px 0px 20px 0px;
}
div.brochures_commande ul {
	margin: 20px 0px 0px 0px;
	list-style: none;
}
div.brochures_commande li {
	border-bottom: 1px solid #cccccc;
	width: 621px;
	padding: 10px 10px 10px 10px;
}
.contenu .brochures_commande p.bouton {
	margin: 10px 0px 0px 0px;
}
.brochures_commande table {
	margin-top: 20px;
	clear: left;
}

/* AUTRES //////////////////////////////////////*/
p.date span {
	font-size: 1em;
	font-weight: bold;
}

/* RAD EDITOR //////////////////////////////////*/
.RADEditor img {
	float: none;
}
.RADEditor a {
	color: #000000;
	text-decoration: underline;
}
.RADEditor a:hover {
	color: #000000;
	text-decoration: none;
}
.page_vierge {
	width: 621px;
	padding: 10px 10px 10px 10px;
	margin: 20px 0px 0px 0px;
	float: left;
}
.contenu h2 img {
                vertical-align: middle;
}
td table {
                border: none;
                margin: 0px;
}
td td {
                padding-right: 20px;
}
td td input {
                background-color: transparent;
                border: none;
}

