css

body
background-color :#d7e651 ;

h2
font-size : 1.4em ;

hr
color :#D63139 ;
height : 3px ;
background-color :#D63139 ;

/*bandeau */
#bandeau
background :#8d801d url(plugins/sites_evt/images/ppl2016/fd-bandeau.png) repeat-x ;

/* menu */
#menu_expo .contain-to-grid
background-color :#D63139 ;
padding : 2px 0px 2px 0px ;

.top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"]
border-right : 1px solid rgba(255,255,255,0.5) ;
height : 56px ;

.top-bar-section ul li > a:hover
background-color : #D63139 ;
text-decoration : underline ;

/* version mobile du menu */
.tab-bar
background-color : #D63139 ;

.left-off-canvas-menu
background-color : #D63139 ;

#menu_expo .top-bar-section li:not(.has-form) a:not(.button)
background-color :#D63139 ;

p.title_responsive
font-family : ’RobotoCondensed-Bold’ ;
font-size : 0.9em ;
text-transform : uppercase ;
text-decoration : none ;

/* corps de page */

#document_expo
background : url(plugins/sites_evt/images/ppl2016/velo.png) no-repeat bottom right ;

@media screen and (max-width : 1124px)
#document_expo
background : none ;


/* pied de page */
#pied_expo
background-color :#D63139 ;

div.logo_vdl
padding-top :38px ;

div.logo_bml img
float : right ;

/* page bons plans */
div.div_bloc_rub h2
font-size : 1.4em ;
padding : 5px 10px ;
color :#EC6E07 ;

/*programme culturel */
li.menu_atelier, li.menu_spectacle, li.menu_exposition,li.menu_conference-debat,li.menu_lecture,li.menu_projection
font-family : ’RobotoCondensed-Bold’ ;
font-size : 1.2em ;
text-transform : uppercase ;
letter-spacing : normal ;

li.menu_atelier a
background-color :#009BC2 !important ;

p.atelier
color :#009BC2 !important ;

p.projection
color :#934B94 !important ;

li.menu_spectacle a
background-color :#B2BB00 !important ;

p.spectacle
color :#B2BB00 !important ;

li.menu_exposition a
background-color :#D10019 !important ;

li.menu_conference-debat a
background-color :#D62E87 !important ;

p.conference-debat
color :#D62E87 !important ;

li.menu_lecture a
background-color :#EB6909 !important ;

p.lecture
color :#EB6909 !important ;

li.menu_projection a
background-color :#934B94 !important ;

p.projection
color :#934B94 !important ;

h4.titre_menu_lateral
font-family : ’RobotoCondensed-Bold’ ;

p.magenda_date_themtype
margin-bottom:0 ;
padding-bottom : 0 ;

p.magenda_central_date
margin-bottom:0 ;
padding-bottom : 0 ;

div.btProgramme
margin-top:20px ;
margin-bottom : 20px ;

div.btProgramme a
background-color : #D63139 ;
color :#FFFFFF ;
padding : 10px ;
font-weight : bold ;
text-decoration : none ;

div.btProgramme a:hover
background-color : #000000 ;

/* fonts */
.kalam
font-family : ’Kalam’, cursive ;

.texte_page_accueil
padding : 0px 120px 0px 0px ;
font-size : 1.4em ;
font-weight : bold ;

@media screen and (max-width : 980px)
.texte_page_accueil
padding : 0px 30px 0px 0px ;


a.lien_sur_bloc
display:block ;
width:100% ;
height:100% ;
background :#FFFFFF url("img/plus-rubrique.png") no-repeat bottom right ;
text-decoration : none ;
padding-bottom : 30px ;

a.lien_sur_bloc:hover
text-decoration : underline ;

/*copier coller en vrac magenda */
/*** AGENDA****/
.fi-arrow-left:before
content : "<" ;

.fi-arrow-right:before
content : ">" ;

a.magenda_carouselq_lien
display : block ;
width : 100% ;
margin : 0px 0px ;

a.magenda_carouselq_lien h4.magenda_h4
margin-top : 0 ;

#accueil_bib a.magenda_carouselq_lien h3.magenda_h3
margin-bottom : 0 ;

.magenda_ulcentral
margin : 0 ;

a.affichedateimpaire, a.affichedatepaire
text-decoration : none ;

.magenda_ulcentral li
background-color : #FFFFFF ;
list-style : none ;
padding : 10px ;
margin : 10px 0px ;


.magenda_ulcentral_image
background-color : #FFFFFF ;
list-style : none ;
padding : 0px ;
padding-right:5px ;
margin : 10px 0px ;

.magenda_ulcentral_image p
margin:5px ;

.magenda_ulcentral_image:hover
background-color : #e7eaca ;

.magenda_ulcentral li:hover
background-color : #e7eaca ;

p.magenda_central_typetheme, p.magenda_date_themtype
text-transform : uppercase ;
font-size : 0.9em ;
margin-bottom : 0px ;
font-family : ’RobotoCondensed-Bold’ ;
font-weight : normal ;

h2.magenda_H2_global
font-size : 1em ;
margin-bottom : 0 ;

a.magenda_date_partenairelien
width : 150px ;
display : block ;

p.magenda_central_theme
color :#D63139 ;

p.magenda_central_theme3
color :#9C3F98 ;

p.magenda_central_theme4
color :#CA013A ;

p.magenda_central_theme5
color :#EB6E39 ;

p.magenda_central_theme6
color :#5DA829 ;

p.magenda_central_theme7
color :#A03389 ;

p.magenda_central_theme8
color :#E64135 ;

p.magenda_central_theme9
color :#008ED0 ;

p.magenda_central_theme10
color :#E22383 ;

p.magenda_central_theme11
color :#622181 ;

p.magenda_central_theme12
color :#009538 ;

p.magenda_central_theme13
color :#CB5094 ;

p.magenda_central_date a
text-decoration : none ;

p.magenda_central_date a:hover
text-decoration : underline ;

p.magenda_central_date, p.magenda_Eventdatelieu
font-family : "Roboto-Bold", Arial ;
font-weight : normal ;
font-size : 1em ;
background :url("plugins/sites_evt/images/fleche-date-agenda.png") no-repeat 0px 3px ;
padding-left : 35px ;
margin-bottom : 0px ;

p.magenda_Eventdesc_cc
font-family : "Roboto-Bold", Arial ;
font-weight : normal ;
font-size : 1em ;
margin-top : 15px ;

p.magenda_Eventdatelieu
font-size : 1em ;

p.magenda_central_date_small
background :url("plugins/sites_evt/images/fleche-date-agenda-small.png") no-repeat 0px 3px ;
padding-left : 22px ;
margin-bottom : 0px ;
font-size : 0.8em ;

div.orbit-bullets-container ol.orbit-bullets
top:0 ;
margin-bottom : 0 ;

div.magenda_central_corps_texte
padding-right : 50px ;
padding-top : 10px ;

p.magenda_central_c_descc
margin : 0px 0px ;
color :#000000 ;
font-size : 1em ;

p.magenda_date_suggestdatelieu
font-family : "Roboto-Bold",Arial ;
font-size : 1em ;
font-weight : normal ;

h4.magenda_h4
margin-bottom : 0 ;

ul.magenda_ul_bibq li
border-right : 3px solid black ;
margin-bottom : 5px ;
padding-bottom :5px ;

h3.magenda_h3_classique
font-family : "RobotoCondensed-Bold", Arial ;
font-weight : normal ;
background : none ;
font-size : 1.6em ;
margin-top : 15px ;

ul.liste_moteur_recherche a
font-weight : bold ;


h3.magenda_Eventtitre
background : none ;
padding-left : 0 ;
font-size : 1.8em ;
font-family : "Roboto-Black", Arial ;
font-weight : normal ;
margin-top : 15px ;

ul.magenda_menu_hdc li
background-color : #7D3A8A ;
color : #FFF ;
padding : 3px ;
list-style : none ;
margin :3px 0px ;

ul.magenda_menu_hdc a
color : #FFF ;
text-decoration : none ;

p.cycle_date
text-transform : uppercase ;
font-weight:bold ;
font-size : 0.8em ;
margin-bottom : 0px ;

h3.magenda_h3
font-family : "Roboto-Bold", Arial ;
background:none ;
margin : 0 ;
padding : 0 ;

h4.magenda_h4_dateid
font-family : ’Roboto-Bold’ ;
font-size : 1.2em ;
background : none ;
padding : 0 ;
margin : 0 ;

p.magenda_date_tel
font-size : 1.2em ;

div.magenda_intervenant
margin : 20px 0px !important ;

div.magenda_Eventintervenant, div.magenda_dateintervenants
background-color : #9fa28d ;
padding : 20px ;
margin-bottom : 20px ;

span.magenda_interv_leg
font-weight : bold ;
color :#f8ffcf ;

span.magenda_interv_nom
font-weight : bold ;

p.magenda_interv_bio
font-size : 0.9em ;
line-height : 1.2em ;
padding : 10px 0px ;

div.magenda_date_cadrephoto
float : left ;
margin-right : 20px ;
width :350px ;
margin-bottom : 30px ;

div.magenda_event_cadrephoto
margin-right : 20px ;
margin-bottom : 30px ;

div.magenda_date_cadrephoto p
font-size : 0.8em ;
padding : 5px 10px ;
margin-bottom : 0px ;
background-color : #ddd ;

div.magenda_event_cadrephoto p
font-size : 0.8em ;
padding : 5px 10px ;
margin-bottom : 0px ;
background-color : #ddd ;

#social_agenda
margin-top:20px ;
margin-bottom:20px ;