/***** Reset CSS *****/

* { border:0; margin:0; padding:0; list-style:none; font-size:100%; outline:none; }
label, input[type=submit] { cursor:pointer; }
input, textarea, select { border:1px solid #000; padding:2px; vertical-align:middle; }
input[type=image], input[type=radio], input[type=checkbox] { border:none; }
.invis { position:absolute; left:-9999px; }
body { background:url(img/body_fond.jpg) repeat; font:100%/1.3 Arial, Verdana, sans-serif; padding-top:100px; }

/***** Flash & Déco *****/

div#diapo { width:435px; /*436*/ height:297px; /*298*/ padding-left:1px; padding-top:1px; position:absolute; top:908px; left:0; background:url(img/diapo_fond.png) no-repeat; }
div#diapo ul { width:426px; height:291px; overflow:hidden; background:#9a8052; }
div#diapo ul li { width:426px; height:291px; overflow:hidden; float:left; }
div#coin_coordonnees { width:160px; height:36px; position:absolute; top:0; left:211px; background:url(img/adresse_coin.png) no-repeat; }
div#deco_plan { width:388px; height:314px; position:absolute; top:-330px; left:0; z-index:1; background:url(img/deco_plan.png) no-repeat; }

/***** Stylage contenu *****/

h2 { width:500px; height:150px; position:absolute; top:-210px; left:-60px; text-indent:-9999px; background:transparent no-repeat left bottom; }
h2.presentation { background-image:url(img/h2_presentation.png); }
h2.activites { background-image:url(img/h2_activites.png); }
h2.bibliotheques { background-image:url(img/h2_bibliotheques.png); }
h2.expos { background-image:url(img/h2_expos.png); }
h2.spectacles { background-image:url(img/h2_spectacles.png); }
h2.partenaires { background-image:url(img/h2_partenaires.png); }
h2.membre { background:url(img/h2_membre.png) no-repeat 20px bottom; }
h2.contact { background-image:url(img/h2_contact.png); }
h2.plan { background-image:url(img/h2_plan.png); }

div#texte > p { margin-bottom:10px; } 
div#texte form{
padding:20px;}

img#captcha{
width:80px;}

input.champs {
border: solid 1px;}
a { color:#333; }
a:hover { text-decoration:none; }

/***** Layout *****/

.spacer { clear:both; }
.centrer_design { position:relative; width:990px; margin:0 auto; height:100%; }
div#entete { width:100%; height:170px; position:absolute; top:0; left:0; z-index:1; background:url(img/entete_menu_fond.png) no-repeat center 60px; }
div#colonne_gauche { position:absolute; top:0; left:20px; width:436px; height:1700px; }
div#colonne_droite { font-size:75%; position:relative; width:460px; margin-left:475px; }

/***** Entête *****/

h1 { position:absolute; top:27px; left:15px; z-index:2; width:382px; height:114px; background:url(img/entete_logo.png) no-repeat top; text-indent:-9999px; }
h1 a { display:block; width:100%; height:100%; }

ul#menu_main { margin-top:76px; margin-right:15px; float:right; z-index:1; font-family:"Trebuchet MS", Arial, sans-serif; font-size:85%; }
:lang(fr) ul#menu_main li { display:inline-block; }
ul#menu_main li { position:relative; display:inline; vertical-align:top; width:91px; height:22px; line-height:22px; text-align:center; margin-left:3px; }
ul#menu_main li a { color:#fff; text-decoration:none; border-left:1px solid #472d2b; border-top:1px solid #472d2b; display:inline-block; width:91px; height:22px; text-align:center; }
ul#menu_main li a:hover { background:#362512 !important; }

ul#menu_main li.presentation a { background:#d8001c; }
ul#menu_main li.activites a { background:#b0cd2b; }
ul#menu_main li.bibliotheques a { background:#cdc5c6; }
ul#menu_main li.expos a { background:#61068b; }
ul#menu_main li.spectacles a { background:#ff00d8; }
ul#menu_main li.partenaires a { background:#fc9612; }

ul#menu_main ul.ss_menu { position:absolute; top:23px; left:0; display:none; }
ul#menu_main ul.ss_menu li:first-child { border-top:0; }
ul#menu_main ul.ss_menu li { margin-left:1px; font-size:90%; display:block; width:150px; height:auto; line-height:1em; text-align:left; border-top:1px solid #fff; }
ul#menu_main ul.ss_menu li a { display:block; border:none; padding:5px 5px; width:140px; /*150*/ height:auto; text-align:left; }

ul#menu_main li.partenaires ul.ss_menu li { width:105px; }
ul#menu_main li.partenaires ul.ss_menu li a { width:95px; }

ul#menu_main li.espace_membre { position:absolute; top:147px; left:115px; }
ul#menu_main li.espace_membre a { background:#ff5a00; width:130px; }
div#deco_fil_em { position:absolute; top:113px; left:175px; width:12px; height:34px; background:url(img/entete_fil_membre.png) no-repeat; }

/***** Contenu *****/

div#contenu_fond { width:100%; background:url(img/contenu_fond.png) center repeat-y; margin-bottom:220px; }
div#contenu_top { width:100%; background:url(img/contenu_top.jpg) no-repeat center top; }
div#contenu_bottom { width:100%; padding-top:450px; padding-bottom:10px; background:url(img/contenu_bottom.png) no-repeat center bottom; min-height:1300px; }

/***** Colonne_gauche *****/

ul#tools { position:absolute; top:720px; left:38px; }
ul#tools li a { color:#fff; font-size:110%; }
ul#tools li a:hover { text-decoration:none; }

form#newsletter { font-size:75%; color:#c52237; position:absolute; top:800px; left:38px; }
form#newsletter h4 { font-size:120%; letter-spacing:1px; }
form#newsletter input { background:#d0c4b0; border:1px solid #1e180f; color:#c52237; }
form#newsletter input[type=submit] { font-weight:bold; padding:1px; }

/***** Pied *****/

div#pied_fond { background:url(img/pied_fond.jpg) repeat; position:relative; z-index:10; }
div#pied_top { background:url(img/pied_top.png) repeat-x top; padding-top:15px; font-family:"Trebuchet MS", Arial, sans-serif; font-size:80%; padding-bottom:20px; }

div.list-like { position:relative; z-index:2; overflow:hidden; padding:5px 10px; padding-left:35px; width:202px; /*247*/ height:330px; /*340*/ float:left; background:url(img/pied_colonnes_sepa.png) repeat-y left; }
div.list-like:first-child { background:none; }

div#partenaires ul { padding-top:35px; }
div#partenaires ul li { text-align:center; margin-bottom:50px; }
div.plan h4 { padding-bottom:10px; }
div.plan a { color:#bd0f20; text-decoration:none; }
div.plan a:hover { text-decoration:underline; }
div.plan ul { padding-left:35px; padding-bottom:10px; }

form#formcontact textarea { font-size:110%; font-family:Arial; }