body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td
{margin:0;padding:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6,p{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* pour preserver apparence de line-height et des selecteurs */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/* permet de resizing sur les produits IE */
input,textarea,select{font-size:100%;}
/* Sur IE legend n'herite pas de son ancetre */
legend{color:#000;}
del,ins{text-decoration:none;}
body { /* polices sans empattement */
	font:13px Arial,helvetica,sans-serif;
	*font-size:small; /* pour IE */
	font-weight:normal;
	line-height:1.231em;
	*line-height:1.20em;
}


select,
input,
button,
textarea {
	font:99% arial,helvetica,clean,sans-serif;
}

table {
	font-size:inherit;
	font:100%;
}


pre,
code,
kbd,
samp,
tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}
.separateur 
{
	margin:0; 
	clear:both; 
	visibility:hidden;
	height:0;
}
.ailleurs {
	height:1px;
	overflow:hidden;
	position:absolute;
	top:-1000px;
	width:1px;
}
h1 {
	/*18px */
	font-size:138.5%;  
}
h2 {
	/*16px */
	font-size:123.1%; 
}
h3 {
	/*14px */
	font-size:108%;  
}

strong {
	font-weight:bold; 
}
abbr,acronym {
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	font-style:italic;
}
del {
	text-decoration:line-through;
}

ol li {
	list-style: none;	
}
ul li {
	list-style: none;
}


caption {
	text-align:center;
}
.right {float:right}
.left {float:left}

body {
   background: transparent url('../images/background/bg.jpg') repeat ;
    font-family: Verdana;
    color:white;
}

header.main {position:relative;}
#rosace{
    position:absolute;
    top:0;
    left:-60px;
}
#logo {
    position: absolute;
    top:35px;
    left:0px;
    z-index: 5;
}

#container {
    top:-20px;
    width:1024px;
    margin:0 auto;
    position: relative;
}
#sidebar, #main {margin-top: 70px;}

#sidebar {
    color: white;
    height: 288px;
    left: 756px;
    position: absolute;
    top: 210px;
    width: 200px;
    margin:0;
    padding:0;
}
#nav-bord-haut {height: 10px;width:200px; position:relative;background: transparent url('../images/background/nav-bord-haut.png') no-repeat;}
#nav-bord-bas {height: 10px;width:200px;position:relative;background: transparent url('../images/background/nav-bord-bas.png') no-repeat;left:0px;}
#menu {
    position:relative;
    top:0px;
    
    width:200px;
    height: 335px;
    padding:0;
    margin:0;
}

#menu li a {display: block;}
#menu li, #menu li a {
    
    /*display:block;*/
    text-decoration: none;
    width:200px;
    height:67px;
    color:white;
    padding:0;margin:0;
    
}

#menu li a span {position:absolute; left:-10000px;font-size:2px;}

#adultes {background: transparent url('../images/background/main-nav.png') no-repeat 0 0px;}
#adultes:hover,#adultes.current  {background: transparent url('../images/background/main-nav.png') no-repeat 0 -335px;}

#enfants {background: transparent url('../images/background/main-nav.png') no-repeat 0 -67px;}
#enfants:hover,#enfants.current  {background: transparent url('../images/background/main-nav.png') no-repeat 0 -402px;}

#ateliers {background: transparent url('../images/background/main-nav.png') no-repeat 0 -134px;}
#ateliers:hover,#ateliers.current {background: transparent url('../images/background/main-nav.png') no-repeat 0 -469px;}

#parle {background: transparent url('../images/background/main-nav.png') no-repeat 0 -201px;}
#parle:hover,#parle.current{background: transparent url('../images/background/main-nav.png') no-repeat 0 -536px;}

#contact {background: transparent url('../images/background/main-nav.png') no-repeat 0 -268px;}
#contact:hover,#contact.current{background: transparent url('../images/background/main-nav.png') no-repeat 0 -603px;}



#slides {
    position: absolute;
    left:527px;
    top:0;
    width: 220px;
    height:700px;
    z-index: 2;
    border:5px solid lightgrey;
    border-top:none;
    overflow: hidden;
}
#main {
    margin:20px;
    margin-left: 0;
    position: relative;
    left:0;
    top:150px;
    width: 527px;
    min-height:500px;
    color:#575757;
    background: white;

}
#main > nav a {
        position:relative; 
        left:50px; 
        top:0; 
        display:block;
        width:49px;
        height:33px;
        padding:7px 5px 0 5px;
        background-color: #A53017;
        text-decoration: none;
        color:white;
}

#main > nav a:hover {background-color: #BE4B52;}
#main-top {
    /*background: transparent url('../images/muriel-main-top.jpg') no-repeat;*/
    width:527px;
    height:20px;
}
/* ******************************** CONTENT ************************** */
#content {

    /*padding: 20px 5px 30px 40px;*/
    padding: 20px 5px 30px 30px;
    /*background: transparent url('../images/muriel-main-bottom.jpg') no-repeat right bottom;*/
}
article h1,section h1 {
    margin:10px 0 40px 0;
    color:#A53017;
    font-weight: bold;
}
#content section article p {margin-left: 10px;}
article footer {margin-top:30px;}
article footer h1 {margin:10px 0 20px 0;}
#content h2,section article h1 {
    color:#575757;
    font-size:127%;
    font-weight:bold;
    margin: 40px 0 15px 2px;
    line-height: 1.4em;

}
section article h1 {margin:10px 0 10px 5px;}

#content h3 {
    background-color: #B0BB31;
    padding:5px 5px;
    width:90%;
    margin:7px 0 7px 10px;
    
}

#content #accordeon2 h3 {
    background-color: #B093A5;
}
#content h3:hover {cursor: pointer;}

#content h3 a {
    text-decoration: none;
    color:white;
    
}
#content p {
    margin:5px;
    line-height: 1.4em;
}
#content .text p:first-letter {color:#a8b833; font-size:15px;font-weight: bold;}
#content #accordeon2 p:first-letter {color:#9B5B83;}
#content section h3 + p, #content section h3 + div p {margin: 0 10px;}
#content p.avant {
    color:#CE605F;
    color:#575757;
}
#content .apres {color:#A51062;}
#content p.avant:first-letter {color:#575757;}
#content p.apres:first-letter {color:#A51062;}
#content p#except:first-letter {color: #575757;}
#content ul {margin-left:35px;}
#content ul li {
    /*list-style-type: disc;*/
    list-style-image: url('../images/muriel-puce.png');
    margin: 7px 5px;
}

/*** Références ***/
.debut {clear: both;}
#references img {padding:3px; border:1px solid #cecece;margin-left:3em;}
#references > h2 {border-bottom:1px solid #cecece; line-height: 1.8em;}
#references .debut h2,#references .debut h2 a {font-size:1.0em; color:#B51971;margin:1em 0 1em 2em;}
#references .debut h2 a {margin-left: 1em;}
#references a {text-decoration: none; margin-left: 3em;}
/****                Contact ***************** **/


article#contact-form div {
    margin:5px 0;
    font-size:1.3em;
}
.row {position:relative;}
.row input[type=text] {
    position: absolute; left: 130px;
    font-size:80%;
}
article#contact-form span[itemprop=name] {font-weight: bold;color:#9F87A5;margin:0 0 5px 0;font-size: 1.4em;}
article#contact-form p[itemprop=address] {font-size:85%;color:#575757;}
article#contact-form span[itemprop=description] {font-size:85%;}
article#contact-form span[itemprop=telephone] {margin-left:15px; font-size: 1.4em;font-weight: bold;color:#A53017; }

article#contact-form h1 {
    margin:20px 0 40px 0;
}
article#contact-form div input{
    height:2em;
    line-height: 2.5em;
    color:#93749B;
}
textarea {font-size:80%;z-index:5000;color:#93749B;}
#contact-form footer {
    margin-top:30px;
}

#contact-form footer h1{
    margin:10px 0;
}
#contact-form input[type=submit] {
    font-size: 1.2em;
    padding: 0.5em 0.8em;
    background-color: #ADBACB;
    border:1px solid #A7B4C6;
}
#contact-form input[type=submit]:hover {
    cursor: pointer;
    background-color: #A995AE;
    border:1px solid #9F87A5;
}
footer {
    border-top:1px solid #EAEAEA;    
}
footer #presentation {
    
    width:370px;
    margin:10px auto;
}
footer span.long{}
footer #presentation span {padding:0 7px;}
footer #autre {font-size:80%;width:500px; margin:10px auto;text-align: center;}
footer #autre span {padding: 0 7px; }
footer #autre a {text-decoration: none; }
/*************************/
mark {color:inherit ; background-color: transparent;}
em,span.em {font-style: normal; display:inline-block; border-bottom:1px dotted #BA287A;}
span.strong {font-weight: bold;}

article#contact-form div.error {color:red; font-size: 0.7em;}