/* COLORS
   Wrapper background:      
   Body Background:         #0077be
   Link:                    #ff8113
   Text color:              #fff
   Link nav:                #fff
   ...
*/

/* SECTIONS
     =Wrapper
     =Header
     =Body
     =Sidebar
     =Main
     =adresse
*/

/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
   Based on work by Eric Meyer:
   * http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/
   
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}

body { line-height: 1em;}
ol, ul { list-style: none;}
blockquote, q { quotes: none;}

/* remember to define focus styles! */
:focus { outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}


/* Misc classes and elements
-------------------------------------------------------------- */

/* Use this to create a horizontal ruler across a column. */
hr {display:none;}


/*  =General
-------------------------------------------------------------- */
body { color: #000; font-family: Arial, sans-serif;font-size: 75%; line-height: 1.5em;  }


/* =Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal;color: #000;font-family: Arial, sans-serif; }
h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.5em; font-weight:bold;line-height: 1em; margin-bottom: 0em; color:#fff;font-family:Verdana, Arial, sans-serif;   }
h5 { font-size: 1.2em; font-weight: bold; margin-bottom: 0.25em;color:#fff; }
h6 { font-size: 1em; font-weight: bold; color:#fff; }


/* =Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.25em 0;line-height:1.2em; }
p.picture-left img { float: left; margin: 0 1.5em 0.5em 0; padding: 0; }
p.picture-right img { float: right; margin: 0 0em 0.5em 1.5em; padding: 0; clear:both;}
img         { margin: 0 0 1.5em; }

ul, ol      { margin:0 1.5em 1.5em 0em; }
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

abbr, 
acronym     { border-bottom: none; }
address     { margin-top: 1.5em; font-style: italic; }
del         { color:#666; }

a:focus, 
a:hover     { color: #FF8733; text-decoration: none; }
a           { color: #FF8733; text-decoration: underline; cursor: pointer;font-family:Verdana, Arial, Sans-serif; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold;color:#000; }
em,dfn      { font-style: italic; background: #EDF5D0; }
dfn         { font-weight: bold; }
pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.5em; } 
tt          { display: block; margin: 1.5em 0; line-height: 1.5em; }


/* =Tables
-------------------------------------------------------------- */

table   { margin-bottom: 1.4em; }
th      { border-bottom: 2px solid #ccc; font-weight: bold; }
td      { border-bottom: 1px solid #ddd; }
th,td   { padding: 4px 10px 4px 0; }
tfoot   { font-style: italic; }
caption { background: #ffc; }


.accessibility{ display:none; }


/*  =Form
-------------------------------------------------------------- */
label { font-weight: normal; display: block; }

/* Fieldsets */
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }

/* Textareas */
textarea            { width: 560px; height: 100px; margin:0.5em 0 0.5em 0; }
textarea            { border:none; background:#fff; padding:5px; }

/* Select fields */
select              { border:none; background:#fff; }

/* Success, error & notice boxes for messages and errors. */
.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd;width:539px; }
.error      { background: #FBE3E4; color: #D12F19; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #817134; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #529214; border-color: #C6D880; }
.error a    { color: #D12F19; }
.notice a   { color: #817134; }
.success a  { color: #529214; }
.error ul, .success ul { margin: 0; }
.error p, .success p{ margin:0; }

span.error{ background:url(img/form_error_bullet.gif) 240px 6px no-repeat;border:none;width:auto;padding:2px 55px 0 0;margin-bottom:0;display:block;text-align:right;font-weight:bold;clear:both;font-size:0.9em; }

/*------------------------------------------------------------------Couleur + image modifiable----------------------------------------------------------------------*/

body.theme1{ background: #7C8F05 url(img/fond_vert.jpg) center top no-repeat; }
body.theme2{ background: #5877A3 url(img/fond_bleu.jpg) center top no-repeat; }
body.theme3{ background: #8F6C51 url(img/fond_rouge.jpg) center top no-repeat; }

/*header*/
#header h1{ height:98px;width:677px;background:url(img/titre.jpg) right top no-repeat; }
#header .branding{ height:223px;width:677px;background:url(img/visuel.jpg) right top no-repeat; }

/*image illustration*/
#navigation #pole{ background:#074750 url(img/minivisuel.jpg) 109px 68px no-repeat;}

/*navigation*/
#navigation #nav_principal{ background:url(img/haut_nav.jpg) left top no-repeat;height:290px;padding:40px 20px 0 0; }
#navigation #nav_principal li{ font-size:1.2em;font-weight:bold;text-align:right;margin:0 0 13px 0;height:28px;background:url(img/liste.gif) right center no-repeat;line-height:2.2em;}
#navigation #nav_principal li.menu_item_philippe-caute-facteur-de-piano-accord-reparation-vente-location {line-height:1.2em;}
#navigation #nav_principal li a{ color:#8E8E9D;padding:0 30px 0 5px;text-decoration:none;display:block;}
#navigation #nav_principal li.current a{color:#00385F;cursor:pointer;}

/*couleur texte*/
#content{ color:#000; }

/*titre*/
#content h3{ color:#a6a6a6;font-size:1.6em;font-weight:bold;margin:25px 0 20px 0; }
#content h4{ color:#00385F;font-size:1.1em;margin:15px 0 10px 0; }
#content h5{ color:#000;font-size:1em;margin:15px 0 10px 0; }

/*img*/
.visuels{ overflow:hidden;margin:10px 0; }
.visuels li{ background:#B6B2B0 url(img/galerie-background.gif) 0 0 no-repeat; }
.visuels ul li a{ padding:0 3px;color:#fff;font-weight:bold;text-decoration:none;font-style:italic;line-height:1.2em;font-size:0.9em; }
.visuels ul li img{ border:1px solid #fff; }

/*adresse*/
#adresse{ background:#d4d3d7 url(img/footer.gif) 50% 5px no-repeat;padding:30px 80px;color:#000;width:515px;margin:0px 5px 10px 0;font-weight:bold;line-height:1.2em; }
#adresse a{ color:#000;text-decoration:underline; }

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/



/*  =Page
-------------------------------------------------------------- */
#page{ width:960px;margin:0 auto;padding:0 0 10px 0;position:relative;background:#fff; }

/*  =Header
-------------------------------------------------------------- */
#header{ position:relative;right:0;top:0;width:680px;float:right;text-indent:-5000px; }
#header h1{ display:block;text-indent:-5000px;margin:0; }
#header .branding{ display:block;margin:0; }

/*  =Navigation
-------------------------------------------------------------- */
#navigation{ display:inline;float:left;width:277px;margin:0 0 0 3px; }
#navigation #pole{ background:#074750;height:145px;border-bottom:11px solid #2A5C67;padding:9px 6px 0 14px;overflow:hidden; }
#navigation #pole p{ float:left;width:82px; }
#navigation #pole a{ background:url(img/pole.jpg) left top no-repeat;display:block;text-indent:-5000px;height:135px;width:82px; }
#navigation #pole p#desc{ width:165px;float:right;margin:42px 0 0 0;font-size:0.9em;font-family:Verdana, Arial, Sans-serif;color:#fff;text-align:right; }
#navigation #pole p#desc img{ margin:5px 0; }
#navigation #nav_principal{ margin:0 0 15px 0; }

/*  =Visuel
-------------------------------------------------------------- */
.visuels{ overflow:hidden;margin:10px 0; }
.visuels ul {margin:0;padding:0;}
.visuels ul li {float:left;margin:0 5px 7px 0;padding:5px 0;}
.visuels ul li a{display:block;vertical-align:middle;position:relative;text-decoration:none;font-style:italic;line-height:1.2em;font-size:0.9em; text-align:center;width:160px;height:210px;}
.visuels ul li img{ display:block;margin:0 auto 5px auto;}

/*  =Content
-------------------------------------------------------------- */
#content{ float:right;width:674px;padding:0;margin:0 3px 30px 0; }


/*  =Text
-------------------------------------------------------------- */
.richtext{ width:96%;margin:0 auto; }
.richtext strong a{color:#000;} 


/*  =Formulaire
-------------------------------------------------------------- */
form{ width:96%;margin:0 auto; }
form p{ float:left;width:45%;margin:0 15px 15px 0;height:2.2em; }
fieldset {display:block;width:83%;clear:both;border:0;padding-left:0;border:1px dashed #666;border-right:0;border-left:0;}
form p.textarea{height:135px;float:none;}
form legend{ font-weight:bold;margin:0 30px 15px 0;color:#7B7C7D;padding:0 ;background:#fff url(img/puce-legend.gif) 0 2px no-repeat;}
form p label{float:left;font-weight:bold;width:40%;color:#7B7C7D;line-height:15px;text-align:right;padding-right:5px; }
form p input, form p textarea{ border:1px solid #8E8E9D;background:#efefef;padding:0 4px;}
form p input{ font-size:0.9em;line-height:1em;float:left;}
form p.radio {margin-bottom:5px;}
form p.radio label{float:none;font-weight:normal;display:inline;width:auto;}
form p.radio input{float:none;border:none;display:inline;padding-top:5px;margin:0 5px 0 4px;background:none;}
form p.checkbox {margin-bottom:5px;}
form p.checkbox label{float:none;font-weight:normal;margin:0 0 10px 10px;display:inline;width:50%; }
form p.checkbox input{float:none;border:none;display:inline;margin:0 20px 5px 4px; }
form p.textarea, form p.checkbox, form p.radio, form p.link{ clear:both;width:100%;display:block; }
form p.textarea label {text-align:left;}
form p input.submit{ background:#000;color:#fff;font-weight:bold;border:none;font-size:0.9em;padding:1px 3px; cursor:pointer;}
form p.precision{width:90%;margin:0;}
form p.precision label{display:inline;float:none;}
form p.precision input{display:inline;float:none;border:1px solid #999;width:70%; background:#efefef;}

/*  =adresse
-------------------------------------------------------------- */
#adresse{ text-align:center;float:right; }
#adresse ul{ margin:0;padding:0; }
#adresse li{ display:inline;line-height:1.2em; }
#adresse li span{ margin:0 0 0 5px; }
#adresse li.country{display:none;}

#map_canvas {clear:both;height:300px;width:100%;}

/*  =Footer PRMA
-------------------------------------------------------------- */
#footer{ padding:22px 13px;clear:both;margin:0 0 15px 0;background:url(img/footer_prma.jpg) left top no-repeat;overflow:hidden;}
#footer ul#info{ margin:0;width:417px;float:left;color:#7B7C7D;font-size:0.9em;line-height:1.2em; }
#footer ul#info li#adr, #footer ul#info li#adr a{ color:#E8660C; }
#footer ul#info li{ margin:0 0 7px 0; }
#footer ul#logo{ margin:0 0 0 40px;float:left; }
#footer ul#logo li{ float:left;margin:0 40px 0 0; }
#footer ul#logo li#last{ margin:0; }
#footer ul#nav_footer{ margin:0;float:right;font-size:0.9em; }
#footer ul#nav_footer li{ display:inline;color:#7B7C7D; }
#footer ul#nav_footer li#s3i{ margin:7px 0 0 0;display:block;text-align:right; }
#footer ul#nav_footer li a{ padding:0 5px 0 0;text-decoration:none;color:#7B7C7D; }