/* COLORS
   Wrapper background:      
   Body Background:         #
   Link:                    #
   Text color:              #
   Link nav:                #
   ...
*/

/* SECTIONS
     =General
     =Header
     =Page
     =Menu
	 =Horaires
	 =Breadcrumb
	 =Content
	 =Contenu
	 =Visuels
     =Navigation Footer
	 =Footer
*/

/* -------------------------------------------------------------- 
  
   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: 1;}

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 a .box to create a padded box inside a column.  */ 
.box {padding: 1.5em;margin-bottom: 1.5em;background: #eee;}

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

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



/* =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.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }


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

p           { margin: 0 0 1.5em; }
p.last      { margin-bottom: 0; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0em 1.5em 1.5em; padding: 0; clear:both;}
p img.top   { margin-top: 0; } /* Use this if the image is at the top of the <p>. */
img         { margin: 0 0 1.5em; }

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

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

a:focus, 
a:hover     { color: #414666; text-decoration: none; }
a           { color: #414666; text-decoration: underline; cursor: pointer; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
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.5; } 
tt          { display: block; margin: 1.5em 0; line-height: 1.5; }


/* =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; }

/* Use this if you use span-x classes on th/td. */
table .last { padding-right: 0; } 


/* =Some default classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet      { color: #666; }

.hide       { display: none; }
.highlight  { background:#ff0; }
.added      { color:#060; }
.removed    { color:#900; }

.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

.left   { float:left; }
.right  { float:right; }

.reset-margin   { margin:0; } 
.reset-padding  { padding:0; } 
.reset          { margin:0; padding:0; } 

.align-justify  { text-align:justify; } 
.align-left     { text-align:left; } 
.align-center   { text-align:center; } 
.align-right    { text-align:right; } 

p.incr, .incr p {
	font-size: 10px;
	line-height: 1.44em;  
	margin-bottom: 1.5em;
}

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

/* Fieldsets */
fieldset    { padding:1.4em 1.4em 1.4em 0; margin: 0 0 1.5em 0; border: none; }
legend      { font-weight: bold; font-size:1.2em; }

/* Text fields */
input   { display:block;margin:0.5em 0.5em 0.5em 0; padding: 2px; border:1px solid #bbb; background:#f6f6f6; }

/* Textareas */
textarea            { width: 400px; height: 250px; margin:0.5em 0.5em 0.5em 0; }
textarea            { border:1px solid #bbb; background:#eee; padding:5px; }

/* Select fields */
select              { border:1px solid #ccc; background:#f6f6f6; }

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

.notice     { background: #FFF6BF; color: #817134; border-color: #FFD324; }
#contenu .notice     { color: #817134;}

.success    { background: #E6EFC2; border-color: #C6D880; }
#contenu .success p     { color: #529214;}
.error a    { color: #D12F19; }
.notice a   { color: #817134; }
.success a  { color: #529214; }
.error ul { margin: 0; }

.accessibility {text-align:left;text-indent:-5000px;padding:0;margin:0;height:1px;line-height:1%;display:block;position:absolute;}


/*  =General
-------------------------------------------------------------- */
#header, #content, #footer{width:960px;}

/*  =Page
-------------------------------------------------------------- */
#page{position:relative;font:normal 12px Arial, sans-serif;border:2px solid #EDDAE3;margin:0 auto;width:960px;background:#fff url(img/bordure.jpg) 223px 0 repeat-y;}


/*home*/
#home #page{background:none;}


/*  =Header
-------------------------------------------------------------- */
#header{position:relative;background:#fff;height:272px;border-bottom:10px solid #fff;}
#header h1{text-indent:-5000px;background:#fff url(img/titre-header-pages.jpg) 0px 13px no-repeat;height:100px;margin:0;border-bottom:10px solid #fff;}
#header h1 a{position:absolute;height:77px;width:239px;left:440px;top:30px;}
#header p.branding{text-indent:-5000px;background:#fff url(img/visuel-bandeau-page.jpg) 0px 0px no-repeat;height:158px;width:960px;margin-bottom:0;}
/* home */
#home #header{height:442px;background:#fff;}
#home #header h1{border-color:#fff;background:#fff url(img/titre-header.jpg) 0 0 no-repeat;height:144px;}
#home #header p.branding{display:block;background:#fff url(img/visuel-bandeau.jpg) 262px 0 no-repeat;width:960px;height:288px;top:157px;left:0px;position:absolute;border:0;}



/*  =Adherent
-------------------------------------------------------------- */
#adherent {position:absolute;right:15px;top:45px;height:45px;}
#adherent li{height:45px;}
#adherent li.cheque-cadeau{width:56px;background:url(../common/cheque-cadeau.gif) 0 50% no-repeat;margin-right:8px;}
#adherent li.charte-qualite{width:40px;background:url(../common/charte-qualite.gif) 0 0 no-repeat;}
#adherent li.carte-en-ville{width:54px;background:url(../common/ma-carte-en-ville.gif) 0 50% no-repeat;}
#adherent li a{text-indent:-5000px;display:block;height:100%;width:100%;}
/*home*/
#home #header #adherent {top:90px;}

/*  =Annuaire
-------------------------------------------------------------- */
#annuaire {position:absolute;top:10px;left:20px;z-index:99;background:#fff url(img/annuaire.gif) 0 0 no-repeat;width:130px;height:193px;}
#annuaire a{display:block;width:100%;height:100%;text-indent:-5000px;}


/*  =Menu
-------------------------------------------------------------- */
#nav-principale{float:left;position:relative;background:transparent  url(img/fond_menu_pages.jpg) 0 0 no-repeat;top:0;left:0px;width:239px;height:350px;z-index:10;border-right:0px solid #BF8BA4;margin:0;padding-bottom:229px;}
.ie #nav-principale ul{float:left;position:relative;text-align:left;margin-top:20px;left:0px;width:100%;}
.ie #nav-principale li {padding-left:30px;padding-right:5px;}
#nav-principale ul, .ie7 #nav-principale ul{float:left;position:relative;text-align:right;margin-top:20px;left:0px;width:100%;}
#nav-principale li, .ie7 #nav-principale li{background:url(img/sep-menu.png) 85% 50% no-repeat;padding-bottom:0;margin-left:40px;margin-bottom:3px;line-height:5px;padding-right:60px;padding-top:20px;height:20px}
#nav-principale a{font:bold 14px Arial;color:#993365;text-decoration:none;}
#nav-principale a:hover{text-decoration:underline;}

/* home */
#home #nav-principale{background:#fff url(img/fond_menu.jpg) 0 100% no-repeat;border-right:0px solid #C8384A;position:relative;margin-top:-297px;width:260px;height:290px;padding:0;}
#home #nav-principale ul{margin-top:60px;}



/*  =Content
-------------------------------------------------------------- */
#content {float:left;position:relative;margin:0;padding:0;padding-left:5px;width:716px;}
/*home*/
#home #content{width:960px;padding:0;}

/*  =Horaires
-------------------------------------------------------------- */
#horaires{position:absolute;width:679px;height:20px;left:268px;color:#993365;text-align:center;bottom:0;}
#horaires h2{display:none;}
#horaires ul{margin:0;font:bold 12px Arial;position:relative;margin-top:0px;line-height:15px;}
#horaires li{display:inline;}
/*home*/
#home #horaires{width:690px;height:22px;left:251px;background:#fff;top:426px;}
#home #horaires ul{font:bold 12px Arial;position:relative;margin-top:0px;line-height:20px;}

/*  =Breadcrumb 
-------------------------------------------------------------- */
#breadcrumb {position:relative;left:20px;width:75%;height:2em;line-height:2em;margin-top:8px;color:#326B30;}
#breadcrumb a {font-weight:bold;color:#326B30;}
#breadcrumb li {display:inline;padding:0 1px 0 0;font-weight:bold;}
#breadcrumb li span{padding:0 0 0 5px;}

/*  =Main
-------------------------------------------------------------- */
.ie #main {border-top:1px solid #EEDAE5;}
#main, .ie7 #main{padding:0;float:left;width:100%;border:0;}
#home #main{width:100%;padding:0;background:#fff url(img/content.gif)  0 0 no-repeat;float:left;}


/*  =Contenu
-------------------------------------------------------------- */
.ie #contenu{background:none;}
#contenu, .ie7 #contenu{color:#326B30;background:transparent url(img/haut_content.jpg) 100% 0 repeat-x;padding:50px 0 0 0;margin-top:-32px;}
#contenu h3{color:#993365;padding-top:5px;padding-bottom:2px;margin:5px 0 20px 0;border-bottom: 8px solid #ECD9E2; }
#contenu h4{color:#993365;font:bold 14px Arial;padding:0;margin:0 0 0px 0;}
#contenu p{display:block;padding:0;margin:0;padding-bottom:10px;color:#326B30;line-height:1.2em;font-size:14px;}
#contenu p.accroche{font:bold 14px Arial;}
#contenu ul{margin-left:20px;}
#contenu li{background:url(img/puce.jpg) 0px 9px no-repeat;padding-left:7px;margin-bottom:3px;font-size:14px;}
#contenu span{font:bold 14px Arial;}
.ie div.hr{background:#fff;height:1px;}

div.hr, .ie7 div.hr{height:20px;margin-left:0px;width:960px;background:url(img/bas_content.jpg) 0 0 repeat-x;}


/* home */
.ie #home #contenu{color:#326B30;background:transparent;padding:50px 0px 0px 15px;margin-top:1px;}
#home #contenu, .ie7 #home #contenu{color:#326B30;background:transparent url(img/haut_content.png) 100% 0 repeat-x;padding:50px 0px 0px 15px;margin-top:1px;}




/*  =Textes
-------------------------------------------------------------- */
.richtext {clear:both;padding:0 15px;position:relative;}
#contenu p img {border:3px solid #7F2C54;}
p.picture-left img  { float: left; margin: 1.5em 1.5em 1.5em 0;}
p.picture-right img { float: right; margin: 1.5em 0em 1.5em 1.5em;clear:both;}
/*home*/
#home .richtext {float:left;clear:none;}

/*  =Visuels
-------------------------------------------------------------- */
#contenu .visuels {position:relative;display:block;width:100%;}
#contenu .visuels ul {position:relative;height:1%;padding:12px 0px 12px 4px;background:none;border:none;margin:0 0 20px 0;overflow:hidden;list-style-type:none;}
#contenu .visuels li {margin:5px 10px 10px 10px;float:left;text-align:center;width:195px;background:0;padding:0;}
.visuels li a {background:#F2E3EA;color:#7F2C54;display:block;font-stretch:normal;font-style:italic;font-variant:normal;height:200px;line-height:normal;overflow:hidden;width:100%;border:2px solid #fff;}
.visuels li a:hover, .visuels li a:active, .visuels li a:focus {color:#7F2C54;}
.visuels li img {border:2px solid #C67FA2;display:block;}
.visuels li.paysage img {margin:15px auto 5px auto;}
.visuels li.portrait img {margin:15px auto 0px auto;}
.visuels li a:hover img, .visuels ol li a:active img, .visuels ol li a:focus img {border-color:#7F2C54;}
/*home*/
#home .visuels{background:none;float:left;width:190px;text-align:left;border:0;margin-top:0;padding-left:0;margin-right:10px;width:375px;}
#home .visuels li a {height:200px;}
#home .visuels li.paysage img {margin:38px auto 0 auto;}
#home #contenu .visuels ul {padding:5px;margin:0 0 15px 0;overflow:hidden;list-style-type:none;}
#home #contenu .visuels li {margin:0 10px 10px 0;float:left;text-align:center;width:170px;background:0;padding:0;}

/* Contact
-------------------------------------------------------------- */
#adresse-contact{width:225px;float:left;margin:0 0 20px 20px;}
#sf_fieldset_contact{width:90%;float:left;margin:0 0 20px 20px;}
#sf_admin_edit_form p.submit button{background:#993365;color:#fff;border:0;cursor:pointer;}

/* Googlemaps
-------------------------------------------------------------- */
#map_canvas{width: 380px;margin:0 auto 30px auto;border:2px solid #DEE6F3; height: 300px;overflow:hidden;}


/*  =Navigation Footer
-------------------------------------------------------------- */
#nav-footer{margin-top:20px;margin-left:20px;}


/*  =Footer
-------------------------------------------------------------- */
.ie #footer{border-top:5px solid #993365;}
#footer, .ie7 #footer{position:relative;background:#fff;height:200px;border-top:1px solid #fff;clear:both;margin:0 auto}

#footer ul.vcard{margin-top:20px;float:right;margin-right:20px;}
#footer li{font:bold 12px Verdana;color:#993365;display:inline;width:400px;}
#footer li.url{display:block;text-align:right;}
#footer a{color:#993365;}