* {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: #0a7d41/**/;
}
a:hover {
	text-decoration: underline;
	color: #0000FF;
}
h1 {
	font-size: 13px;
	font-weight: bold;
	/*padding: 13px 0 0 0;*/
	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;
}
img { border: 0; }

strike {}
strong {
	font-weight: bold;
}
small {
	display: block;
	font-size: 10px;
}
em {}


#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,
.textes ol {
	padding-bottom: 10px;
}

.textes li li,
.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 */


/*//////////////////////////////////*/
/*//////     ajout michael    //////*/
/*page article*/
.fiche_joint {
	padding: 0 0 10px 0;
}
.nav_art {
	padding: 0 0 10px 0;
	text-align:center;
}
.nav_art a {
	color: black;
	font-size: 11px;
	font-weight: bold;
}
.nav_art a:hover {
	color: #99cc33;
	font-size: 11px;
	font-weight: bold;
}
.nav_ofr {
	padding: 0 0 10px 0;
	text-align:left;
}
.nav_ofr a {
	color: black;
	font-size: 11px;
	font-weight: bold;
}
.nav_ofr a:hover {
	color: #99cc33;
	font-size: 11px;
	font-weight: bold;
}
/* 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:hover {
}
.textes .clear .descriptif h2 a:hover {
	text-decoration: underline;
}

/*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: transparent url(../charte/bg-blanc.gif) repeat-y top right;
	padding: 0 0 0 0;
	zoom: 1;
}
.textes .clear_col2 .descriptif_col2 h2 a {
	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;*/
	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: #7FCD0D url(../charte/bg-blanc.gif) repeat-y top right;
	padding: 0 0 0 0;
	zoom: 1;
}
.textes .clear_col3 .descriptif_col3 h2 a {
	color: #ffffff;
	text-decoration:none;
}
.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 repeat-y top right;
	padding: 0;
	zoom: 1;
}
.textes .clear_col5 .descriptif_col5 h2 a {
	color: #ffffff;
	text-decoration:none;
}
.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 {
	/*float: left;*/
	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 {
	text-decoration:none;
}
.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;
}

.libelle
{
	width:25%;
	text-align:right;
	font-size: 12px;
	color: black;
	nowap;

}
.inputfocus,
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 ajout michael     //////////*/
/*////////////////////////////////////////////*/


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: #000000;
}

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

.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: #6a3b77/**/ url(../charte/bg-encadre.gif) repeat-y 0 0;
	font-size: 13px;
	color: white;
	margin: 10px 14px;
}
.encadre h2 {
	background: #6a3b77/**/ 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;
	color: white;
}
.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: #0a7d41;
	/*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: #6a3b77/**/ url(../charte/bg-encadre.gif) repeat-y 0 0;
	font-size: 13px;
	color: white;
	margin: 10px 14px;
}
.sous_menu .encadre h2 {
	background: #6a3b77/**/ url(../charte/bg-encadre-h2.gif) no-repeat bottom center;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: white;
	padding: 10px 0 10px 0;
	zoom: 1;
}
.sous_menu .encadre h2 a{
	color: white;
}
.sous_menu .encadre h2 span {
	/*background: transparent url(../charte/bg-encadre-h2-span.gif) no-repeat 10px 2px;*/
	/*background: transparent url(../charte/bg-encadre-h2-span.gif) no-repeat 10px 10px;*/
	padding: 0 0 0 25px;
}
.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#automat,
img#diapo_suiv {
	display: inline;
}
.input#diapo_prec,
.input#automat,
.input#diapo_suiv {
	float: left;
	display: block;
	padding: 0;
	border:none;
}
#diapo_prec,
#diapo_prec:focus {
	height:16px;
	width:16px;
	margin: 15px/**/ 0 0 0;
	background: transparent url(../charte/diapo_prec.png) no-repeat top;
	border:none;
}
#diapo_suiv,
#diapo_suiv:focus {
	height: 16px;
	width:16px;
	margin: 15px/**/ 0 0 0;
	background: transparent url(../charte/diapo_suiv.png) no-repeat top;
	border:none;
}
#automat,
#automat:focus {
	height: 16px;
	width:16px;
	margin: 15px/**/ 0 0 0;
	background: transparent url(../charte/auto.png) no-repeat top;
	border:none;
}


.module {}

/* --- debut formulaires --- */
form {
	display: block;
}
form label {}
fieldset {
	border: none;
}
fieldset legend {
	display: none;
}
input,
textarea,
select {
	/*font-size: 12px;
	color: #815833;
	border: 1px solid #000000;
	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: #e0f0c1;/**/
	font-size: 10px;
}
.foot span {
	color: #0a7d41;
	padding-left: 30px;
}
.foot a {
	padding-right: 20px;
}
.foot a:hover {
	color:#0a7d41;
	text-decoration:underline;
}
.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;
}
#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: #0a7d41/**/ 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 {
	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: #0a7d41/**/;
	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 ;
}
a.suivante {
	background: transparent url(../charte/bg-suivante.gif) no-repeat ;
}

.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 #e0f0c1;
	border-right: 2px solid #e0f0c1;
}
.tableau table tr {
	padding: 0;
	margin: 0;
}
.tableau table th,
.tableau table td {
	padding: 2px 2px;
	margin: 0;
	border: 2px solid #e0f0c1;
	border-bottom-width: 0;
	border-right-width: 0;
}
.tableau table th {
	background-color: #99cc33/**/;
	color: white;
}

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: #6a3b77/**/ url(../charte/bg-sous_menu.gif) repeat-y 0 0;
	z-index: 422;
	font-size: 11px;
}
.sous_menu .fond {
	background: #6a3b77 url(../charte/bg-sous_menu-fond.jpg) no-repeat bottom left;
	padding: 0 0 162px/**/ 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: #6a3b77/**/ 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: #976aa4;
}
.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: #976aa4;
}
.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: 15px 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: #663366/**/;
	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.menu_1 a {}


.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: #7fcd0d;
	/*background-color: #D5D9E2;*/
	/*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: 170px;*/
	width: 200px;
	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 */
/* plan du site */
td.titre {
	border: 2px solid #82B823;
	padding-left: 10px;
	font-weight: bold;
	font-size: 14px;
	background: #e0f0c1;
	color: black;
}

td.liste {
	border-left: #82B823 2px solid;
	border-bottom: #82B823 2px solid;
}

td.liste_fin {
	border-left: #82B823 2px solid;
	border-bottom: #82B823 2px solid;
	border-right: #82B823 2px solid;
}
.plan a{
	color:#000000;
}
.plan a:hover{
	color:#000000;
	text-decoration:underline;
}
/* plan du site */

.sous_rub h1{
	color:#6a3b77;
}

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

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

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: #660099;
	font-size: 13px;
	font-weight: bold;
	background: transparent url(http://www.orthopedie.proteor.fr/charte/puce.gif) no-repeat 0 3px;
	padding: 0 10px 5px 15px;
}

.tinyMCE_couleur_1 {
	/*color: #6a3b77;*/
	color: #660099;
	font-size: 13px;
	font-weight: bold;
}

.tinyMCE_couleur_2 {
	color: #0a7d41;
	font-size: 13px;
	font-weight: bold;
}

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