* {margin: 0; padding: 0; list-style: none;}

html,
body	{
	width: 100%;
	height: 100%;
}

body {
	color: #1f1d21;
	font-size: 10px;
	font-family: Verdana, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif, "Trebuchet MS";
	text-align: center;
	background-color: white;
}

#page { 
	width: 988px;
	margin: 0 auto;
	text-align: center;
	position: relative;
}

#accueil {}
#liste {}
#fiche {}
#information {}
#formulaire {}
#fond {}

.accueil {}
.liste {}
.fiche {}
.information {
	float: left;
	width: 432px;
	margin-top: 26px;
}
a {
	text-decoration: none;
	color: #2d5070/**/;
}
a:hover {
	text-decoration: underline;
	color: #0000FF;
}
h1 {
	font-size: 13px;
	font-weight: bold;
	padding: 0 0 0 0;
	color: #336699;
}
h2 {
	color: #0494e3;
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 10px;
}
h3,
h4 {
	font-size: 11px;
	font-weight: bold;
	padding-bottom: 10px;
}
h5,
h6 {
	font-size: 11px;
	font-weight: normal;
	padding-bottom: 10px;
}

/* on laisse la possibilite d'afficher des bordures mais pour ne pas modifier l'affichage, il faut restreindre sur certains blocs... demande de Janvier 2011 (fred) */
#header img,
.ariane img,
.descriptif_lst img,
.descriptif_col2 img,
.descriptif_col3 img,
.descriptif_col5 img,
.texte_galerie img,
.sous_menu img,
.head img,
#menu img,
#pied img { border: 0; }
/*img { border: 0; }
*/
.contain img {
	margin: 5px;
}

strike {}
strong {
	font-weight: bold;
}
small {
	display: block;
	font-size: 10px;
}
em {}
.champs{
	text-align:left;
}


#header {
	/*height: 180px;*/
	height: 140px;
	margin: 0 0 0 11px;
	text-align: left;
}
#logo {
	position: relative;
	top: 0;
	left: 12px;
}
.head {
	position: absolute;
	/*top: 140px;*/
	top: 100px;
	left: 0;
	margin-bottom: 140px;
	width: 274px;
	height: 30px;
	z-index: 400;
}
#flag {
	position: absolute;
	top: 2px;
	left: 12px;
	z-index: 460;
}

#flash {}
.container {
	text-align: left;
	background: white url(../charte/bg-container.gif) repeat-y 0 0;
}
.contain {
	padding: 0 0 0 15px;
	text-align: justify;
	font-size: 12px;
}
.contain h1{
	padding: 13px 0 0 0;
}
.sous_fam {
	float:none;
	margin:5px 0 0 0;
}
.sous_fam h2 {
	margin: 0;
	padding: 0;
}
.sous_fam a h2 {
	margin: 0;
	padding: 0;
}
.sous_fam a:hover h2 {
	color:#009bdc;
	text-decoration: underline;
}
.sous_fam p {
	margin: 0;
	padding: 0;
}
.sous_fam .reserver {
	margin: 0 0 20px 0;
	padding: 0;
}
.formulaire {}
.contain form,
.formulaire form {
	margin-top: 10px;
}
.information p {
	margin-bottom: 10px;
	text-align: justify;
}

.contenu {
	float: right;
	text-align: left;
	width: 776px;
	background: transparent url(../charte/bg-contenu.jpg) no-repeat 0 0;
	min-height: 292px;
}
.textes {
	position: relative;
	top: 0px;
	left: 39px;
	width: 712px;
	z-index: 50;
}
.textes p {
	padding-bottom: 10px;
}

.resa {}

.contenu p {}

.textes ul,
ol {
	padding-bottom: 10px;
}

.textes ul li {
	/*padding: 0 10px 5px 15px;
	background: transparent url(../charte/puce.gif) no-repeat 0 3px;*/
	margin: 0 10px 5px 20px;
	list-style-image: url(../charte/puce.gif);
}
.textes ul li ul li {
	background: transparent url(../charte/puce-li-li.gif) no-repeat 0 3px;
	font-size: 11px;
	padding: 0 10px 0 15px;
	font-weight: bold;
}
.textes ul li a {
	font-weight: bold;
}

/* debut plan du site */
.textes ul.clear_all {
	font-size: 12px;
	padding: 0 0 10px 0;
	width: 630px;
}
.textes ul.clear_all li ul {
	padding: 0 0 0 0;
}
.textes ul.clear_all li {
	float: left;
	width: 146px;
	background-image: none;
	font-size: 11px;
	padding: 0 0 3px 0;
	margin: 0 0 0 0;
	left: 0;
}
.textes ul.clear_all li.clear {
	float: none;
	height: 1px;
	padding: 0;
	margin: 0;
	font-size: 1px;
	border-width: 0;
}
.textes ul.clear_all li ul li {
	clear: both;
	font-size: 11px;
	background: white url(../charte/bg-li.gif) no-repeat 0 3px;
	border-bottom: #000000 1px solid;
	padding: 0 0 5px 0;
	width: 136px;
}
.textes ul.clear_all li ul li ul li {
	clear: both;
	margin-left: 10px;
	font-size: 10px;
	background-image: none;
	border-width: 0;
}
.textes ul.clear_all li a {
	display: block;
	font-weight: normal;
	margin-right: 10px;
	padding: 10px 0;
	text-align: center;
	color: white;
	background-color: #000c18;
}
.textes ul.clear_all li ul li a,
.textes ul.clear_all li ul li ul li a {
	background: transparent url(../charte/bg-li.gif) no-repeat 0 3px;
	padding: 0 0 0 10px;
	color: #002f50;
	text-align: left;
}
.textes ul.clear_all li ul li ul li a {
	color: #916b46;
	background-image: none;
	padding-left: 0;
}
/* fin plan du site */

ol li {
	position: relative;
	left: -5px;
	padding: 0;
	margin: 5px -5px 5px 5px;
	list-style: decimal;
}

.chapo {
	/*font-size: 11px;*/
	font-size: 12px;
	margin: 10px 0 0 0;
	/*color: #009bdc;*/
	color:#000000;
}

.ariane {
	margin: 4px 15px 6px 70px;
	color: #7c8da9;
}
.ariane img {
	width: 23px;
	height: 23px;
	border-right: white 10px solid;
	float: right;
	vertical-align: middle;
}
.ariane a {
	line-height: 23px;
	color: #7c8da9;
}

.ariane a:hover {
	text-decoration: underline;
}

.titre {
	font-size: 18px;
	font-weight: normal;
	background: url(../charte/bg-h1.gif) no-repeat top center;
	padding: 3px 21px 3px 21px;
	color: white;
}
.titre h1 span,
.titre span {
	font-size: 18px;
	font-weight: normal;
	display: block;
	vertical-align: middle;
	padding: 0;
	color: white;
}
.titre img {
	vertical-align: middle;
	padding-right: 13px;
	float: left;
}

.accueil {}

.relative { position: relative;}

.gauche {
	float: left;
	padding: 0 5px 0 0;
	margin: 0;
}
.droite {
	float: right;
	padding: 0 0 0 5px;
	margin: 0;
}
.l { text-align: left;}
.r { text-align: right;}
label.r { text-align: right;
	padding: 0 5px 0  0;
}

.zone_laterale {
	float: right;
	width: 190px;
	text-align: left;
	margin-bottom: 40px;
}

.encadre {
	background: #7c8da9/**/ url(../charte/bg-encadre.gif) repeat-y 0 0;
	font-size: 13px;
	color: white;
	margin: 10px 14px;
}
.encadre h2 {
	background: #7c8da9/**/ url(../charte/bg-encadre-h2.gif) no-repeat bottom center;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: white;
	padding: 0 0 5px 0;
	zoom: 1;
}
.encadre h2 span {
	background: transparent url(../charte/bg-encadre-h2-span.gif) no-repeat 0 2px;
	padding: 0 0 0 15px;
}
.encadre h3,
.encadre h3 a,
.encadre p {
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	padding: 0 5px;
}
.encadre p {
	font-weight: normal;
}
.encadre small {
	display: inline;
}
.encadre small a {
	color: white;
}
.encadre .clear {
	background: transparent url(../charte/bg-encadre-bas.gif) no-repeat bottom center;
	padding: 0 0 5px 0;
}
.encadre .clear div {
	text-align: center;
	padding-top: 5px;
}

.reserver {}
.prix {}

.reserver a {
	color: #009bdc;
	background: transparent url(../charte/bt-plus.gif) no-repeat 0 2px;
	text-decoration: underline;
	padding: 0 0 0 15px;
	font-size: 10px;
	font-weight: bold;
}


.sous_menu .encadre {
	background: #7c8da9/**/ url(../charte/bg-encadre.gif) repeat-y 0 0;
	font-size: 13px;
	color: white;
	margin: 10px 14px;
}
.sous_menu .encadre h2 {
	background: #7c8da9/**/ url(../charte/bg-encadre-h2.gif) no-repeat bottom center;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: white;
	padding: 0 0 5px 0;
	zoom: 1;
}
.sous_menu .encadre h2 span {
	background: transparent url(../charte/bg-encadre-h2-span.gif) no-repeat 0 2px;
	padding: 0 0 0 15px;
}
.sous_menu .encadre h3,
.sous_menu .encadre h3 a,
.sous_menu .encadre p {
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	padding: 0 5px;
}
.sous_menu .encadre p {
	font-weight: normal;
}
.sous_menu .encadre .clear {
	background: transparent url(../charte/bg-encadre-bas.gif) no-repeat bottom center;
	padding: 0 0 5px 0;
}
.sous_menu .encadre .clear div {
	text-align: center;
	padding-top: 5px;
}
/*———————————————————————————————————*/
.zone_laterale .encadre {
	position: relative;
	top: 5px;
	background: #B59DBB/**/ none no-repeat 0 0;
	font-size: 13px;
	color: white;
	width: 172px;
	margin-bottom: 25px;
}
.zone_laterale .encadre h2 {
	position: relative;
	top: -5px;
	margin: 0 0 -5px 0;
	padding: 0;
	background: transparent none;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	color: white;
	zoom: 1;
	z-index: 700;
}
.zone_laterale .encadre b.first {
	display: block;
	position: absolute;
	width: 172px;
	height: 37px;
	background-image: url(../charte/bg-actu-h2.png);
	* background-image: url(../charte/cale.gif);
	background-repeat: no-repeat;
	* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../charte/bg-actu-h2.png', sizingMethod='scale');
	z-index: 800;
}
* html .zone_laterale .encadre b.first {
	height: 32px;
}
.zone_laterale .encadre h2 span {
	display: block;
	position: relative;
	z-index: 850;
	background: transparent none no-repeat 0 0;
	padding: 5px 0 15px 10px;
	text-align: center;
}
.zone_laterale .encadre h3,
.zone_laterale .encadre h3 a,
.zone_laterale .encadre p {
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	padding: 0 5px;
}
.zone_laterale .encadre p {
	font-weight: normal;
}
.zone_laterale .encadre small {
	background: transparent url(../charte/bg-small.gif) no-repeat 0 0;
	padding: 1px 5px 5px 4px;
	text-align: center;
}
.zone_laterale .encadre small a {
	background: transparent url(../charte/bg-small-a.gif) no-repeat top right;
	padding: 1px 4px 5px 0;
}
.zone_laterale .encadre .clear {
	background: transparent none no-repeat 0 0;
	padding: 0 0 5px 0;
}
.zone_laterale .encadre .clear div {
	text-align: center;
	padding-top: 5px;
	margin-bottom: 5px;
}
/*———————————————————————————————————*/

.module {
	float: left;
}

/* diaporama */
.fond#div_diapo {
	width: 240px;
}

#fiche h2 a {
	position: relative;
	top: 0;
	left: 0px;
	margin-right: -28px;
	background: transparent url(../charte/bg-h1-fiche.gif) no-repeat ;
	padding: 5px 0 5px 28px;
	color: #336699;
}
#fiche h2 a:hover {
	position: relative;
	top: 0;
	left: 0px;
	margin-right: -28px;
	background: transparent url(../charte/bg-h1-fiche.gif) no-repeat ;
	padding: 5px 0 5px 28px;
	text-decoration:underline;
}
#fiche .contain {
	padding-left: 28px;
}




.diaporama {
	margin: 10px 0;
}
.diaporama .fond {
	background: transparent url(../charte/bg-diaporama.gif) no-repeat top left;
	width: 685px;
	height: 470px;
	text-align: center;
}
.diaporama img {
	padding-top: 28px;
}
img#diapo_prec,
img#diapo_suiv {
	display: inline;
	padding-top: 10px;
}




.module {}

/* --- debut formulaires --- */
form {
	display: block;
}
form label {}
fieldset {
	border: none;
}
fieldset legend {
	display: none;
}
input,
textarea,
select {
	/*font-size: 12px;
	color: #815833;
	vertical-align: middle;*/
}
.contain select,
.formulaire select {
	width: 205px;
}
.formulaire .label {
	width: 360px;
}

button {
	float: right;
	width: 180px;
	margin: 10px 15px 10px 0;
}
.label {
	margin: 6px 0 0 0;
	clear: both;
	text-align: left;
}
.label label {
	padding: 0 0 0 10px;
}
.label input,
.label textarea,
.label select {
	width: 200px;
}
.label input.checkbox {
	width: 17px;
	height: 17px;
}

input.champtexte, 
select.champtexte {
	font-family: Arial;
	font-size: 11px;
	vertical-align: middle;
	margin-bottom: 5px;
}
select.qte {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	height: 18px;
	vertical-align: middle;
	border: #000000 1px solid;
}
input.btok {
	margin-left: 5px;
	width: 25px;
	height: 20px;
}
fieldset.colonne33,
.clear.label .colonne33 {
	width: 330px;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0 ;
}
fieldset.colonne33 label {
	width: 120px;
}
.clear.label .colonne33 span.gauche {
	width: 120px;
}
.libelle{
	text-align:right;
}
input:focus,
input:active,
textarea:focus,
textarea:active,
select:focus,
select:active
{
	border: 1px solid red;
}
.textobligatoire
{
	font-family: Arial;
	font-size: 10px;
	text-align:center;
	font-style: italic;
}
/* --- fin formulaires --- */

.clear {
	clear: both;
}
.clearall {
	clear: both;
	font-size: 1px;
	height: 0px;
}
.clear_all {}

#pied {
	width: 988px;
	margin: 0 auto 20px auto;
	padding-bottom: 10px;
	text-align: center;
	background: transparent url(../charte/bg-pied.gif) no-repeat bottom center;
}
.foot {
	width: 942px;
	margin: 0 auto 10px auto;
	padding: 4px;
	text-align: center;
	font-size: 10px;
	background-color: #dee7e9;/**/
	font-size: 10px;
}
.foot span {
	color: #454f5b;
	padding-left: 30px;
}
.foot a {
	color: #454f5b;
	padding-right: 20px;
}
.foot a,
.foot span {}
.foot img {
	vertical-align: middle;
}

.colonne50 {
	width: 45%;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0 4% 0 0;
}
.clear .colonne50 {
	width: 45%;
	padding: 0 0 10px 4%;
}

.colonne33 {
	width: 30%;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0 3% 0 0;
}
.descriptif {}
.vignette {}
.date {}
.prix {
	font-size: 14px;
	font-weight: bold;
}
.prix {}

.bold_11 {
	font-size: 11px;
	font-weight: bold;
}
.italic_12 {
	font-size: 12px;
	font-style: italic;
}
.plan_acces {
	float: right;
	padding: 37px 20px 10px 5px;
}
.texte_acces {
	float: left;
	width: 310px;
}
.galerie_photo {
	float: left;
	width: 450px;
}
/*
.texte_galerie {
	float: right;
	width: 177px;
	padding: 0 20px 0 0;
}*/

#formulaire .liste {
	margin: 10px 0 0 25px;
}
#formulaire .liste h2 {
	margin: 0 0 10px 0;
}


#liste .liste,
.contain {}

#liste.plan .textes h2 {
	text-transform: uppercase;
	margin-top: 15px;
	padding-top: 5px;
	border-top: #2d5070/**/ 1px dotted;
}
#liste.plan .textes h3 {
	padding-top: 4px;	
}
#liste.plan .textes {
	font-size: 10px;;	
}
#liste.plan .textes .liste {
	padding-bottom: 4px;	
}
.nav_pdt,
.nav_art {
	padding: 20px 0 10px 0;
	text-align:center;
}
.pages {
	padding: 10px 0 0 0;
	clear: both;
	color: #936d47;
	font-size: 11px;
	text-align: center;
}
.pages a,
.pages b {
	background: transparent url(../charte/bg-pages.gif) no-repeat center right;
	text-align: center;
	font-size: 11px;
	padding: 2px 10px 2px 5px;
	color: #2d5070/**/;
	line-height: 23px;
	vertical-align: middle;
}
.pages b {
	font-weight: normal;
	color: #000000;
}
a.last,
a.suivante,
.sans {
	background-image: none;
}
.accessible {
	display: none;
}
a.precedente {
	background: transparent url(../charte/bg-precedente.gif) no-repeat center right;
	padding: 2px 32px 2px 10px;
}
a.suivante {
	background: transparent url(../charte/bg-suivante.gif) no-repeat center left;
	padding: 2px 10px 2px 32px;
}

.cadre p {
	font-weight: bold;
}

.tableau {
	margin-bottom:10px;
	padding: 10px 0 5px 0;
}
.tableau h2 {
	font-size: 13px;
	padding: 5px;
}
.tableau table {
	background-color: transparent;
	padding: 0;
	margin: 0 auto;
	color: #004da2;
	text-align:center;
	border-bottom: 2px solid #828EA8;
	border-right: 2px solid #828EA8;
}
.tableau table tr {
	padding: 0;
	margin: 0;
}
.tableau table th,
.tableau table td {
	padding: 2px 2px;
	margin: 0;
	border: 2px solid #828EA8;
	border-bottom-width: 0;
	border-right-width: 0;
}
.tableau table th {
	background-color: #ffffff/**/;
	color: #000000;
}

table.border {
	color: #966f49;
}
table.border td,
table.border th {
	border-bottom: #815833 1px solid;
	text-align: center;
}
table.border th {
	text-align: center;
}
table.border td {
	font-style: italic;
}
table.border td strong {
	font-size: 13px;;
}
table.border td strong,
table.border td em,
table.border td small, {
	display: block;
}
.entete {
	font-size: 13px;
	height: 44px;
	color: white;
	background: #845D39 url(../charte/bg-h1.gif) repeat-x bottom left;
	padding: 0 0 0 4px;
}
.entete table {
	height: 15px;
}
.entete a {
	color: white;
}


#formulaire th {
	font-weight: bold;
}

.sous_menu {
	float: left;
	position: relative;
	left: 12px;
	margin-right: 12px;
	width: 200px;
	background: #7c8da9/**/ url(../charte/bg-sous_menu.gif) repeat-y 0 0;
	z-index: 422;
	font-size: 11px;
}
.sous_menu .fond {
	background: #7c8da9 url(../charte/bg-sous_menu-fond.jpg) no-repeat bottom left;
	padding: 0 0 160px 0;
}
.sous_menu ul {
	display: block;
	position: relative;
	margin-top: 30px;
	z-index: 423;
}
* html .sous_menu ul {
	margin-top: 10px;
}
.sous_menu em {
	display: block;
	font-size: 10px;
}
.sous_menu ul li {
	background: transparent url(../charte/bg-sous_menu-li.gif) repeat-y 0 0;
	margin-top: 2px;
}
.sous_menu ul li a, 
.sous_menu ul li div {
	display: block;
	color: white;
	padding: 9px 5px 9px 25px;
	background: transparent url(../charte/bg-sous_menu-li-a.gif) no-repeat center left;
}
.sous_menu ul li dl {
	background: #7c8da9/**/ url(../charte/bg-sous_menu.gif) repeat-y 0 0;
	margin: 0 0 10px 0;
}
.sous_menu ul li dl a {
	color: white;
	padding: 4px 5px 4px 25px;
	background-image: none;
	border-bottom: #E3DDEB/**/ 1px solid;
}
.sous_menu ul li dl dd a {
	color: #e6e6e6;
	font-size: 10px;
	margin: 0 5px 0 40px;
	padding: 2px 5px 2px 2px;
	background-image: none;
	border-bottom: #E3DDEB/**/ 1px solid;
}
.sous_menu ul li dl dd.this a {
	font-weight: bold;
	background: #c2c9cd;
}
.sous_menu ul li dl dd dc a {
	color: #e6e6e6;
	font-size: 10px;
	margin: 0 5px 0 55px;
	padding: 2px 5px 2px 2px;
	background-image: none;
	border-bottom: #E3DDEB/**/ 1px solid;
}
.sous_menu ul li dl dd.niv3 a {
	margin: 0 5px 0 55px;
}
.sous_menu ul li dl dd.this2 a {
	margin: 0 5px 0 55px;
	font-weight: bold;
	background: #c2c9cd;
}
.sous_menu ul li a:hover {
	text-decoration: none;
	color: #cccccc;
}
.sous_menu ul li dl a:hover {
}
.sous_menu .pied_colonne {
	/*color: #E3DDEB*/;
	color: #ffffff;
	font-size: 11px;
	border-left: #E3DDEB/**/ 1px solid;
	margin: 20px 0 0 45px;
	padding-left: 8px;
}
.sous_menu .pied_colonne a {
	/*color: #E3DDEB*/;
	color: #ffffff;
}
.sous_menu ul li a.on {
	font-family: "Arial Black";
	font-size: 12px;
	background-image: url(../charte/bg-sous_menu-on.gif)
}
.sous_menu ul li dl a.on {
	border-bottom-width: 0;
}

.sous_menu ul li dl dd a.on {
	padding: 2px 5px 2px 10px;
}

.sous_menu .vignette {
	margin: 10px 15px 10px 40px;
	font-size: 9px;
}
.sous_menu .vignette a {
	color: white;
}
.sous_menu .vignette img {
	padding: 0 8px 0 0;
}



ul.liste {
	background: none;
	text-align: left;
	padding: 0;
	margin: 10px 0 0 20px;
}
ul.liste li {
	background: transparent url(../charte/bg-liste-li.gif) no-repeat top left;
	padding: 0 0 7px 25px;
	margin: 0;
	font-weight: bold;
}

#mon_compte {
	position: absolute;
	top: 0;
	right: 11px;
	width: 200px;
	height: 35px;
	z-index: 920;
	text-align: left;
	background: transparent url(../charte/bg-connexion.jpg) no-repeat 0 0;
}
#mon_compte p {
	padding: 4px 10px 0 0;
	text-align: center;
}
#mon_compte p a {
	padding: 0 0 0 15px;
	color: white;
	font-size: 11px;
	font-weight: bold;
	background: transparent url(../charte/bg-connexion-a.gif) no-repeat 0 0;
}


/* ================================================================ */

#menu {}


/* ================================================================ */

.menu {
	position: absolute;
	/*top: 140px;*/
	top: 100px;
	margin-bottom: 140px;
	left: 0px;
	width: 696px;
	height: 40px;
	z-index: 100;
	background: white url(../charte/bg-menu.gif) no-repeat 0 0;
	padding-left: 292px;/**/
}
.menu ul li {
	float: left;
	padding: 11px 6px/**/ 0 0;
}
.menu ul li ul {
	border-top: #663366/**/ 1px solid;
	padding-top: 1px;
}
.menu_1 {
	font-size: 12px;
}
.menu ul li a {
	display: block;
	padding: 0;
	width: 132px;/**/
	height: 29px;
	color: #2d5070/**/;
	vertical-align: middle;
	line-height: 29px;
}
.menu ul li a:hover {
	color: #ffffff;/**/
	background: transparent url(../charte/bg-menu-over.gif) no-repeat bottom center;
}
* html .menu ul li a:hover {
	background-color: white;
	background-image: url(../charte/bg-menu-over.gif);
}
.menu ul li ul li,
.menu ul li ul li a {
	background-color: #fff;
	clear: both;
	float: none;
	font-size:11px;
	padding: 0;
	height: auto;
	line-height: 15px;
}
.menu ul li ul li a {
	background-image: url(../charte/bg-menu-li-li.gif);
	background-repeat: no-repeat;
	background-position: 8px 10px;
	border-left: #663366/**/ 1px solid;
	border-right: #663366/**/ 1px solid;
	border-bottom: #663366/**/ 1px solid;
	position: relative;
	top: -1px;
	margin-bottom: -1px;
}
.menu ul li ul li ul li,
.menu ul li ul li ul li a {
	background-color: #e6e6e6;
}
.menu ul li ul li a {
	display:block;
	padding: 5px 0 5px 25px;
	clear: both;
	font-size:11px;
	text-align: left;
}
.menu ul li ul li a:hover {
	background-color: #e6e6e6;
	background-image: url(../charte/bg-menu-li-li.gif);
	background-repeat: no-repeat;
	background-position: 8px 10px;
	color: #3366cc;
}
.menu ul li ul li ul li a:hover {
	background-color: #fff;
}
/* ================================================================ */
/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#fff;}
.menu ul ul :hover > a.drop {background:#e6e6e6;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#e6e6e6;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#fff;}
/* ================================================================ */

.menu ul ul {width:132px/**/;visibility:hidden;}
.menu ul li {position:relative;}
.menu ul ul a,
.menu ul ul a:visited {
	display:block;
	width:105px;/**/
	text-decoration:none;
}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden; position:absolute; height:0;top:40px; left:0; }
.menu ul ul ul {position:absolute; left:131px;/**/ top:0; visibility: hidden;}
/* style the table so that it takes no ppart in the layout - required for IE to work */
/* position the third level flyout menu */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}
/* style the top level hover */
.menu ul ul a:hover{	color: #3366cc; text-decoration:none;background-color:#dfcdc8; }
.menu ul ul :hover > a {color:#3366cc;background-color:#dfcdc8;}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul { visibility:visible;}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul {visibility:hidden;
}.menu ul :hover ul :hover ul{ visibility:visible;}
/* ================================================================ */

.textes .clear.clearall {
    display: block;
    clear: both;
    width: 100%;
    height: 37px;
	background: white url(../charte/bg-hr.gif) no-repeat 0 0;
}

#recherche {
	position: relative;
	top: 0;
	left: -12px;
	margin: 0 -12px 0 0;
	width: 212px;
	height: 50px;
	background: transparent url(../charte/bg-head.jpg) no-repeat 0 -40px;
	z-index: 423;
	text-align: left;
}

#recherche_texte,
#recherche_liste {
	position: relative;
	top: -20px;
	left: 12px;
	margin: 0 10px -20px 0;
	width: 200px;
}
#recherche_texte .first,
#recherche_liste .first {
	position: absolute;
	top: 0;
	left: 0;
	width: 200px;
}
#recherche_texte {
	height: 60px;
	z-index: 426;
}
#recherche_texte .first {
	height: 60px;
	background-image: url(../charte/bg-recherche-texte.png);
	* background-image: url(../charte/cale.gif);
	background-repeat: no-repeat;
	* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../charte/bg-recherche-texte.png', sizingMethod='scale');
	z-index: 427;
}
#recherche_liste {
	height: 67px;
	z-index: 428;
}
#recherche_liste .first {
	height: 67px;
	background-image: url(../charte/bg-recherche-liste.png);
	* background-image: url(../charte/cale.gif);
	background-repeat: no-repeat;
	* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../charte/bg-recherche-liste.png', sizingMethod='scale');
	z-index: 429;
}

#recherche_texte label,
#newsletter label {
	display: none;
}
#recherche_liste label {
	display: block;
	position: absolute;
	font-weight: bold;
	top: 13px;
	left: 10px;
	text-align: center;
	width: 178px;
	z-index: 431;
}

#recherche_texte input.champtexte {
	position: relative;
	top: 19px;
	left: 40px;
	margin: 0 40px 22px 0;
	height:14px;
	/*width: 135px;*/
	z-index: 468;
}
#recherche_liste select {
	position: relative;
	top: 28px;
	left: 20px;
	width: 155px;
	z-index: 470;
	font-size: 10px;
}
#recherche_texte fieldset,
#recherche_liste fieldset {
	clear: both;
}
.resultat_recherche a {
	color:black;
}
.resultat_recherche th {
	background-color: #7c8da9;
	/*background-color: #6a3b77;*/
}
.resultat_recherche a:hover {
	color:#808ca6;
}
#recherche_texte input.submit {
	position: absolute;
	top: 21px;
	margin-left:2px;
	padding:0px;
	font-size:10px;
	z-index: 478;
}

.panier {}

/* carto googlemap */
/* ================================================================ */

.carto {
	position: relative;
	height: 320px;
	z-index: 800;
}

.fond-onglet-gg {
	background-color: #001021;
}
.fond-onglet-gg a {
	text-align: center;
	display: block;
	color: white;
	font-size: 11px;
	padding-top: 4px;
}
/* ================================================================ */


/* ================================================================ */
/* debut fiche */


.fiche {
	position: relative;
	left: -24px;
	margin: 10px -24px 0 0;
	width: 708px;
}
#fiche .fiche h1 {
	left: -4px;
	margin: 0 -4px 10px 0;
}

.galerie_photo {
	float: left;
	width: 393px;
}
.galerie_photo .r {
	width: 316px;
	float: left;
}
.galerie_photo .l {
	width: 73px;
	float: left;
}
.galerie_photo .vignette {
	padding: 0 0 11px 0;
}
.texte_galerie {
	float: left;
	width: 280px;
	padding: 0;
}
.texte_galerie h2 {
	position: relative;
	top: 0;
	background: transparent url(../charte/bg-h1-fiche.gif) no-repeat 0 0px;
	padding: 6px 0 5px 28px;
	color: #336699/**/;
}
.texte_galerie a {
	color: #000000;
	display: block;
	text-decoration: underline;
	padding: 0 0 0 30px;
}

.bouton {
	background: transparent url(../charte/bg-bt-fiche.gif) no-repeat top left;
	/*width: 153px;*/
	height: 29px;
	margin-bottom: 12px;
}
* html .bouton {
	margin-bottom: 4px;
}
.bouton a {
	display: block;
	color: white;
	font-size: 14px;
	padding: 5px 0 15px 33px;
}
a.general {
	background: transparent url(../charte/picto-general.gif) no-repeat 2px 1px;
}
a.distributeur {
	background: transparent url(../charte/picto-distributeur.gif) no-repeat 2px 1px;
}
a.exemple {
	background: transparent url(../charte/picto-exemple.gif) no-repeat 2px 1px;
}
a.professionnel {
	background: transparent url(../charte/picto-professionnel.gif) no-repeat 2px 1px;
}

.prix {
	float: right;
	color: white;
	width: 75px;
	text-align: center;
	background: white url(../charte/bg-prix.gif) no-repeat top left;
	padding: 20px 8px 35px 0;
	font-size: 14px;
}
.prix strong {
	font-size: 18px;
	font-weight: bold;
}

/* fin fiche */


/* liste */
.textes .clear .vignette {
	width: 63px;
	margin-bottom: 58px;
	position: relative;
}
.textes .clear .descriptif {
	padding: 10px 0 0 0;
}
.textes .clear .descriptif h2 {
	width: 600px;
	padding: 0 0 3px 0;
	background: transparent url(../charte/bg-blanc.gif) repeat-y top right;
	font-size: 13px;
	color: /*#0494e3*/#ffffff;
	font-weight: bold;
}
.textes .clear .descriptif h2 a,
.textes .clear .descriptif h2 a:hover {
	color:#2d5070;
	text-decoration: none;
}
.textes .clear .descriptif h2 a:hover {
	text-decoration: underline;
}


#accueil .zone_laterale {
	width: 285px;
}
#accueil .zone_laterale .clear {
	clear: none;
	width: 285px;
}
#accueil .zone_laterale .clear .vignette {
	float: left;
	width: 63px;
	margin-bottom: 58px;
	position: relative;
	z-index: 100;
}
#accueil .zone_laterale .clear .descriptif {
	position: relative;
	left: -20px;
	margin-right: -20px;
	padding: 20px 0 0 25px;
	background: transparent url(../charte/bg-module.gif) no-repeat 0 0;
	z-index: 10;
	width: 285px;
}
#accueil .zone_laterale .clear .descriptif h2 {
	color: white;
	/*font-size: 11px;*/
	font-size: 13px;
	font-weight: bold;
	background: #808ca6 url(../charte/bg-blanc.gif) repeat-y top right;
	padding: 0 0 0 0;
	margin: 0;
	float: left;
	width: 189px;
	position: relative;
	z-index: 100;
}
#accueil .zone_laterale .clear .descriptif p {
	/*font-size: 9px;*/
	font-size: 12px;
	width: 189px;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 100;
}
#accueil .zone_laterale .clear .descriptif h2 a {
	color: white;
	text-decoration: none;
	padding-right: 30px;
	/*font-size: 11px;*/
	font-size: 13px;
}
#accueil .zone_laterale .clear .descriptif h2 a:hover {
	text-decoration: underline;
}
#accueil .zone_laterale .clear .descriptif .reserver a {
	color: #80899c;
	font-size: 10px;
	text-decoration: underline;
	background: transparent none;
	font-size: 9px;
	font-weight: normal;
	padding: 0;
}
#accueil .zone_laterale .clear .clearall {
    clear: both;
    width: 200px;
    height: auto;
}


/*2 colonnes*/
.textes .clear_col2 {
	float: left;
}
.textes .clear_col2 .vignette {
	float: left;
	position: relative;
	/*width: 63px;*/
	padding:1px 5px 1px 1px;
	margin: 1px 0 0 0;
	z-index: 100;
}
.textes .clear_col2 .descriptif_col2 {
	/*position: relative;*/
	width:300px;
	left: -20px;
	padding: 20px 0 0 25px;
	background: transparent url(../charte/bg-module.gif) no-repeat 0 0;
	z-index: 10;
}
.textes .clear_col2 .descriptif_col2 h2 {
	color: white;
	font-size: 13px;
	font-weight: bold;
	text-align:left;
	background: #7C8DA9 url(../charte/bg-blanc.gif) repeat-y top right;
	padding: 0 0 0 0;
	zoom: 1;
}
.textes .clear_col2 .descriptif_col2 h2 a,
.textes .clear_col2 .descriptif_col2 h2 a:hover {
	color: #ffffff;
	text-decoration: none;
}
.textes .clear_col2 .descriptif_col2 h2 a:hover {
	text-decoration:underline;
}
.textes .clear_col2 .descriptif_col2 p {
	text-align:justify;
}
.textes .clear_col2 .descriptif_col2 .reserver {
	/*float:left;*/
	width:100%;
	/*text-align:center;*/
}
.textes .clear_col2 .clearall {
    clear: left;
    width: 200px;
}


/*3 colonnes*/
.textes .clear_col3 {
	float: left;
}
.textes .clear_col3 .vignette {
	float: left;
	position: relative;
	/*width: 63px;*/
	/*margin-bottom: 25px;*/
	padding:1px 5px 1px 1px;
	margin: 1px 0 0 0;
	z-index: 100;
}
.textes .clear_col3 .descriptif_col3 {
	/*position: relative;*/
	width:200px;
	left: -20px;
	padding: 20px 0 0 25px;
	background: transparent url(../charte/bg-module.gif) no-repeat 0 0;
	z-index: 10;

}
.textes .clear_col3 .descriptif_col3 h2 {
	color: white;
	font-size: 13px;
	font-weight: bold;
	text-align:left;
	background: #7C8DA9 url(../charte/bg-blanc.gif) repeat-y top right;
	padding: 0 0 0 0;
	zoom: 1;
}
.textes .clear_col3 .descriptif_col3 h2 a,
.textes .clear_col3 .descriptif_col3 h2 a:hover {
	color: white;
}
.textes .clear_col3 .descriptif_col3 h2 a:hover {
	text-decoration:underline;
}
.textes .clear_col3 .descriptif_col3 p {
	text-align:justify;
}
.textes .clear_col3 .descriptif_col3 .reserver {
	/*float:left;*/
	width:100%;
	/*text-align:center;*/
}
.textes .clear_col3 .clearall {
    clear: left;
    width: 200px;
}


/*5 colonnes*/
.textes .clear_col5 {
	float: left;
}
.textes .clear_col5 .vignette {
	float: left;
	position: relative;
	/*width: 63px;*/
	margin-bottom: 25px;
	z-index: 100;
}
.textes .clear_col5 .descriptif_col5 {
	/*position: relative;*/
	width:111px;
	left: -20px;
	padding: 20px 0 0 25px;
	background: transparent url(../charte/bg-module2.gif) no-repeat 0 0;
	z-index: 10;
}
.textes .clear_col5 .descriptif_col5 h2 {
	float:left;
	color: white;
	font-size: 13px;
	font-weight: bold;
	text-align:left;
	width:100%;
	background: transparent url(../charte/bg-blanc.gif) repeat-y top right;
	padding: 0;
	zoom: 1;
}
.textes .clear_col5 .descriptif_col5 h2 a,
.textes .clear_col5 .descriptif_col5 h2 a:hover {
	color: white;
}
.textes .clear_col5 .descriptif_col5 h2 a:hover {
	text-decoration:underline;
}
.textes .clear_col5 .descriptif_col5 p {
	text-align:justify;
}
.textes .clear_col5 .clearall {
    clear: left;
    width: 200px;
}

/* Liste */
.textes .clear_lst {
	clear: none;
	width: 650px;
}
.textes .clear_lst .vignette {
	float: left;
	position: relative;
	/*width: 63px;*/
	padding:1px 5px 1px 1px;
	margin: 1px 0 20px 0;
	z-index: 100;
}
.textes .clear_lst .descriptif_lst {
	/*position: relative;*/
	left: -20px;
	/*padding: 20px 0 0 25px;
	background: transparent url(../charte/bg-module.gif) no-repeat 0 0;*/
	z-index: 10;
}
.textes .clear_lst .descriptif_lst h2 {
	color: white;
	font-size: 13px;
	font-weight: bold;
	text-align:left;
	background: url(../charte/bg-blanc.gif) repeat-y top right;
	padding: 0 0 0 0;
	zoom: 1;
}
.textes .clear_lst .descriptif_lst h2 a,
.textes .clear_lst .descriptif_lst h2 a:hover {
	color:#2d5070;
}
.textes .clear_lst .descriptif_lst h2 a:hover {
	text-decoration:underline;
}
.textes .clear_lst .descriptif_lst p {
	text-align:justify;
}
.textes .clear_lst .clearall {
    clear: left;
    width: 200px;
}

/* plan du site */
.plan td.titre {
	border: 2px solid #828EA8;
	padding-left: 10px;
	font-weight: bold;
	font-size: 14px;
	background: #D5D9E2;
	color: white;
}

.plan td.liste {
	border-left: #828EA8 2px solid;
	border-bottom: #828EA8 2px solid;
}

.plan td.liste_fin {
	border-left: #828EA8 2px solid;
	border-bottom: #828EA8 2px solid;
	border-right: #828EA8 2px solid;
}
.plan td a{
	color:#2d5070;
}
/* plan du site */

.sous_rub h1{
	color:#7c8da9;
}

/*****************************************************************************/
/* CSS tinyMCE */

.tinyMCE_titre {
	z-index: 10;
	font-size: 13px;
	font-weight: bold;
	text-align:left;
	background: #7c8da9 url(http://www.handicap-technologie.fr/charte/bg-blanc.gif) repeat-y top right;
	/*background: #7c8da9 url(www.handicap-technologie.fr/charte/fleche_b.gif) no-repeat 0 0;*/
	padding: 0 5px 0 5px;
	zoom: 1;
	color: white;
	width: 600px;
}

p.tinyMCE_titre {
	/*A  laisser sinon l'affichage est mauvais lorsque la balise contenant le text est un p et non un span*/
	padding: 0 5px 0 5px;
}

.tinyMCE_sous_titre {
	color: #7c8da9;
	font-size: 13px;
	font-weight: bold;
	background: transparent url(http://www.handicap-technologie.fr/charte/puce.gif) no-repeat 0 3px;
	padding: 0 10px 5px 15px;
}

.tinyMCE_sous_titre_2 {
	color: #f6a800;
	font-size: 15px;
	font-weight: bold;
	font-style : italic;
}

.tinyMCE_couleur_1 {
	color: #7c8da9;
	font-size: 13px;
	font-weight: bold;
}

.tinyMCE_couleur_2 {
	color: #2d5070;
	font-size: 13px;
	font-weight: bold;
}

.tinyMCE_couleur_g_1 {
	color: #82a6b7;
	font-size: 14px;
	font-weight: bold;
}

.tinyMCE_couleur_g_2 {
	color: #abb0b3;
	font-size: 14px;
	font-weight: bold;
}

.tinyMCE_couleur_g_3 {
	color: #0064a8;
	font-size: 14px;
	font-weight: bold;
}

.tinyMCE_couleur_g_4 {
	color: #004476;
	font-size: 14px;
	font-weight: bold;
}

.tinyMCE_couleur_g_5 {
	color: #a5becb;
	font-size: 14px;
	font-weight: bold;
}

.tinyMCE_couleur_g_6 {
	color: #a2c75f;
	font-size: 14px;
	font-weight: bold;
}

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