/* Import de la CSS d'initialisation
----------------------------------------------------------*/

@import url(structure.css);

/* Construction (Montage)
----------------------------------------------------------*/

body { color:#FFFFFF; font-family: Verdana, "Trebuchet MS", helvetica, "Bitstream Vera Sans", sans-serif; font-size:12px; }

h1 { color:#FFFFFF; font-size: 1.1em; font-weight:bold; }
.h1-titres{ font-size:12px; font-weight:bold; margin-bottom: 10px;}
h2 { font-size: 1.3em; font-weight: bold; margin-bottom: 10px;}
h3 { color:#FFFFFF; font-size: 1.17em; }
h4 { color:#FFFFFF; font-size: 1em; }
h5 { color:#FFFFFF; font-size: 0.83em; }
h6 { color:#FFFFFF; font-size: 0.67em; }
p { color:#FFFFFF; font-size: 1em; }
ul, ol { color:#FFFFFF; font-size: 1em; margin-bottom: 0.8em; }
li {  color:#FFFFFF; font-size: 1em; list-style-type: none; }
ul.puce li { list-style-image:url(../images/puce.gif); list-style-position:outside; margin-left: 20px; }
ul.border { list-style-position:outside; border-left: 1px dotted #E58610;}
ul.border li { padding: 3px 0; }
a { color:#FFFFFF; text-decoration:underline; }
a:hover { color:#e58610; text-decoration:none; } /* si changement de couleur au survol */
a:visited { } /* si changement de couleur après le clic */
input { color:#FFFFFF; }

/* Liens stylés */

.next /* liens de navigation vers la page suivante */
{
	background-image: url(../images/next.gif);
	background-repeat: no-repeat;
	background-position: top right;
	padding-right: 16px;
}

.prev /* liens de navigation vers la page précédente */
{
	background-image: url(../images/prev.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 16px;
}

.bg-link /* liens avec background */ {
	background: url(../images/bg-link.gif) no-repeat center top;
	height: 50px;
}

input { border-width:thin; padding:3px; color:#231707; }
textarea { border-width:thin; padding:3px; color:#FFFFFF; }
em { }
strong { }

#yzeo p{ color:#e58610; }
#yzeo a{ color:#e58610; }
#yzeo a:hover{ color:#FFFFFF; }

/* Éléments Particuliers
----------------------------------------------------------*/

/* Placement d'images */
.imgLeft{ float:left; margin-right:1em; }
.imgRight{ float:right; margin-left:1em; }

/* Des classes d'alignement d'objets */
.aligntop { vertical-align:top; }
.alignbottom { vertical-align:bottom; }
.aligncenter { margin-left:auto; margin-right:auto; }
.centrer { margin: 0 auto; }
.margin-center { margin-left: 205px; }

/* Des classes d'alignement du texte */
.h1index{ left:0; top:0; width:100%; padding:5px 0 0 0; height:15px; font-size:1.1em; }

.h1titre{ left:0; top:0; width:100%; padding:5px 0 0 0; height:15px; font-size:1.1em; font-weight:bold; }

.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.centrer { margin: 0 auto; text-align: center; }
.justify { text-align: justify; }
.indent { text-indent: 8px; }

.max-larg { max-width: 600px; }

.separateur { 
	border-top: 1px dotted #e58610;
	padding-top: 0.6em;
	margin-top: 1em;
}

/* Des classes de formatage du texte en ligne */
.bold, .gras { font-weight: bold; }
.italic, .italique { font-style: italic; }
.strike, .barre { text-decoration: line-through; }
.orange { color: #e58610; }
.noborder { border: none; }
.bigger { font-size: 1.3em; }
.nopuce { list-style-type:none; }

/* Des classes flotante */
.floatleft { float: left; }
.floatright { float: right; }

/* Les "nettoyeurs" */
.clearb { clear: both; }
.clearer { clear: both; width: 0; height: 0; line-height: 0; }

/* Formulaire de contact */
#frmEnvoi{ width:470px; color:#FFFFFF; }
#frmEnvoi input, textarea{ background-color:transparent; border-width:thin; }
#frmEnvoi .field{ text-align:right; margin-top:10px; }
#frmEnvoi .champ { border:none; border:#FFFFFF inset 1px; padding:5px; color:#FFFFFF; background-color:#231707; }
#frmEnvoi .champ:focus { }
#frmEnvoi #code {  border:none; border:#FFFFFF inset 1px; padding:5px; color:#FFFFFF; }
#frmEnvoi #code:focus { }
#frmEnvoi #send2 { border-color:#FFFFFF; color:#FFFFFF;}

/* plan du site */
#page-plan-du-site{
margin:0 auto; width:836px; 
}
#head-plan-du-site{
eight:224px;
}
#body-plan-du-site{
	background:url(../images/plan-du-site/body-plan-du-site.jpg) no-repeat;
}
#content-plan-du-site{
	padding:70px 50px 20px 70px;
	text-align:left;
}
#foot-plan-du-site{
}
/* #plan du site */


/* Plan d'accès */
.plan {
	width: 650px;
	height: 500px;
	margin-left:40px;
	border:2px solid #dd850b;
}
#map .infosbulle {
	width: 210px;
	border: none;
	margin: 0;
	padding: 0;
}
#map .infosbulle p {
	display: block;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
}
.plan-titre {
	font-size: 14px;
	color: #e58610;
	font-weight: bold;
	margin-bottom: 1em;
}
.plan-adresse {
	font-size: 12px;
	color: #333;
}
.plan-printer {
	display:block;
	text-align: right;
}
.plan-printer img, 
.plan-printer a {
	border: none;
}
/* #Plan d'accès */


/* Page d'accueil */

#accueil { width:380px; }
#accueil2 { padding-top: 30px; padding-left: 10px;}
#accueil3 { padding-left: 10px; border-left: 1px dotted #DD8512; margin-bottom: 15px; }
#accueil-img{ width:350px; float:right; padding-left:30px;}


.uvimg-12{ margin-left:70px; }
.uvimg-1{ padding-bottom:40px; }
.center-1{ text-align: center; font-weight:bold; font-style:italic; font-size:11px; }
.center-2{ text-align: center; font-style:italic; font-size:11px; }
.center-3{ text-align: right; font-weight:bold; font-style:italic; font-size:11px; }

/* table */
.colum-1{ width:30px; } 
.colum-11{ width:20px; }
.colum-2{ width:78px; } 
.colum-3{ width:20px; }
.colum-4{ width:60px; } 


.table-left12{ width:275px; float:left; margin:0;}
.table-left12 table td{
	padding:2px;
	border:1px solid #660033;
}
.table-right{ width:240px; float:right; }

.table-right table td{
	padding:2px;
	border:1px solid #660033;
}

#table-center{  width:205px; float:left; margin-left:5px; }
#table-center table td{
	padding:2px;
	border:1px solid #660033;
}

#table-center table td.noborder {
	padding:2px;
	border:none;
}

#table-center table tr.border-except1{
	padding:2px;
	border-top: 1px solid #660033;
	border-left: 1px solid #660033;
	border-right: 1px solid #660033;
}

#table-center table tr.border-except2{
	padding:2px;
	border-bottom: 1px solid #660033;
	border-left: 1px solid #660033;
	border-right: 1px solid #660033;
}

#text-center1 { border:1px solid #e58610; margin-top:15px;  padding-top:10px; }
.color-table{ background-color:#DF8A0B; }
.color-table2{ background-color:#AB5A09; }
.soin-img{ margin-top:30px; margin-bottom:30px; }
#table{ /*height:710px;*/ }
.table-left1{ margin-top:15px; }
.table-center1{ margin-top:30px; } 
#text-center{ background-color:#e58610; margin:30px 0 30px 0; font-size:16px; font-weight:bold; }
.table-right1{ margin-top:15px; #margin-top:11px; _margin-top:15px;  }
.table-left2{ margin-top:52px; #margin-top:50px; _margin-top:52px;}
.table-left3{ margin-top:15px; }
.table-left4 { margin-top:10px;}
.table-left5{ margin-top:14px; }
#table-center-1{  width:360px; float:right; margin-left:10px; }
#table-center-1 table td{
	padding:2px;
	border:1px solid #660033;
}
.table-left-1{ width:360px; float:left; margin:0; }
.table-left-1 table td{
	padding:2px;
	border:1px solid #660033;
}
#table-1{ /*height:570px;*/ margin-top:20px; clear: both;}
#table-2{ /*height:550px;*/ }
.table-left3{ width:360px; float:left; margin:0; }
.table-left3 table td{
	padding:2px;
	border:1px solid #660033;
}
.table-right3{ width:360px; float:right; margin:0; }
.table-right3 table td{
	padding:2px;
	border:1px solid #660033;
}

#espace{ width:450px; }
#espace-img{ width:250px;  float:right; margin-top:-20px; padding:0px; }
.intro-flash {_margin-top:-1px;}


/******************* Styles spécifiques, suite intégration **********************/

div.soins {
	width: 720px;
	border: 1px dotted #DD8512;
	padding: 8px;
	margin-bottom: 20px;
}

div#img-circuit {
	float: right;
	width: 200px;
	height: 300px;
	margin-left: 1em;
}

.bloc-liste {
	padding-left: 2.5em;
	width: 335px;
	text-align: left;
}