/* Les couleurs utilisées 

ORANGE
#FFCC00


BLEU GENDARME
#333366

*/

/* ----------------------------- */
/* MISE EN PAGE GENERALE ------- */
/* ----------------------------- */

/* Normalise les marges et le remplissage */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td{margin:0; padding:0;}

/* Normalise les tailles de polices pour les en-têtes */
h1, h2, h3, h4, h5, h6{text-align:left;}

/* Supprime list-style pour les listes */
ol, ul{list-style:none;}

/* Normalise les styles et graisses de fontes: font-style et font-weight sont normal */
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal;font-weight:normal;}

/* Supprime les bordures dans les tableaux */
table{border-collapse:collapse;border-spacing:0;}

/* Supprime les bordures dans les éléments fieldset et img */
fieldset, img{border:0;}

/* Aligne le texte à gauche dans caption et th */
caption, th{text-align:left;}

/* Supprime les apostrophes doubles autour de q */
q:before, q:after{content:'';}

/* -------------------- */
/* HTML & BODY -------- */
/* -------------------- */

html{text-align:center;}

body{position:relative;width:760px;margin:0 auto;text-align:left;background:#fff;color:#fff;text-align:justify;font-family:Verdana, Geneva, sans-serif;font-size:90%;padding-bottom:40px;font-size:120%;}



/* -------------------- */
/* DIVS PRINCIPAUX ---- */
/* -------------------- */
div#branding{width:100%;width:760px;background:#666633;height:353px;text-indent:-9999px;}
ul#nav_main{width:100%;width:760px;height:94px;position:relative;background:url(../images/full_menu.jpg) top left no-repeat;;}
div#content{width:100%;width:760px;background:#333366;padding-bottom:40px;position:relative;}
ul#nav_site{width:100%;width:650px;height:100px;color:#000;position:relative;background:#fff;padding:20px 0 20px 110px;}
div#site_info{width:100%;width:680px;color:#000030;position:relative;margin-top:20px;}

div#branding, div#navigation, div#content, div#site_info{overflow:hidden;}


div#branding h1{width:760px;height:108px;background:url(../images/branding_h1.jpg) top left no-repeat;}
div#branding h2{width:760px;height:245px;background:url(../images/branding_h2.jpg) top left no-repeat;}
/* -------------------------------- */
/* DETAILS DES DIVS PRINCIPAUX ---- */
/* -------------------------------- */

/* COntent Paddings */
h2{display:block;width:760px;height:100px;text-indent:-9999px;}
h2#bienvenue{background:url(../images/h2_index.jpg) top left no-repeat;padding-bottom:20px;}
h2#pratique{background:url(../images/h2_pratique.jpg) top left no-repeat;padding-bottom:20px;}

/* Lucas */
h2#formationlucas{background:url(../images/h2_formationlucas.jpg) top left no-repeat;padding-bottom:0px;}
h2#arts{background:url(../images/h2_arts.jpg) top left no-repeat;padding-bottom:0px;}
h2#contact{background:url(../images/h2_contact.jpg) top left no-repeat;padding-bottom:0px;}

/* Danielle */
h2#formationdanielle{background:url(../images/h2_formationdanielle.jpg) top left no-repeat;padding-bottom:0px;}
h2#formationmassage{background:url(../images/h2_formationmassage.jpg) top left no-repeat;padding-bottom:0px;}
h2#autonomie{background:url(../images/h2_autonomie.jpg) top left no-repeat;padding-bottom:0px;}

h3{font-size:45px;color:#ffcc00;text-align:left;}
h4{font-size:22px;padding:20px 40px 0 40px;}
#content h3{margin-left:40px;margin-bottom:20px;padding-right:40px;margin-top:20px;}

div#content p{padding:0 40px 0px 40px;}
div#content ul.liste{padding:0px 40px 20px 0px;}
div#content ul.liste li{border-left:solid 2px #FFCC00;padding-left:40px;}

div#content ul.liste2{padding-top:20px;border-top:solid 1px #ffcc00;margin:10px 40px 10px 40px;}
div#content ul.liste2 li{padding-bottom:15px;list-style:url(../images/list-element.gif);font-style:italic;}


.orange{color:#ffcc00;}
#content.fond1{background:#333366 url(../images/fond1.jpg) top left repeat-y;}
#content.fond2{background:#333366 url(../images/fond2.jpg) top left repeat-y;}
#content.fond3{background:#333366 url(../images/fond3.jpg) top left repeat-y;}
#content.fond4{background:#333366 url(../images/fond4.jpg) top left repeat-y;}

p.time1 b{background:#ffcc00;color:#333366;font-weight:lighter;}
p.time1 em{background:#ffcc00;color:#333366;font-weight:lighter;padding:5px;}
p.time1 i{background:#ffcc00;color:#333366;font-weight:lighter;padding:5px;}
span#download{font-size:75%;font-style:italic;margin-bottom:15px;margin-top:-15px;margin-left:40px;background:url(../images/pdf.jpg) top left no-repeat;padding-left:30px;height:16px;line-height:16px;display:block;}

ul.time1{padding:5px;border:solid 1px #ffcc00;width:380px;margin:0 0 0 40px;}
li.timedate{background:#ffcc00;display:block;color:#000;padding:5px;}
li.timelocation{font-style:italic;font-size:16px;padding:5px;font-weight:bold;}
li.timeprice{font-size:16px;padding:5px;font-variant:small-caps;}

img.picture{float:right;padding-right:40px;padding-left:40px;}


div#content ul.liste2 li.listinfo{font-style:normal;text-align:left;list-style:none;}

b.toph{color:#ffcc00;font-variant:small-caps;font-size:80%;}
a{color:#ffcc00;}
p.ads{font-style:italic;font-size:100%;margin-bottom:20px;}

/* Navigation - Liens */
ul#nav_main li{float:left;height:94px;line-height:94px;text-align:center;display:inline;}
ul#nav_main li a{display:block;height:94px;text-indent:-9999px;}
ul#nav_main li a#accueil{background:url(../images/accueil.jpg) top left no-repeat;width:152px;}
ul#nav_main li a#accueil.active, ul#nav_main li a#accueil:hover{background:url(../images/accueil2.jpg) top left no-repeat;}
ul#nav_main li a#danielle{background:url(../images/danielle-simonin.jpg) top left no-repeat;width:152px;}
ul#nav_main li a#danielle.active, ul#nav_main li a#danielle:hover{background:url(../images/danielle-simonin2.jpg) top left no-repeat;}
ul#nav_main li a#lucas{background:url(../images/lucas-coudret.jpg) top left no-repeat;width:106px;}
ul#nav_main li a#lucas.active, ul#nav_main li a#lucas:hover{background:url(../images/lucas-coudret2.jpg) top left no-repeat;}
ul#nav_main li a#contact{background:url(../images/contactez-nous.jpg) top left no-repeat;width:132px;}
ul#nav_main li a#contact.active, ul#nav_main li a#contact:hover{background:url(../images/contactez-nous2.jpg) top left no-repeat;}
ul#nav_main li a#fin{background:url(../images/fin.jpg) top left no-repeat;width:230px;}

ul#nav_site li{float:left;width:213px;height:66px;text-align:left;display:inline;padding:30px 0 0 40px;font-weight:bold;font-size:80%;color:#333366;}
ul#nav_site li#massages-danielle{background:url(../images/massages-danielle.jpg) top left no-repeat;padding-right:30px;}
ul#nav_site li#therapies-lucas{background:url(../images/therapies-lucas.jpg) top left no-repeat;}
ul#nav_site a{color:#333366;}





ul#form{width:300px;position:relative;height:250px;padding-left:40px;font-size:75%;}
ul#form li{display:block;height:30px;position:relative;width:300px;}
ul#form li input{display:block;height:15px;position:absolute;width:150px;top:0;right:0;}
input.envoi{margin-left:40px;}


/* Special contact & restaurant - 2 colonnes */
ul.colonnes{display:block;width:760px;float:left;text-align:left;margin:20px 0 20px 0;}
ul.colonnes li{float:left;}
ul.colonnes li.gauche{background:;padding:0 0px 0px 0px;width:376px;}
ul.colonnes li.droite{background:;padding:0 0px 0px 0px;width:384px;}
ul.colonnes li.gauche p{background:;}
ul.colonnes li.droite p{border-left:solid 1px #ffcc00;background:;}

/* SKY STARS */
p.stars, p.skies{width:250px;height:721px;position:absolute;}
p.stars{background:url(../images/stars.jpg) top left no-repeat;left:-250px;top:0;}
p.skies{background:url(../images/skies.jpg) top left no-repeat;right:-250px;top:0;}

/* Ours du site */
#site_info a{color:#333366;}
#site_info p.retour{position:absolute;top:15px;right:0;}

#site_info ul.vcard{padding:0px;border:solid 1px #333366;width:400px;margin:0 0 0 18px;}
#site_info ul.vcard li{display:block;}
#site_info li.name{background:#333366;color:#fff;padding:10px 20px;margin:5px;}
#site_info li.street{font-style:italic;font-size:16px;font-weight:bold;padding:20px 20px 0 20px;}
#site_info li.location{font-size:16px;font-variant:small-caps;padding:0 20px;}
#site_info li.telephone{font-size:16px;font-variant:small-caps;padding:0 20px;}
#site_info li.email{font-size:16px;font-variant:small-caps;padding:0 20px;}
#site_info li.web{font-size:16px;font-variant:small-caps;padding:0 20px;}
#site_info li.map{font-size:15px;font-variant:small-caps;padding:20px 20px 20px 20px;line-height:15px;height:15px;position:relative;}
#site_info li.map img{margin-top:3px;}

ul.recettes{list-style:url(../images/list-element.gif) inside;margin:10px 40px 20px 40px;padding-left:55px;color:#ffcc00;}
ul.recettes span{}


hr{color:#ffcc00;align:left;margin:20px 40px 20px 40px;}


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_definition2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#menu {list-style-type:none;font-size:10px;text-align:right;margin-top:3px;}
#menu li {float:right;position:relative;width:178px;height:1px;z-index:100;margin-right:5px;}
#menu li dl {position:absolute;top:0;left:0;}
#menu li a, #menu li a:visited {text-decoration:none;color:#fff;}
#menu li dd {display:none;}
#menu li a:hover {background:#AAAABF;color:#333366;}
#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu dl {width: 180px;background: #333366;}
#menu dd {text-align:right;}
#menu dt a, #menu dt a:visited {display:block;border:solid 1px #AAAABF;margin-bottom:3px;padding:5px 10px 5px 10px;color:#fff;}
#menu dd a, #menu dd a:visited {display:block;width:165px;border:solid 1px #AAAABF;margin-bottom:3px;padding:5px 3px 5px 10px;color:#fff;}
#menu dd a:hover{color:#333366;}