/* CSS Document */

*, html { margin: 0; padding: 0 }

body { background: #FFFFEC url(images/layout/body-bg.gif) repeat-x; text-align: center; font-family:"Trebuchet MS", Arial, sans-serif; }

#container1 { background: url(images/layout/bg-container-1.jpg) no-repeat right top; width: 808px; position: relative; margin: 0 auto; padding: 0 54px; }
#colonneDroite { background: url(images/layout/bg-colonne-droite.jpg) no-repeat;width: 253px; display: block;float: right;padding: 322px 0 10px 15px;}

#slogan { padding-bottom: 20px; text-align: left; }
#slogan span { letter-spacing: -0.03em; font-size: 15px; color: #5b005b; font-style: italic; font-weight: bold; margin:0; line-height: 21px; padding-left: 0; }
#slogan span.big { font-size: 21px; color: #cc9900; padding:0; letter-spacing: 0; } 

#Nav ul { list-style: none; text-align: left; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #5B005B; font-weight: bold; }
#Nav li {  }
#Nav li a { background: url(images/layout/bg-nav.png) 0 34px; height: 23px; width: 245px; display: block; padding: 10px 0 0 8px; color: #5B005B; text-decoration: none; }
#Nav li a:hover, #Nav li a.actif { background: url(images/layout/bg-nav.png) 0 0; }

#contact { background: #FEF6DD url(images/layout/bg-contact.jpg) no-repeat right bottom; border: 1px solid #F0B500; margin: 2px; text-align: left; padding: 5px; }
#contact h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #5B005B; font-weight: bold; }
#contact p { font-size: 12px; color: #BB8C00; margin-top: 10px; line-height: 13px; }

#container2 { margin-right: 270px; }

#header { padding-top: 70px; }
#header img { border:0; }
#header h1 { margin:0; padding:0; line-height: 1px; }
#header h1 a { outline: none; }
#header h1 a span { text-indent: -10000px; display: block; }

#tagline { background: url(images/layout/spacer-horizontal.png) no-repeat bottom center; }
#tagline img { padding-top: 24px; }
#tagline p { font-size: 14px; color: #5b005b; line-height: 14px; padding: 10px 40px 14px 40px; font-weight: bold; }
#tagline p strong { color: #cc9900; }

#contenu { background: url(images/layout/border-contenu.png) no-repeat right top; padding: 0 20px 10px 0; margin-left: 30px; text-align: left; min-height: 400px; _height: 400px; }
#contenu h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #BB8C00; padding-top: 35px; }
#contenu h2 strong { font-size: 16px; color: #5B005B; }
#contenu h2 img { float: left; position: relative; top: -10px; }
#contenu h3 { font-size: 13px; color: #5B005B; margin: 15px 0 0 50px; }
#contenu h4 { font-size: 15px; color: #5B005B; margin: 15px 0 0 50px; }
#contenu h4.atelier { padding: 10px 0; }
#contenu hr { margin-bottom: 5px; margin-left: 50px; background:#5B005B; color: #5B005B; border: none; height: 1px; }
#contenu p { margin: 15px 0 0 50px; font-size: 12px; color: #BB8C00; }
#contenu ul { margin: 15px 0 0 100px; list-style: url(images/layout/bullet.png); }
#contenu ul li { font-size: 12px; color: #BB8C00; margin: 5px 0 0 10px; _padding-left: 7px; }

#contenu blockquote { background: url(images/layout/quote.gif) no-repeat; margin: 15px 10px 0 20px; padding-left: 22px; padding-bottom: 2px; }
#contenu blockquote p { font-size: 12px; color: #BB8C00; margin: 0 0 1em 0; padding: 0; }

.imgCenter { display: block; margin-left: auto; margin-right: auto; padding-left: 50px; }
.imgRight { float: right; border: 1px solid #A589AA; padding: 1px; margin-left: 20px; }

#prixAtelier { background: #FEF6DD; border: 1px solid #F0B500; text-align: left; padding: 5px; float: right; width: 220px; display: block; margin-top: 15px; }
#prixAtelier h5 { background: url(images/layout/bullet.png) no-repeat left center; font-size: 12px; color: #5B005B; padding-left: 18px; }
#prixAtelier h6 { font-size: 10px; font-weight: normal; color: #5B005B; }
#prixAtelier h6 strong { font-size: 11px; }
#prixAtelier ul { margin: 0 0 0 15px; list-style: square; }
#prixAtelier ul li { line-height: 10px; font-size: 11px; }
#prixAtelier p { margin: 7px 0 0 0; font-size: 11px; line-height: 13px; }
#prixAtelier p strong { font-size: 12px; }

.message { text-align: center; padding-top: 100px; }
#message2 { width: 300px; display: block; background: url(images/layout/bg-textarea.jpg) repeat-x; margin: 75px auto; padding: 10px; border: 1px solid #A589AA; }
#message2 p { color: #5B005B; font-size: 12px; font-weight: bold; margin: 0; padding: 0; }

form.contact { padding: 10px 0 0.5em 50px; font-size: 12px; color: #BB8C00; font-weight: bold; }
form.contact div { margin: 0; padding: 0 0 10px 0;}
form.contact div div { color: #FF0000; padding-bottom: 0;  }
form.contact input, form.contact textarea { width: 425px; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; background:#D9CDCE url(images/layout/bg-formfield.jpg) repeat-x; border: 1px solid #A589AA; margin-left: 0px; padding: 2px; }
form.contact textarea { background: url(images/layout/bg-textarea.jpg) repeat-x; }
form.contact input.submit { width: 200px; font-weight: bold; background: url(images/layout/bg-formfield.jpg) left center; color: #5B005B; }

.right { text-align: right; }

.requis { float: left; margin-right: 10px; font-size: 10px; color: #333; }
.red { color: #FF0000; }

#footer { clear: both; background: url(images/layout/border-footer.png) no-repeat; margin: 15px 0; padding-top: 2px; font-size: 10px; color: #F4C83C; }
#footer a { color: #F4C83C; text-decoration: none; }
#footer a:hover { color: #5B005B; text-decoration: underline; }