/*normalisation*/
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;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
ol,ul{list-style:none;}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal;font-weight:normal;}
abbr{margin:0;padding:0;text-decoration:none;border:none}
table{border-collapse:collapse;border-spacing:0;}
fieldset, img{border:0;}
caption,th{text-align:left;}
q:before,q:after{content:'';}


/*TEMPLATE*/
html{text-align:center;background-color:#FFFFFF;}
body{position:relative;width:1003px; margin: 0 auto; text-align:left;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:75%;color:#000;}


h1{margin:0px 0 0px 0px;}
h2{position:absolute;top:181px;left:0px;z-index:11;}
h3{margin:20px 0 0px 0px;font-weight:bold;font-size:1.2em}

p{margin:0px 0 10px 0px;}

a{color:#000;text-decoration:none}
a:hover{text-decoration:none}

em{font-style:italic}
strong{font-weight:bold}
legend{text-indent:-999em}
caption {text-indent:-999em}

table {width:100%}
table tr td{border:0px solid #000000;padding:5px;text-align:left}
table tr th{color:#000000;background-color:#CCCCCC;}

/***********************STRUCTURE**********************************************************************/

body#accueil{border:1px solid #7d7c7b}
body#accueil div#news{background:url('../images/fond_news.jpg') no-repeat;width:451px;height:151px;float:right;}
body#accueil div#news h2{margin:20px 0 0 0 ;padding:0;float:none;position:inherit;font-size:1.5em}
body#accueil div#news h2 em{font-size:0.8em;font-style:normal}
body#accueil div#news p {margin:10px 10px 0px 0px;color:#404040}
body#accueil div#news p a{font-weight:bold}
body#accueil div#news p a:hover{text-decoration:underline}

body#accueil div#news p.atelier {color:#E26C0A}
p.spectacle {color:#E26C0A;font-weight:bold;}
p.saison {font-weight:bold;font-size:1.3em}

#accueil h1{float:left;padding:25px 0px 0px 35px}
#accueil div#contenu{background:url('../images/acc_fond.jpg') no-repeat;position:relative;clear:both;width:1003px;height:444px;}
#accueil div#contenu ul li{font-family:'Times New Roman', Times, serif;font-size:1.8em;font-weight:bold;position:absolute}
#accueil div#contenu ul li span{font-size:1.5em;}
#accueil div#contenu ul li a:hover{text-decoration:none}

div#header{height:157px;width:1003px;border-bottom:1px solid #000 }
div#header ul#menu li{width:90px;float:left;margin:25px 0 0 10px;text-align:center}
div#header ul#menu li em{font-size:0.8em;font-weight:bold;font-style:normal;}

div#header ul#menu li.smenu1 em{color:#99dfb9;}
div#header ul#menu li.smenu2 em{color:#c2ad99;}
div#header ul#menu li.smenu3 em{color:#f4c49d;}
div#header ul#menu li.smenu4 em{color:#d19ed8;}
div#header ul#menu li.smenu5 em{color:#99c6e6;}
div#header ul#menu li.smenu6 em{color:#e69999;}
div#header ul#menu li.smenu7 em{color:#d4e99f;}

div#header ul#menu li.smenu1 a:hover em{color:#00b050;}
div#header ul#menu li.smenu2 a:hover em{color:#663300;}
div#header ul#menu li.smenu3 a:hover em{color:#e36c0a;}
div#header ul#menu li.smenu4 a:hover em{color:#8d0c9d;}
div#header ul#menu li.smenu5 a:hover em{color:#0070c0;}
div#header ul#menu li.smenu6 a:hover em{color:#c00000;}
div#header ul#menu li.smenu7 a:hover em{color:#93c910;}

div#content {margin-top:10px;padding-left:75px;position:relative;z-index:10}

div#content p.smenu1 {font-weight:bold;border-bottom:1px solid #00b050;border-right:1px solid #00b050;padding:10px 10px 4px 0px;width:270px;font-size:1.3em}
div#content p.smenu2 {font-weight:bold;border-bottom:1px solid #663300;padding:10px 10px 4px 0px;width:300px;font-size:1.3em;line-height:20px}
div#content p.smenu3 {font-weight:bold;border-bottom:1px solid #e36c0a;border-right:1px solid #e36c0a;padding:10px 10px 4px 0px;width:460px;font-size:1.3em}
div#content p.smenu4 {font-weight:bold;border-bottom:1px solid #8d0c9d;border-right:1px solid #8d0c9d;padding:10px 10px 4px 0px;width:565px;font-size:1.3em}
div#content p.smenu5 {font-weight:bold;border-bottom:1px solid #0070c0;border-right:1px solid #0070c0;padding:10px 10px 4px 0px;width:665px;font-size:1.3em}
div#content p.smenu6 {font-weight:bold;border-bottom:1px solid #c00000;border-right:1px solid #c00000;padding:10px 10px 4px 0px;width:765px;font-size:1.3em}
div#content p.smenu7 {font-weight:bold;border-bottom:1px solid #93c910;border-right:1px solid #93c910;padding:10px 10px 4px 0px;width:270px;font-size:1.3em}

div#background{position:absolute;position: fixed !important;height:560px;width:520px;left:0px;top:210px;z-index:9;}

div#content ul {margin-top:20px}
div#content ul li{padding:0px 0px 10px 0px;list-style:disc inside}
div#content ul.telechargement a{text-decoration:underline;}

div#content p a:hover{text-decoration:underline;color:#606060}
div#content p a{color:#606060}

div#content p.contenu {padding:10px 30px 0px 0px;text-align:justify;line-height:18px;width:475px;}
div#content p.contenu a{text-decoration:underline;}
div#content p.description {padding:10px 30px 0px 0px;text-align:justify;line-height:18px;width:475px;font-style:italic}

div#content p.lien1 a{padding:10px 30px 0px 0px;text-align:justify;line-height:18px;font-weight:bold;text-decoration:underline;color:#00b050}
div#content p.lien2 a{padding:10px 30px 0px 0px;text-align:justify;line-height:18px;font-weight:bold;text-decoration:underline;color:#663300}
div#content p.lien3 a{padding:10px 30px 0px 0px;text-align:justify;line-height:18px;font-weight:bold;text-decoration:underline;color:#e36c0a}
div#content p.lien4 a{padding:10px 30px 0px 0px;text-align:justify;line-height:18px;font-weight:bold;text-decoration:underline;color:#8d0c9d}
div#content li.lien5 a{padding:10px 30px 0px 0px;text-align:justify;line-height:18px;text-decoration:underline;}
div#mentions{width:553px;height:323px;background-color:#000000;background:#000000 url('../images/mentions_bg.png') no-repeat;padding:0 0 0 50px}


/***********************HIDDEN************************************************************************/
.cache{position:absolute;top:-900em;height:1px;width:1px;overflow:hidden}

/***********************CLEARFIX**********************************************************************/
.clearfix:after {    content: ".";     display: block;     height: 0;     clear: both;     visibility: hidden;}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */