css

body
background : url("plugins/expositions/css/peintres-et-vilains/fd-page.png") repeat -100px 60px ;

h1
text-transform : uppercase ;
font-family : ’Martel’, Times ;
font-size : 2.6em ;
font-weight : 700 ;
margin-top :0 ;
margin-bottom : 10px ;
color :#000000 ;

h2
color :#000000 ;
text-transform : uppercase ;
font-family : ’Martel’, Times ;
font-size : 2.2em ;
font-weight : 700 ;

h3, #soustitre_expo
color :#E2017B ;
text-transform : uppercase ;
font-family : ’Martel’, Times ;
font-size : 1.1em ;
font-weight : 700 ;
padding-bottom : 10px ;

.rose
color :#E2017B ;

.bleu
color :#009DE0 ;

#map-canvas
height : 1400px ;
width:100% ;

#map-canvas imgmax-width : inherit ;

html
height : 100%

#topic
clear : both ;
width:100% ;
background:pink ;

#corps_expo
background-color : #ECEBE7 ;

#pied_expo
background-color : #000000 ;
margin-top :0px ;
padding : 20px 0px 0px 0px ;

#pied_expo a
text-decoration : none ;
margin-top : 0 ;
font-family : ’RobotoCondensed-Bold’ ;
font-size : 1.2em ;
font-weight : 700 ;
text-transform : uppercase ;
letter-spacing : normal ;
line-height : normal ;

#pied_expo a:hover
text-decoration : underline ;

.contain-to-grid
background-color : #000000 ;

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

div.entete_titre
height : 185px ;

#bandeau
margin : 15px 0px 0px 0px ;

#bandeau h1
font-size : 2.8em ;
line-height : 1.1em ;
padding-bottom : 30px ;
color :#FFFFFF ;

div.expo_accueil
padding-bottom : 70px ;

h1 span.slogan_expo
font-size : 0.8em ;
color :#FFFFFF ;

div.partenaires_accueil_expo
padding : 40px 0px 20px 0px ;

.lien_menu_expo a
background-color : #000000 ;
color : #FFFFFF ;
font-family : ’RobotoCondensed-Bold’ ;
font-size : 1.2em ;
text-decoration : none ;
padding : 10px 5px 10px 5px ;
display : block ;
height : 56px ;
text-align : center ;

.lien_menu_expo a:hover,.selected_menu a
color : #000000 ;
background : #ECEBE7 none ;

#arianne_expo a
color : #000000 ;

#arianne_expo a:hover
text-decoration : none ;

.selected_menu_parcours a
color:black !important ;
background:white !important ;

ul.breadcrumbs
border : none ;
background-color : #ECEBE7 ;

.top-bar-section ul li
border : none ;

ul.nav-bar li a
font-family : ’RobotoCondensed-Bold’ ;
font-size : 1em ;
text-transform : uppercase ;
text-decoration : none ;

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

.top-bar
background : none ;

.top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"]
border-right : 1px solid #FFFFFF ;
height : 60px ;

.top-bar-section li:not(.has-form) a:not(.button)
line-height : 55px ;

.top-bar-section li:not(.has-form) a:hover:not(.button)
background : none ;

div.expo_sous_menu


div.expo_sous_menu ul
margin : 0 ;
padding :0 ;

div.expo_sous_menu li
list-style : none ;
margin : 0px ;


div.expo_sous_menu a
color :#FFFFFF ;
display : block ;
padding : 17px 10px ;
font-family : ’RobotoCondensed-Bold’ ;
font-size : 1.2em ;
text-decoration : none ;
border-bottom : solid #FFF 10px ;
width :100% ;
line-height : 1.1em ;
background-color : #655548 ;

div.logo_vdl
margin-top : 0px ;
padding-bottom : 10px ;

div.encadre
border : solid 1px #655548 ;
padding : 10px 20px 0px 20px ;

div.accueilScolaireAtelier
border-left : solid 3px #655548 ;
padding-left : 15px ;
margin-top : 20px ;

div.Bon_a_savoir
margin-top : 20px ;
background-color : #b7a699 ;
padding : 10px 20px 0px 20px ;

.spip_doc_titre
margin-right : auto ;
margin-left : auto ;
font-weight : 400 ;
font-size : 0.8em ;

dt.spip_doc_titre
width:100% !important ;

# documents_portfolio dt.spip_doc_titre
font-size : 0.8em ;

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

p.resume_expo
font-family : ’Martel’, Times ;
font-size : 1.6em ;
font-weight : 700 ;
line-height : 1.2em ;
text-transform : uppercase ;

.resume_apropos_expo
font-family : ’Martel’, Times ;
font-size : 1em ;
font-weight : 700 ;
line-height : 1.4em ;
text-transform : uppercase ;

.resume_apropos_expo_titre
font-size : 1.5em ;
line-height : 1.4em ;

.ligne2_resume, .ligne4_resume, .ligne1_resume, .ligne3_resume
color :#FFF ;

div.expo_bloc_principal
padding : 0px 30px ;

.top-bar-section > ul > .divider:first-child, .top-bar-section > ul > [role="separator"]:first-child
display : none ;

.expo_titre_doc
font-weight : bold ;
padding-bottom : 5px ;

.expo_details_image
padding-bottom : 30px ;

.copyrightImage
font-size :0.8em ;
line-height : normal ;
padding-bottom :40px ;

.titreImage
font-weight : bold ;

.descriptifImage
color :#666 ;

/*peintres et vilains */
div.encart
background-color : #333 ;
color :#FFF ;
padding : 5px ;

div.encart a
color :#FFF ;
font-size : 1.1em ;

a.encart-interview
display:block ;
color :#000 ;
padding : 10px ;
font-family : ’Martel’, Times ;
font-size : 1.2em ;
font-weight : 700 ;
line-height : 1.2em ;
text-decoration : none ;
margin-top : 20px ;

a.encart-interview span.font14
font-size : 0.8em ;

a.rose
background-color : #DE017B ;

a.rose:hover
background-color : #F399CA ;

a.bleu
background-color : #009DE0 ;

a.bleu:hover
background-color : #99D8F3 ;

a.jaune
background-color : #FEED01 ;

a.jaune:hover
background-color : #FFF899 ;

Logo URDLA