/*BASE*/
* { padding: 0; margin: 0; font-weight: normal; }
html { height: 100%; margin: 0 0 1px; padding: 0; }
body { background-color: rgb(50,50,50); font-family: 'DroidSerif-Regular', Georgia, serif; font-size: 12px; font-weight: normal; line-height: 1.6; word-spacing: 1px; letter-spacing: 1px; margin: 0; margin-left: auto; margin-right: auto; width: 1040px; /* largeur obligatoire pour être centré */ }
a { color: rgb(50,50,50); text-decoration: none; }
a img { border-style: none; border: 0; }
#menu ul,
p,
h1,
h2,
h3,
h4,
h5,
h6 { margin: 0; color: rgb(150,150,150); font-weight: normal; line-height: 1.6; word-spacing: 1px; letter-spacing: 1px; }
em { font-family: 'DroidSerif-Italic', Georgia, serif }
h1 { }
h2 { color: rgb(150,150,150) }
h3 { color: rgb(150,150,150) }
h4 { color: rgb(150,150,150) }
h6 { color: rgb(100,100,100) }
h6 a { color: rgb(100,100,100); text-decoration: underline; }
h6 a:hover { color: rgb(150,150,150); text-decoration: underline; }
h6 a:active { color: rgb(50,50,50) }

/*MENU*/
#menu { background-color: rgb(50,50,50); padding: 10px 0 5px 50px; margin: 0 0 0 0; position: fixed; top: 0; width: 990px; z-index: 10; }
#menu ul { margin: 0; padding: 0px 0 8px 0; }
#menu li { display: inline; margin: 0 20px 0 0; }
#menu li a { color: rgb(200,200,200) }
#menu li a:hover { color: rgb(255,20,147); text-decoration: underline; }
#menu li a:active { color: rgb(255,255,255) }
#menu h1 a { color: rgb(255,255,255) }
#menu h1 a:hover { color: rgb(200,200,200); text-decoration: underline; }
#menu h1 a:active { color: rgb(255,255,255) }

/* menu highlight */
body#future  a#nav_future,
body#object  a#nav_object,
body#exhibition  a#nav_exhibition,
body#text  a#nav_text,
body#bio  a#nav_bio,
body#map  a#nav_map,
body#join  a#nav_join,
body#contact  a#nav_contact,
body#facebook a#nav_facebook,
body#instagram a#nav_instagram,
#menu li a:link.active,
#menu li a:visited.active,
#menu li a:hover { color: rgb(255,20,147); text-decoration: underline; }

/*MAP*/
/* VERSION BAS*/
#mapTitre h1 { z-index: 1; position: fixed; bottom: 0; right: 0; width: 295px; margin: 0 0px 50px 0; padding: 10px 24px 8px 22px; color: rgb(255,255,255); background-color: rgb(50,50,50); border: 0; }
a:hover #mapTitre h1 { color: rgb(200,200,200); text-decoration: underline; }
a:active #mapTitre h1 { color: rgb(255,255,255) }
#mapfresh h1 { background-color: rgb(255,20,147); color: rgb(255,255,255); position: fixed; bottom: 0; right: 0; border: 0; padding: 10px 5px 8px 8px; margin: 0 341px 50px 0; z-index: 2; }
a:hover #mapfresh h1 { background-color: rgb(50,50,50); color: rgb(255,255,255); text-decoration: none; }
a:active #mapfresh h1 { color: rgb(200,200,200) }
.descriptif_window { font-family: 'DroidSerif-Regular', Georgia, serif; color: #969696; }
.descriptif_window h3 { color: #ff1493; }
.descriptif_window img { display: block; margin: 0 auto; }

/*NAVIGATION*/
.scrolltoanchor { position: fixed; z-index: 1; bottom: 0; margin: 0 0 20px 0; padding: 5px 3px 5px 5px; border: none; }
.scrolltoanchor h3 { color: rgb(200,200,200) }
.scrolltoanchor:hover h3 { color: rgb(255,20,147) }
.scrolltoanchor:active h3 { color: rgb(50,50,50) }

#top { position: absolute; top: 0px; }
#foot { padding: 10px 0 25px 50px }
.ancre { margin: 0; padding: 101px 0 0 0; }
.nav_art { background-color: rgb(50,50,50); position: fixed; width: 1040px; padding: 10px 0 10px 0; min-width: 500px; }
.back { margin: 0 0 0 50px }
.prev { margin: 0 50px 0 0; float: right; }
.next { margin: 0 55px 0 0; float: right; }
.back,
.prev,
.next { color: rgb(200,200,200) }
.back:hover,
.prev:hover,
.next:hover,
#share:hover { color: rgb(255,20,147); text-decoration: underline; }
.back:active,
.prev:active,
.next:active,
#share:active { color: rgb(50,50,50) }

/*MISE EN PAGE*/
#bio .content,
#join .content,
#contact .content { border-top-width: 1px; border-top-style: dashed; border-color: rgb(150,150,150); }
.space { padding: 0 0 5px 0; margin: 74px 0 0 0; }
.spaceArti { margin: 50px 0 0 0 }
.content { width: 100%; margin: 0 0px 0 0; padding: 0; overflow: hidden; background-color: rgb(255,255,255); }
.update { color: rgb(0,100,100); margin: 0; float: right; }
.event,
.eventpresent,
.eventsoon,
.eventfutur { background-color: rgb(255,255,255); border-top-width: 1px; border-top-style: dashed; border-top-color: rgb(50,50,50); padding: 20px 0 0 0; margin: 0; float: left; width: 100%; }
.eventsoon .under { color: rgb(50,50,50); background-color: rgb(255,255,100); }
.eventpresent .under { background-color: #ccff00; color: rgb(50,50,50); }
.present:hover h2,
.passe:hover h2 { text-decoration: underline; color: rgb(255,20,147); }
.present:active h2,
.passe:active h2 { color: rgb(50,50,50) }
.futur,
.present,
.passe { padding: 0px 0px 30px 0px; margin: 0 0 0 20px; width: 300px; float: left; }
.futur h3,
.present h3,
.passe h3 { line-height: 160% }
.futur h2 { color: rgb(150,150,150) }
.present h2 { color: rgb(255,20,147) }
.passe h2 { color: rgb(255,20,147) }
.passe span { color: rgb(50,50,50) }
.futur h3,
.present h3,
.passe h3 { margin: 10px 0 10px 0; padding: 0; }
.passe a#readmore { text-decoration: underline; color: rgb(200,200,200); }
.passe a#readmore:hover { color: rgb(255,20,147) }

/*MISE EN PAGE DES TEXTE & ARTICLE*/
.event_text { background-color: rgb(255,255,255); border-top-width: 1px; border-top-style: dashed; border-color: rgb(50,50,50); margin: 0; padding: 5px 0 0 0; float: left; width: 100%; }
.event_arti { background-color: rgb(255,255,255); padding: 0; margin: 0; float: left; width: 100%; }
.text h2 { color: rgb(255,20,147) }
.text h2:hover { text-decoration: underline }
.text h2:active { color: rgb(50,50,50) }
.text h3 { padding: 0 }
.text { background-color: rgb(255,255,255); margin: 0 0 30px 50px; }
.artititre { padding: 40px 0 40px 50px; width: 800px; }
.artititre h2 { color: rgb(255,20,147); margin: 0 0 10px 0; }
.artititre h3,
.bio h3,
.text h3 { line-height: 160% }
.artititre h4 { margin-top: 10px }
.arti { background-color: rgb(255,255,255); margin: 0px 0px 20px 50px; overflow: hidden; }
.paragcontact { background-color: rgb(255,255,255); margin: 10px 20px 60px 50px; width: 600px; }
.parag { background-color: rgb(255,255,255); margin: 20px 20px 60px 50px; width: 600px; }
.parag p { padding: 0 0 15px }
.parag a { color: rgb(100,100,100); text-decoration: underline; }
.parag a:hover { color: rgb(255,20,147); text-decoration: underline; }
.parag a:active { color: rgb(50,50,50) }

/*LISTE DE BIO & CHERCHER*/
#biobox { width: 100%; float: left; }
#eventbio { background-color: rgb(255,255,255); border-top-width: 1px; border-top-style: dashed; border-color: rgb(50,50,50); padding: 20px 20px 50px 50px; width: 100%; float: left; }
#bio .parag h2 { color: rgb(255,20,147); padding-bottom: 15px; }
.bio,
.chercher { background-color: rgb(255,255,255); float: left; }
.bio h2,
.chercher h2 { margin: 0 0 5px 0; color: rgb(255,20,147); }
.bio .emtitre,
.chercher .emtitre { color: rgb(50,50,50) }
.bio #trac:hover .emtitre,
.chercher #trac:hover .emtitre { color: rgb(255,20,147) }
.bio #trac:active .emtitre,
.bio #trac:hover,
.chercher #trac:active .emtitre,
.chercher #trac:hover { color: rgb(50,50,50) }
.bio #trac,
.chercher #trac { color: rgb(150,150,150) }
.bio #trac:hover,
.chercher #trac:hover { text-decoration: underline }
.bio #an,
.chercher #an { padding: 10px 0 5px 0 }
.bio p { padding: 0 0 5px 0 }

/*IMAGE*/
.image,
.image:hover,
.image:active,
.arti img,
.arti img:hover,
.arti img:active { border-width: 1px; border-style: solid; }
.image { position: relative; border-color: rgb(50,50,50); margin: 0 0 20px 50px; float: left; }
.image:hover { border-color: rgb(255,20,147) }
.image:active { border-color: rgb(50,50,50) }
.arti a { display: block; float: left; padding: 0; margin: 15px 15px 0 0; }
.arti img { border-color: rgb(50,50,50); }
.arti img:hover { border-color: rgb(255,20,147) }
.arti img:active { border-color: rgb(50,50,50) }

/*NO IMAGE*/
#soon { color: white; font-family: 'DroidSerif-Italic', Georgia, serif; padding: 10px 15px  10px 15px; position: absolute; bottom: 50%; left: 25%; z-index: 3; }
.image:hover #soon { color: rgb(150,150,150) }

/*FACEBOOK*/
#share { color: rgb(150,150,150); margin: 0 60px 0 0; float: right; }
#share img { vertical-align: text-top; margin: -2px 0 0 0; }
#like { z-index: 1; position: relative; top: -5px; }

/*SUBMIT*/
#joinform .submit,
#boutonSearch .submit,
#formulaire_recherche .submit,
#formulaire_contact .submit { background-color: gray }
#joinform .submit:hover,
#boutonSearch .submit:hover,
#formulaire_recherche .submit:hover,
#formulaire_contact .submit:hover { background-color: black }

/*JOIN*/
#join .parag { margin: 25px 20px 60px 50px }
#joinform { margin: 20px 0 0 0 }
#joinform .forml { border: none; background-color: rgb(235,235,235); padding: 4px; }
#joinform {font-style: italic;}

/*FORMULAIRE CONTACT*/
.formulaire_spip fieldset { border: none; background: rgb(255,255,255); padding: 0; margin: 0; }
.formulaire_spip fieldset legend { border: none; color: rgb(255,20,147); font-size: larger; padding: 0 0 20px 0; }
.formulaire_spip fieldset strong { color: rgb(200,200,200); font-style: italic; font-weight: lighter; padding-left: 10px; }
.forml { color: rgb(255,20,147) }
#formulaire_contact { }
#formulaire_contact li { padding-left: 20px; width: 500px; }
#formulaire_contact .text { background-color: rgb(235,235,235); border: none; float: right; width: 250px; margin: 5px 240px 20px 0; padding: 4px; }
.editer_texte,
.editer_nom,
.editer_sujet,
.editer_mail,
.editer_ville,
.editer_prenom { font-style: italic; list-style-type: none; }
.editer_texte { margin-top: 55px }
#contact_texte { background-color: rgb(235,235,235); border: 0; padding: 4px; margin: 5px 0 10px 2px; }

/*PREVISU CONTACT*/
fieldset.previsu { margin: 80px 0 80px 0 }
.previsu li { margin: 0 0 10px -10px; list-style-type: none; }
.previsu li div { margin: 0 0 10px 0 }
.previsu li p { margin: 0 0 4px 40px }
fieldset.previsu strong { color: rgb(255,20,147) }
fieldset p.boutons { margin: 20px 0 0 0 }

/*FORMULAIRE RECHERCHE*/
#boutonSearch { position: fixed; top: 0; margin: 47px 0 0 670px; padding: 0; z-index: 100; }
#boutonSearch a { color: rgb(200,200,200) }
#boutonSearch a:hover { color: rgb(255,20,147); text-decoration: underline; }
.chercher ul { width: 100%; margin: 0 0 20px 40px; color: rgb(150,150,150); list-style-type: decimal; }
.chercher li { margin: 0 0 5px 0 }
#formulaire_recherche label { color: rgb(255,255,255); padding: 4px; }
#recherche { border: none; background-color: rgb(235,235,235); color: rgb(50,50,50); margin-left: 0px; width: 100px; margin-right: 7px; padding: 4px; }
#formulaire_recherche { z-index: 1; background-color: rgb(255,20,147); position: inherit; padding: 20px 50px 0 50px; overflow: hidden; width: 230px; }

/* mediabox */
div#cboxOverlay { background: #000; }