*, html, body {margin: 0; padding: 0; border: 0;}
body { color: #515151; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
background-image: url(bodybg.gif); background-repeat:repeat-x;; background-attachment:fixed; background-color:#ededea}
body.smallText {font-size:62.5%}
body.mediumText {font-size:72.5%}
body.largeText {font-size:82.5%}
html > body.smallText {font-size:10px} /* ChildHack */
html > body.mediumText {font-size:11px}
html > body.largeText {font-size:12px}
body * {
font-size: 100.01%; /* this body font-size fixes an IE bug and maintains x-browser uniformity */
}
/* ------------------------------------------------------------------------------------------------------------------------ ¶ Communs*/
/* --------------------------------------------------------------------------------- ¶ Communs : balises*/
a{color:#515151; text-decoration:none}
a:hover{text-decoration:underline}
p {margin: 6px 0;line-height:140% }
ol, ul{list-style-type:none}
/* --------------------------------------------------------------------------------- ¶ Communs : inputs */
select{border:1px solid #999; margin:1em 0 .4em 0; }
option{padding:0 6px 0 2px }
form div{vertical-align:top}
.text_input{border:1px solid #bbb}
/* --------------------------------------------------------------------------------- ¶ Communs : clearfix */
.clearfix:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
overflow:hidden;
}
.clearfix{display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */
/* --------------------------------------------------------------------------------- ¶ Communs : style_switcher */
/* style_switcher */
#style_switcher{ margin:6px 10px 0 0; font-family:Georgia, "Times New Roman", Times, serif; text-align:right}
#style_switcher a{color:#666; text-decoration:none; margin:0 0 0 4px; font-weight:bold}
#style_switcher a:hover, #style_switcher a.active{color:#000}
a#smallTextBtn{font-size:10px}
a#mediumTextBtn{font-size:11px}
a#largeTextBtn{font-size:12px}
/* --------------------------------------------------------------------------------- ¶ Communs : accessify */
#accessify{display:none; }
#accessify hr{display:none}
/* --------------------------------------------------------------------------------- ¶ Communs : headers */
h1, h2, h3 {font-family: Arial, Helvetica, sans-serif;}
h1{font-size:2em; margin:.6em 0 .3em 0}
h2{font-size:1.8em; margin:.6em 0; }
h3{font-size:1.4em; margin:0 0 .6em 0}
h1 a:hover, h2 a:hover, h3 a:hover{text-decoration:none}
h2 a:hover{color:#333}
h4{font-size:1em; font-weight:bold}
h4 span{font-weight:normal; }
/* --------------------------------------------------------------------------------- ¶ Communs : titres rotis */
.T_M_accueil,
.T_M_apropos,
.T_M_archives,
.T_M_artistes,
.T_M_publications,
.T_M_actus,
.T_M_agenda,
.T_M_liens,
.T_M_contact,
.T_accueil,
.T_apropos,
.T_archives,
.T_artistes,
.T_publications,
.T_actus,
.T_agenda,
.T_liens,
.T_contact,
.T_exposition,
.T_keepintouch,
.T_a_venir,
.T_dernier_evenement ,
.T_derniere_publication,
.T_voir_aussi,
.T_liens,
.T_post_scriptum,
.T_categories,
.T_galerie,
.T_infos{background-image:url(img/t.gif); background-repeat:no-repeat;}
/*----------------------------------------------------------------*/
/*----- menu-*/
.T_M_accueil{ background-position:0 0}
.T_M_apropos{ background-position:0 -32px}
.T_M_archives{ background-position:0 -64px}
.T_M_artistes{ background-position:0 -96px}
.T_M_publications{ background-position:0 -128px}
.T_M_actus{ background-position:0 -160px}
.T_M_agenda{ background-position:0 -192px}
.T_M_liens{ background-position:0 -224px}
.T_M_contact{ background-position:0 -256px}
/*----- menu "actifs" -*/
.T_actif .T_M_accueil{ background-position:-133px 0}
.T_actif .T_M_apropos{ background-position:-133px -32px}
.T_actif .T_M_archives{ background-position:-133px -64px}
.T_actif .T_M_artistes{ background-position:-133px -96px}
.T_actif .T_M_publications{ background-position:-133px -128px}
.T_actif .T_M_actus{ background-position:-133px -160px}
.T_actif .T_M_agenda{ background-position:-133px -192px}
.T_actif .T_M_liens{ background-position:-133px -224px}
.T_actif .T_M_contact{ background-position:-133px -256px}
/*----- titres "actifs" -*/
.T_accueil{ background-position:-133px 0}
.T_apropos{ background-position:-133px -32px}
.T_archives{ background-position:-133px -64px}
.T_artistes{ background-position:-133px -96px}
.T_publications{ background-position:-133px -128px}
.T_actus{ background-position:-133px -160px}
.T_agenda{ background-position:-133px -192px}
.T_liens{ background-position:-133px -224px}
.T_contact{ background-position:-133px -256px}
.T_exposition{background-position:-133px -288px}
.T_keepintouch{background-position:-133px -320px}
.T_a_venir{background-position:-133px -352px}
.T_dernier_evenement{background-position:-133px -384px}
.T_derniere_publication{background-position:-133px -416px}
.T_voir_aussi{background-position:-133px -448px}
.T_liens{background-position:-133px -480px}
.T_post_scriptum{background-position:-133px -512px}
.T_infos{background-position:-133px -544px}
.T_categories{background-position:-133px -576px}
.T_galerie{background-position:-133px -608px}
/*----- /image headers-*/
h1.T_accueil,
h1.T_publications,
h1.T_actus,
h1.T_exposition,
h1.T_a_venir,
h1.T_keepintouch,
h1.T_derniere_publication,
h1.T_archives,
h1.T_artistes,
h1.T_agenda,
h1.T_categories,
h1.T_liens,
h1.T_contact,
h1.T_apropos,
h1.T_dernier_evenement,
h1.T_galerie,
h1.T_infos{height:16px; text-indent:-989em; font-size:2px; overflow:hidden; display:block; margin:30px 0 20px 0; border-bottom: 1px solid #c1c1c1; padding-bottom:4px}
/* --------------------------------------------------------------------------------- ¶ Communs : menu */
#menu{margin:12px 0 0 0px}
#menu li a{
text-indent:-999em;
display:block;
width:119px;
text-decoration:none;
height:16px;
overflow:hidden;
padding:0 0 2px 0;
}
#menu li a.T_M_accueil:hover{background-position:-133px 0}
#menu li a.T_M_apropos:hover{background-position:-133px -32px}
#menu li a.T_M_archives:hover{background-position:-133px -64px}
#menu li a.T_M_artistes:hover{background-position:-133px -96px}
#menu li a.T_M_publications:hover{background-position:-133px -128px}
#menu li a.T_M_actus:hover{background-position:-133px -160px}
#menu li a.T_M_agenda:hover{background-position:-133px -192px}
#menu li a.T_M_liens:hover{background-position:-133px -224px}
#menu li a.T_M_contact:hover{background-position:-133px -256px}
/* --------------------------------------------------------------------------------- ¶ Communs : Miscellaneous */
.alignright {margin-top: 0; text-align: right; clear: both;}
.clear { clear: both; }
.small {font-size: .9em;}
.testfloat {width: 50px; border: 2px solid #f90; background: #ffd; font-size: .7em;}
.e-mail_link{padding:0 0 0 18px; background:url(img/e-mail_link.gif) no-repeat 0 2px }
.cr_left{font-size:10px; font-family:Arial, Helvetica, sans-serif !important; color:#939393; margin:6px 0; line-height:11px}
.error{padding:0 0 0 12px; background:url(img/error.gif) no-repeat 0 2px}
/*----- hr-*/
.hr hr, .bighr hr{display:none}
.hr{ background:url(img/hr.gif) repeat-x ; margin:1em 0; height:1px; display:block}
.bighr{ background:url(img/hr.gif) repeat-x ; margin:2em 0; height:1px; display:block}
/*----- lire (main linking system)-*/
a.lire {font-weight:normal; color:#da007f; text-decoration:none; background:url(img/fleche_rose.gif) no-repeat 0 .3em; padding:0 0 0 1em}
a.lire:hover{text-decoration:underline}
#archives a.lire, #evenement a.lire {color:#e29500; background:url(img/fleche_jaune.gif) no-repeat 0 .3em; }
#artistes a.lire {color:#2d5f74; background:url(img/fleche_bleue2.gif) no-repeat 0 .3em; }
a.lire:hover{text-decoration:underline}
a.flux_ext{color:#06a7d6; background:url(img/external_link.gif) no-repeat 0 .5em; padding:0 0 0 .7em}
a.lire[href^="http:"] {background:url(img/external_link.gif) no-repeat 0 .5em; padding:0 0 0 .7em}
/*----- plus (secondary linking system)-*/
a.plus{color:#06a7d6}
.plus {font-weight:normal; text-decoration:none; background:url(img/fleche_bleue.gif) no-repeat 0 .4em; padding:0 0 0 1.2em; margin:.6em 0 1.4em 0; display:block;}
a.plus:hover{text-decoration:underline}
.date{color:#999999; display:block; }
.source{display:block;}
.orange{color:#E29500}
/*----- image_bg-*/
.image_bg{background:#f8f8f8 ; margin:0 0 1em 0; padding:0}
.image_bg img, .image_bg a img{margin:0; padding:0}
/*----- textes -*/
.texte_intro{font-size:1.1em; margin:0 0 1.4em 0; }
.texte_intro p{}
.texte_article{font-size:1.1em; text-align:left; line-height:160%}
.texte_article h3{margin:.6em 0 .2em 0}
.texte_article h4{margin:.8em 0 }
/*----- prev next-*/
.prev_next_links {background:url(img/hr.gif) repeat-x 0 0; padding:8px 0 0 0; text-align:left; margin:8px 0 0 0; height:20px}
.prev_next_links a{color:#898577;}
.prev_next_links a:hover{color:#505050}
.prev_next_links .next{float:right; background:url(img/next.gif) no-repeat 100% 5px; padding: 0 12px 0 0;}
.prev_next_links .prev{ background:url(img/prev.gif) no-repeat 0 5px; padding:0 0 0 12px; text-align:left}
.prev_off{visibility:hidden}
.next_off{visibility:hidden; float:right; }
/* ------------------------------------------------------------------------------------------------------------------------ ¶ Primary layout rules*/
/* Comments in http://www.positioniseverything.net/piefecta-rigid.html */
.wide { background: #fff; width: 100%; font-size: 1em;}
.wide p {margin: 0; position: relative;}
.top {border-bottom: 2px solid #ebece7; height:80px;}
.bottom {border-top: 2px solid #ebece7; position: relative; }
#wrapper {margin: 10px auto 0 40px; width: 777px; text-align: left; background: url(img/cols_bg.gif) repeat-y;}
#outer {position: relative; margin-left: 408px; width: 222px; background: #fff; border-left: 2px solid #e7e7e2; border-right: 2px solid #e7e7e2; }
* html #outer { width: 224px; wid\th: 222px; }
#float_wrap {float: left; width: 222px; margin-right: -1px; }
#center {float: right; width: 222px; margin-bottom: -1px; /* \*/margin-left: -1px;/* Hidden from IE-mac */}
#left { position: relative; width: 410px; margin-left: -409px; }
* html #left {float:left;}
*>html #left {width:409px;}
#container_left {width: 408px; padding-bottom: 20px;}
#right {float: left; position: relative; width: 145px; margin-right: -143px; margin-left: -1px;}
/* \*/
* html #right { margin-left: 0px; margin-right: -500px; mar\gin-right: -145px;}
/* */
#container_right {/* \*/width: 143px;/* Hidden from IE-Mac */
margin-left: 3px; padding-bottom: 20px;}
/* \*/* html #container_right {fl\oat: right; margin-left: 2px; mar\gin-left: 0px;}
/* \*/* html h2 {height: 1%;}/* */
/* \*/* html .left {margin-right: -3px;}/* */
/* ------------------------------------------------------------------------- ¶ Primary layout rules galerie*/
#galerie #wrapper { margin: 0 auto 0 60px; width: 777px; text-align: left; background: url(img/cols_bg.gif) repeat-y;}
#galerie #outer { position: relative; margin-left: 0px; width: 632px; background:#fff url(img/col_center_galerie.gif) repeat-y; border-left:none }
* html #galerie #outer { width: 632px; }
#galerie #float_wrap {float: left; width: 632px; margin-right: -1px; }
#galerie #center { float: right; width: 632px; margin-bottom: -1px; /* \*/ margin-left: -1px; /* Hidden from IE-mac */ }
/* ------------------------------------------------------------------------------------------------------------------------ ¶ Secondary layout rules*/
/* Padders and wrappers */
#wrapper_left{padding:0 10px 0 10px; }
#wrapper_center{padding:0 10px 10px 10px;}
#wrapper_right{padding:0 10px; background:url(img/col_right.gif) repeat-y 100% 0;}
#wrapper_right_home{padding:0 10px;}
.padder20{padding:20px}
.logo{font-size:1em; background-color:#787873; background-image:url(img/logo2.gif); background-repeat:no-repeat; background-position: 0 0; text-indent:-9999em; height:80px; padding:0; margin:0}
#home .logo{background-color:#787873}
#publications .logo{background-color:#00c1e4}
#evenement .logo, #archives .logo{background-color:#e29500}
#artistes .logo{background-color:#2d5f74}
#actualites .logo{background-color:#9aa000}
#liens .logo{background-color:#999}
#agenda .logo{background-color:#570052}
/* ------------------------------------------------------------------------------------------------------------------------ ¶ Home */
#keep_in_touch ul{margin:1em 0;}
#keep_in_touch li{margin:.2em 0 .8em 0}
#keep_in_touch li a{background:url(img/fleche_rose.gif) no-repeat 0 .3em; padding:0 0 0 12px }
#keep_in_touch li a:hover{color:#da007f; text-decoration:none}
#keep_in_touch input.text_input{padding:1px 2px; width:130px}
#keep_in_touch input.img_input{float:right; margin:1px 0 0 0}
#keep_in_touch form div{float: left;}
#keep_in_touch form div label{display:block; padding:0 0 4px 0}
#expo_home{width:386px; display:block; margin:0 0 10px 0}
#expo_home_image{display:block; background:#fff; }
#expo_home_image a img {position:absolute; margin-top:-326px;}
#expo_home_image a:hover img{visibility:hidden}
#actus_home.OXScrollOn{height:316px; display:block; overflow:auto; position:relative; }
#actus_home div.actu{padding:0 0 16px 0; margin:0 0 16px 0; border-bottom:1px solid #e6e6e6}
#actus_home h4 a:hover{text-decoration:none; color:#da007f}
#actus_home a.lire{}
#asuivre a.lire{ color:#4f4f4f; background:url(img/fleche_verte.gif) no-repeat 0 .3em; display:block; margin:.8em 0 0 0}
/* ------------------------------------------------------------------------------------------------------------------------ ¶ Bottom */
.bottom div{padding:2px 10px; color:#b0b0b0}
.bottom div a{color:#b0b0b0}
.bottom div a:hover{color:#333; text-decoration:none}
/* ------------------------------------------------------------------------------------------------------------------------ ¶ Archives - evenement */
.auteur{display:block; padding: 0 0 .4em 0; margin:1em 0; text-align:right; font-style:italic;}
.texte_article_liens{background:url(img/ensavoirplus.gif) no-repeat; padding:18px 0 0 0; margin:1.6em 0}
#evenement .texte_article_liens, #archives .texte_article_liens{background:url(img/ensavoirplus_jaune.gif) no-repeat; padding:18px 0 0 0; margin:1.6em 0}
.texte_article_liens a{font-weight:normal; text-decoration:none; background:url(img/fleche_bleue2.gif) no-repeat 0 .3em; padding:0 0 0 1em; margin:0 0 1.4em 0; display:block;}
.texte_article_liens a:hover{text-decoration:underline}
#evenement .texte_article_liens a, #archives .texte_article_liens a{font-weight:normal; text-decoration:none; background:url(img/fleche_jaune.gif) no-repeat 0 .3em; padding:0 0 0 1em; margin:0 0 1.4em 0; display:block;}
/* ------------------------------------------------------------------------------------------------------------------------ ¶ bloc_infos */
.bloc_infos{padding:0 0 2px 0; margin:0 0 3em 0; border-bottom:1px solid #e5e5e5}
.bloc_infos h3{margin:.6em 0}
.type_bloc{margin:0 0 .6em 0; color:#888}
/* ------------------------------------------------------------------------------------------------------------------------ ¶ Galerie */
.galerie{padding:1em 0; }
.galerie ul li{float:left; margin:0 13px 13px 0; width:138px; height:128px; border:1px solid #a6a6a6; padding:10px 0 0 0; overflow: hidden;}
.galerie ul li a {display:block;text-align:center;}
.galerie ul li a:hover img{}
.menu_galerie{margin:1.6em 0 1em 0; background:url(img/hr_gris.gif) repeat-x 0 100%; padding:0 0 8px 0; height:17px; }
.menu_galerie a{background-repeat:no-repeat; background-position:0 0; height:14px; width:14px; display:block; text-indent:-9999px; overflow:hidden; float:left; margin:0 4px 0 0}
a#mode_vignettes{background-image:url(img/mode_vignettes.gif); }
a#mode_image{background-image:url(img/mode_image.gif);}
.menu_galerie_1{border-right:1px solid #888; padding: 0 4px 0 0; float:left; margin:0 8px 0 0}
a#galerie_next{background-image:url(img/gallery_next.gif); float:right;}
a#galerie_prev{background-image:url(img/gallery_prev.gif);margin:0 8px 0 0}
a#galerie_next:hover,a#galerie_prev:hover,
a#mode_vignettes:hover, a#mode_image:hover {background-position:0 -31px}
.infos_image, .infos_galerie{background:url(img/hr_gris.gif) repeat-x 0 10px; padding:18px 0 0 0; margin:10px 0 0 0;}
.big_image{text-align:center; padding:10px 0 0 0}
.infos_image p {color:#777}
.infos_image p span{color:#515151}
/* ------------------------------------------------------------------------------------------------------------------------ ¶ Publications */
.image_publication{ margin: 0 10px 2px 0}
.info{color:#888; font-size:1em; }
.commander {}
.commander a{color:#fff; font-weight:bold; text-decoration:none; overflow:hidden; background:#00c1e4; padding:0 3px 1px}
.commander a:hover{background-position:0 -30px; background-color:#515151}
.galerie_publication a{margin: 0; padding:0}
.galerie_publication a img{border:1px solid #fff; margin:0 }
.galerie_publication a:hover img{border:1px solid #00c1e4}
#publications .texte_intro{font-size:1em; margin:0 0 1.4em 0; padding:0 0 .2em 0;; border-bottom:1px solid #efefef}
#publications .texte_intro p{margin: 0 0 1.6em 0}
#publications .texte_intro p span{background:url(img/fleche_bleue.gif) no-repeat 0 .3em; padding:0 0 0 1em}
.bloc_publication_liste h5 {margin:1.5em 0 0 0; font-size:1em; }
.bloc_publication_liste h5 a{color:#333;}
.bloc_publication_liste h5 a:hover{color:#00c1e4; text-decoration:none}
.bloc_publication_liste .bloc_documents a span{color:#8baf2d}
fieldset{border:1px solid #cfcfcf; padding:10px}
fieldset legend {
padding: 0 2px;
font-weight: bold;
}
/* ------------------------------------------------------------------------------------------------------------------------ ¶ a propos */
.bloc_apropos_liste h5 {margin:1.5em 0 0 0; font-size:1em; }
.bloc_apropos_liste h5 a{color:#ff1b76}
.bloc_apropos_liste h5 a:hover{color:#333}
.bloc_apropos_liste .bloc_documents a span{color:#ff1b76}
/* ------------------------------------------------------------------------------------------------------------------------ ¶ documents */
.bloc_documents a{display:block; padding-bottom:.6em}
.bloc_documents a strong{font-weight:bold;}
/* ------------------------------------------------------------------------------------------------------------------------ ¶ artistes */
.plus_artiste{border:1px solid #e7e7e7; background:url(img/v.gif) 203px 0px repeat-y; padding:5px 0px 10px 0; margin:-1px 0 0 0 }
.bloc_plus_artiste{float:left; width:172px; margin:0 15px; display: inline; }
.encadre{background:#2d5f74 url(img/encadre.gif) no-repeat 0 50%; color:#fff; padding:0 0 0 20px; }
.encadre a{color:#fff; font-weight:bold;}
.encadre a:hover{text-decoration:none;}
.voiraussi{background:url(img/voiraussi.gif) no-repeat; padding:18px 0 0 0; margin:1.8em 0}
.voiraussi a{color:#2d5f74}
.liste_artistes li{margin:0 0 1em 0}
.liste_artistes a:hover{text-decoration:none;}
.liste_artistes a:hover strong{color:#2d5f74}
.liste_artistes h1{margin:.6em 0 0em 0}
.liste_artistes p{margin:-.6em 0 .6em 0}
/* ------------------------------------------------------------------------------------------------------------------------ ¶ filtres */
.filtres label{display:block; background:url(img/label.gif) no-repeat 0 .5em; color:#666; margin:0; padding:0 0 0 12px; }
.filtres #form_select_events label{background:url(img/label_orange.gif) no-repeat 0 .5em;}
.filtres #form_select_artistes label{background:url(img/label_bleu.gif) no-repeat 0 .5em;}
.filtres #form_select_agenda label{background:url(img/label_rouge.gif) no-repeat 0 .5em;}
.filtres select{border:1px solid #999; margin:.2em 0 .4em 0; width:140px }
.filtres option{padding:0 6px 0 2px }
.filtres form{margin:0 0 1em 0; padding:0 0 1em 0; }
.filtres#filtre_artiste form{margin:0; padding:0; background:none;}
.filtres label.checkbox_label{display:inline; background:none; margin:0 0 0 .4em; padding:0 }
input.clearfix{margin:.4em 0 0 0}
.filtres h4{margin:0 0 .4em 0; padding:0 0 .4em 0; border-bottom:1px solid #EFEFEF}
p.checkbox_container{}
.input_select{border:1px solid #999;}
/* ----------------------- ¶ filtres publications */
.filtres #form_select_publications .input_image{background:#00c1e4; margin:0 -3px 0 0 ;}
/* ----------------------- ¶ filtres evenements */
.filtres #form_select_events div{width:142px; float:left;}
.filtres #form_select_events label{width:128px; height:14px; padding:2px 6px 0 6px; display:block; background:#e29500; font-weight:bold; color:#fff}
.filtres #form_select_events .input_image{background:#e29500; margin:0 -3px 0 0 ;}
/* ----------------------- ¶ filtres evenements page evenement */
.filtres #form_select_archives_events div{width:142px; float:left; height:auto}
.filtres #form_select_archives_events label{width:126px; height:12px; padding:2px 6px 0 6px; display:block; background:#fff; font-weight:bold; color:#e29500; border:1px solid #e29500}
.filtres #form_select_archives_events .input_image{background:#e29500; position:absolute;}
/* ----------------------- ¶ filtres liste artistes */
.filtres #form_select_artistes div{width:142px; float:left;}
.filtres #form_select_artistes label{width:128px; height:14px; padding:2px 6px 0 6px; display:block; background:#2d5f74; font-weight:bold; color:#fff}
.filtres #form_select_artistes .input_image{background:#2d5f74; margin:0 -3px 0 0 ;}
/* ----------------------- ¶ filtres agenda */
.filtres #form_select_agenda div{width:142px; float:left;}
.filtres #form_select_agenda label{width:128px; height:14px; padding:2px 6px 0 6px; display:block; background:#570052; font-weight:bold; color:#fff}
.filtres #form_select_agenda .input_image{background:#570052; margin:0 -3px 0 0 ;}
/* ----------------------- ¶ filtres actus */
.filtres #form_select_actus div{width:142px; float:left;}
.filtres #form_select_actus label{width:128px; height:14px; padding:2px 6px 0 6px; display:block; background:#9aa000; font-weight:bold; color:#fff}
.filtres #form_select_actus .input_image{background:#9aa000; margin:0 -3px 0 0 ;}
/* ------------------------------------------------------------------------------------------------------------------------ ¶ archives evenements */
.liste_events li{margin:0 0 1em 0}
.liste_events a:hover{text-decoration:none;}
.liste_events a:hover strong{color:#e29500}
.liste_events a span{color:#e29500}
/* ------------------------------------------------------------------------------------------------------------------------ ¶ archives actus */
#actualites h2 {margin-top:2px}
#actualites p.date span{background:#9aa000; color:#fff; font-size:10px; display:inline; padding:0px 3px; }
.liste_mois_actus li{margin:0 0 1em 0}
.liste_mois_actus a:hover{text-decoration:none;}
.liste_mois_actus a:hover strong{color:#9aa000}
.liste_mois_actus a span{color:#9aa000}
#actualites .texte_article {margin:0 0 2em 0}
#actualites p.intro_actu{color:#9aa000}
#actualites .texte_actu {font-size:.9em; color:#515151}
/* ------------------------------------------------------------------------------------------------------------------------ ¶ archives agenda */
.date_lieu{font-weight:bold;}
#agenda h2 {margin-top:2px}
#agenda p.date span{background:#570052; color:#fff; font-size:10px; display:inline; padding:0px 3px; }
.liste_mois_agenda li{margin:0 0 1em 0}
.liste_mois_agenda a:hover{text-decoration:none;}
.liste_mois_agenda a:hover strong{color:#570052}
.liste_mois_agenda a span{color:#570052}
#agenda .texte_article {margin:0 0 2em 0}
#agenda .texte_article p{color:#570052}
#agenda p.texte_actu{font-size:.9em; color:#515151}
/* ------------------------------------------------------------------------------------------------------------------------ ¶ liens */
.liste_liens h4{padding-bottom:3px; margin-bottom:1em }
.liste_liens h4 span{display:block;}
.liste_liens a span.url{color:#da007f; text-decoration:none; display:block;}
.liste_categories_liens li{margin:0 0 1em 0}
.liste_categories_liens a:hover{text-decoration:none;}
.liste_categories_liens a:hover strong{color:#da007f}
/* ------------------------------------------------------------------------------------------------------------------------ ¶ contact : forms */
form#contact_form span {padding: 1px; background-color:#00c1e4; margin: 0 5px 7px 0; display: block; }
form#contact_form label { font-style: normal; margin:0 0 6px 0; display:block; color:#888}
form#contact_form label.inline_label {display:inline;}
form#contact_form span input,
form#contact_form span textarea,
form#contact_form span select{
font-size:1em;
line-height: 1.2em; width: 100%; font-family: inherit;
padding: 1px 4px;
background-color:#00c1e4;
-moz-box-sizing: border-box;}
form#contact_form span input:focus, form#contact_form span textarea:focus{background-color:#fff}
form#contact_form span textarea { height: 180px; line-height: 1.6em; padding: 2px 4px; -moz-box-sizing: border-box;}
.btn-post{display: block;margin: 2px 8px 0 auto;}
form#contact_form table { border-collapse: collapse; width: 100%; }
form#contact_form p { margin-right: 9px; }
form#contact_form fieldset {border: none; padding: 0px 0px 10px 0px; }
form#contact_form {position: relative; margin: 0 0 1.0em 0;}
.check_newsletter{padding: 4px; border: 1px solid #00c1e4; background-color: #FFF; margin: 0 5px 7px 0; display: block;}
address, .adresse{font-style:normal; border-left:1px solid #333; padding:0 0 0 10px; margin:.6em 0}
.contact_intro{margin:0 0 1em 0;padding:0 0 1em 0; display:block; font-size:1.1em; border-bottom:1px solid #efefef; line-height:1.4em}
#contact .bleu{color:#00c1e4}
/* ------------------------------------------------------------------------------------------------------------------------ ¶ contact : RSS */
.rss_link{font-weight:bold; background:#00c1e4; color:#fff; padding:1px 2px; display:block;}