css

body
background : #FFF ;

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

h2
color :#000000 ;
text-transform : uppercase ;
font-family : ’RobotoCondensed-Bold’ ;
font-size : 1.6em ;
font-weight : 700 ;

h3, #soustitre_expo
color :#c40217 ;
text-transform : uppercase ;
font-family : ’RobotoCondensed-Bold’ ;
font-size : 1.4em ;
font-weight : 700 ;
padding-bottom : 10px ;

h4
color :#000000 ;
text-transform : uppercase ;
font-family : ’RobotoCondensed-Bold’ ;
font-size : 1.2em ;
font-weight : 700 ;
padding-bottom : 0px ;
margin-bottom :0px ;

.rouge
color :#c40217 ;

#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 : #FFFFFF ;
border :solid #ccc 1px ;
padding-top : 10px ;
min-height:600px ;

#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
background-color :#FFFFFF ;
margin : 15px 0px 0px 0px ;

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

h1 span.sous_titre_expo
font-size : 0.7em ;
display : block ;

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

#menu_motcomi a, #menu_propos a, #menu_oeuvres a, #menu_bio a
background-color : #000000 ;
color : #FFFFFF ;
font-family : ’RobotoCondensed-Bold’ ;
font-size : 1em ;
text-decoration : none ;
padding : 10px 5px 10px 5px ;
display : block ;
height : 60px ;
text-align : center ;
text-transform : uppercase ;
line-height : normal ;

#menu_motcomi a:hover, #menu_propos a:hover, #menu_oeuvres a:hover, #menu_bio a:hover
text-decoration : underline ;

#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 : #FFF ;

.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 : #000000 ;
text-decoration : underline ;

.top-bar
background : none ;

.top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"]
border-right : 1px solid #7e6b5b ;
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 : #000000 ;

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

div.logo_silkroad
margin-top : 45px ;
padding-bottom : 10px ;

div.logo_fineco
margin-top : 5px ;
padding-bottom : 10px ;

div.logo_biennale
margin-top : 5px ;
padding-bottom : 10px ;

div.logo_centraldupon
margin-top : 15px ;
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 : "Roboto-Black" ;
font-size : 1.4em ;
font-weight : 700 ;
line-height : 1.2em ;
text-transform : uppercase ;
color :#000 ;
text-align : right ;

.resume_apropos_expo
font-family : "Roboto-Black" ;
font-size : 1.6em ;
font-weight : 700 ;
line-height : 1.2em ;
text-transform : uppercase ;
color :#000 ;

div.expo_bloc_principal
padding : 0px 30px ;

.top-bar-section ul.multi-drapeaux
background : none ;

.top-bar-section ul.multi-drapeaux li.active:not(.has-form) a:not(.button)
background : none ;

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

#texte_pied_expo
vertical-align : bottom ;

p.copyright
font-size : 0.8em ;

h3.oeuvres
font-size : 1.8em ;
color : #000 ;
margin-top :20px ;

.date
display : block ;
color : #c40217 ;
font-size : 0.9em ;

p.questions
font-weight : bold ;
color :#c40217 ;
margin-bottom : 0 ;
padding-bottom : 0 ;
margin-top : 30px ;

div.contenuAccueil
padding-top : 30px ;

div.blocs_programmes
border : 1px solid #000000 ;
margin-bottom : 30px ;

div.blocs_programmes img
padding-right : 10px ;

div.blocs_programmes h3
color :#F74F00 ;

a.reset_recherche
font-family : "Roboto-Black" ;
font-size : 0.8em ;
font-weight : 400 ;
background-color : #000000 ;
color : #ffffff ;
display : block ;
margin-bottom : 15px ;
padding : 10px ;
text-decoration : none ;
transition : background-color 300ms ease-out 0s ;

p.bouton_savoir_plus
margin : 20px 0px 10px 0px ;

p.bouton_savoir_plus a
width : 150px ;
background-color : #F74F00 ;
padding : 10px ;
color :#FFF ;
font-family : "Roboto-Black" ;
font-size : 1em ;
font-weight : 700 ;
text-transform : uppercase ;
text-decoration : none ;

p.bouton_savoir_plus a:hover
background-color : #000 ;
transition:all 0.5s ease-in-out ;