/* CSS Document */

html, body
{
margin:0;
border:0;
}

body, h1, h2, h3, p, ul, li, a, address, tr, td, input, textarea, label, input, option, dfn
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

h1
{
font-size:1.8em;
color:#656565;
margin-top:0;
}

h1 img
{
vertical-align:middle;
}

h5
{
font-size:1.1em;
color:#656565;
text-align:center;
}

p, li, address, input, textarea, .wo__champ, .wo__renvoi, .wo__texte, td.pagi_num, .wo__par1_texte, .wo__mes, .wo__s_texte, dfn
{
 font-size: 0.8em;
 color: #535353;
 font-weight:normal;
 line-height:1.3em ;
 text-decoration:none;
}

p, a, li, .wo__texte, dfn
{
text-align:justify;
}

a
{
 font-weight:bold;
 text-decoration:none;
 color: #535353;
}

a:hover
{
text-decoration:underline;
}


a img
{
border:0;
}

ul
{
 margin:0;
 padding:0;
}

li
{
list-style-type:square;
list-style-position:inside;
margin:3px 0 5px 0;
}

address
{
padding-left:30px;
}

dfn
{
font-size:0.85em;
font-style:normal;
line-height:normal;
}

sup
{
font-size:0.85em;
vertical-align:middle;
}

hr
{
border-bottom:0;
border-left:0;
border-right:0;
border-top:1px solid #b3b3b3;
margin-top:10px;
}

.wo__champ
{
text-align:left;
}

/*------ BOUTONS ------- */

.wo__bt_go {background:url(../ressource/bt_go.gif) no-repeat center center; height:20px; width:20px; border:0px;}
.wo__bt_valider {background:url(../ressource/bt_valider.gif) no-repeat center center; height:19px; width:57px; border:0px}


/* -------- STYLE HAUT --------
 ------------------------------ */

#haut
{
clear:both;
height:112px;
border-top:5px solid #ffae00;
padding-bottom:20px;
}

#haut h1
{
margin-top:26px;
padding:0;
font-size:1.2em;
font-weight:normal;
color:#ffae00;
line-height:1.1em;
}

#logo_mellico
{
float:left;
margin:15px 40px 0 20px;
}

#recherche
{
padding:78px 0 0 10px;
float:right;
}

#recherche label
{
font-size:12px;
color:#b5b5b5;
}

#recherche #rechercher
{
height:14px;
font-size:12px;
border:1px solid #b5b5b5;
}

#recherche #go
{
vertical-align:bottom;
padding-bottom:3px;
}

#hotesse
{
float:right;
}

#colonne_gauche
{
float:left;
width:180px;
margin:0 15px 0 20px;
}

#colonne_gauche li a
{
font-weight:normal;
font-size:1em;
text-align:left;
}

#colonne_gauche li a:hover
{
font-weight:bold;
text-decoration:none;
}

#menu_principal
{
padding:0;
margin:0;
}

#colonne_gauche #menu_principal li
{
list-style:none;
list-style-position:outside;
margin:5px 0 10px 0;
}

#menu_principal li#menu_01 a {background:url(../ressource/bt_menu_01_off.gif) top left no-repeat; padding-left:20px;}
#menu_principal li#menu_01 a:hover {background:url(../ressource/bt_menu_01_on.gif) top left no-repeat; padding-left:20px;}

#menu_principal li#menu_02 a {background:url(../ressource/bt_menu_02_off.gif) top left no-repeat; padding-left:20px;}
#menu_principal li#menu_02 a:hover {background:url(../ressource/bt_menu_02_on.gif) top left no-repeat; padding-left:20px;}

#menu_principal li#menu_03 a {background:url(../ressource/bt_menu_03_off.gif) top left no-repeat; padding-left:20px;}
#menu_principal li#menu_03 a:hover {background:url(../ressource/bt_menu_03_on.gif) top left no-repeat; padding-left:20px;}

#menu_principal li#menu_04 a {background:url(../ressource/bt_menu_04_off.gif) top left no-repeat; padding-left:20px;}
#menu_principal li#menu_04 a:hover {background:url(../ressource/bt_menu_04_on.gif) top left no-repeat; padding-left:20px;}

#menu_principal li#menu_05 a {background:url(../ressource/bt_menu_05_off.gif) top left no-repeat; padding-left:20px;}
#menu_principal li#menu_05 a:hover {background:url(../ressource/bt_menu_05_on.gif) top left no-repeat; padding-left:20px;}

#menu_principal li#menu_06 a {background:url(../ressource/bt_menu_06_off.gif) top left no-repeat; padding-left:20px;}
#menu_principal li#menu_06 a:hover {background:url(../ressource/bt_menu_06_on.gif) top left no-repeat; padding-left:20px;}

#colonne_gauche #visite
{
height:42px;
margin:15px 0 15px 0;
padding-top:4px;
background:url(../ressource/puce_menu_visite_guidee.gif) left 5px no-repeat; padding-left:20px;
background-color:#ececec;
}

#colonne_gauche #visite a
{
font-size:0.9em;
font-weight:bold;
letter-spacing:0.1em;
}

#colonne_gauche #visite a:hover
{
color:#ffae00;
text-decoration:none;
}

#colonne_gauche #menu_secondaire
{
margin:0 0 0 15px;
padding:0;
}

#colonne_gauche #menu_secondaire li
{
margin:5px 0 10px 0;
padding:0;
list-style-image:url(../ressource/puce.gif);
list-style-position:outside;
}

#colonne_gauche #autre_application a
{
display:block;
padding:7px 0 0 15px;
font-size:1.1em;
line-height:1.05em;
color:#656565;
font-weight:bold;
text-align:left;
}

#colonne_gauche #autre_application a:hover
{
color:#aaa;
text-decoration:none;
}

/* Formulaire Envoyer à un ami */
#wo_interf
{
padding:20px 10px 20px 10px;
font-size:11px;
}

#wo_interf input
{
border:0;
}

.wo__champ,.wo__donnee
{
font-size:13px;
}

/* --- */

#colonne_gauche #newsletter
{
height:30px;
padding:10px 0 5px 0;
}

#colonne_gauche #newsletter p
{
font-size:12px;
color:#b0b0b0;
padding:0 0 0 15px;
margin:0 0 3px 0;
}

#newsletter form
{
margin:0;
padding:0;
}

#newsletter input
{
height:14px;
font-size:12px;
color:#b0b0b0;
border:1px solid #b0b0b0;
padding: 0 0 3px 3px;
}

#newsletter input.wo__bt_go
{
height:18px;
border:0;
margin:0 0 1px 0;
}

#colonne_gauche #WebOperator
{
margin-top:30px;
font-size:0.7em;
}

#colonne_gauche #WebOperator img
{
vertical-align:middle;
margin-left:5px;
}

/* ------ BAS ---------
/* -------------------- */

#colonne_droite
{
	float:right;
	width:210px;
	padding-left:10px;
	text-align: left;
}

#colonne_droite #pointille
{
float:left;
width:2px;
height:420px;
margin:15px 20px 0 0;
background:url(../ressource/pointille.gif) top left repeat-y;
}

#colonne_droite h1
{
margin:10px 0 15px 0;
padding:0;
font-size:1.2em;
color:#aaa;
font-weight:normal;
}

#colonne_droite h2
{
margin:7px 0 12px 0;
padding:0;
font-size:0.7em;
color:#959595;
}

#colonne_droite .exemple
{
margin:0 0 0 15px;
padding:0;
height:86px;
width:157px;
background:url(../ressource/fond_image_references.gif) no-repeat top;
}



/* ---- STYLE CONTENU ---- */
/* ----------------------- */

/*#colonne_millieu
{
	padding: 0px 0px 30px 0px;
	margin: 0px;} */

html>body #colonne_millieu {
min-height: 423px;
}

#retour_accueil
{
	margin:0 10px 0 0;
	text-align: right;
}

#retour_accueil a
{
font-size:0.9em;
font-weight:normal;
color:#ffae00;
}

#texte_principal
{
	min-height:350px;
}

#texte_principal p
{
padding-left:55px;
}

#texte_principal a
{
color:#ffae00;
}

#texte_principal address
{
padding-left:90px;
font-style:normal;
font-size:0.8em;
}

#texte_principal img
{
float:left;
margin:5px 15px 0px 0;
}

#texte_principal table
{
margin:0;
padding:0;
}

#texte_principal table p
{
padding:0;
}

/* ---- BAS ----- */
/* -------------- */

#weboperator_adresse
{
	position:relative;
	right:15px;
	bottom:5px;
	font-size:9px;
	color:#b0b0b0;
	text-align:right;
	padding:0;
	margin:0;
	clear: left;
}


/* ---- 06 Service ---- */

#envoyer_mail
{
margin: 0 20px 0 0;
float:right;
}

/* ---- Contact ---- */

.wo__s_texte {
color: #000000;
background-color: #f7f7f7 ;
text-decoration: none;
}

#accueil p {
width: 740px
max-width: 740px;
}

.liens_webop
{
font-size:9px;
color:#b0b0b0;
}