Prendre le temps ?

Du désir de ralentir à l’urgence d’agir


Du 01.04.23 au 17.06.23

css

body
background :#FFFFFF url(plugins/sites_evt/images/prendre-le-temps/trame-points-200x200px-gris.png) repeat top center ;

.p
line-height : 1.2 !important ;

.header
display : flex ;
align-items : center ;
justify-content : center ;
padding : 20px 0 ;

.headerText p
padding-left : 25px ;
line-height : 0.9 ;

.headerDate
width : 285px ;
float : right ;

.headerDate p
text-align : center ;
color : #CE2843 ;
font-family : "stenciletta-solid", sans-serif ;
font-weight : 400 ;
font-size : 1.5em ;
margin :10px 0px 0px 0px ;
border-top : solid 2px #CE2843 ;
padding :8px 0px 0px 0px ;

#bandeau
background : url(plugins/sites_evt/images/prendre-le-temps/logoB-rose.png) no-repeat ;
background-position : 6% ;
margin-top:10px ;
margin-bottom:10px ;

@media only screen and (max-width : 1533px)
#bandeau
background-position : 2% ;


@media only screen and (max-width : 1222px)
#bandeau
background:none ;


@media only screen and (max-width : 600px)
#bandeau
display : none ;

.bandeauTitre
color : #CE2843 ;
font-family : "stenciletta", sans-serif ;
text-transform : uppercase ;
font-size : 3em ;
padding-bottom : 0 ;
line-height:1.2em ;

.bandeauSousTitre
color : #CE2843 ;
font-family : "stenciletta-solid", sans-serif ;
text-transform : uppercase ;
font-size : 1.4em ;

#menu_expo .contain-to-grid
background-color :#CE2843 ;
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 : #CE2843 ;
text-decoration : underline ;

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

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

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

#pied_expo
background-color :#CE2843 ;

#document_expo
background : url(plugins/sites_evt/images/) no-repeat top center ;

.spip_document_10215
margin:10px 0 20px 0 ;

.pageAccueil
background :#FFF ;
padding : 10px ;

.accueilLievre
display : flex ;
justify-content : center ;
align-items : center ;
flex-wrap : wrap ;

#corps_expo
background :#FFF ;
padding-left : 25px ;
padding-right : 25px ;
min-height : 750px ;

.expo_bloc_principal
padding:20px ;
margin:0 ;

h3
font-family : "stenciletta-solid", sans-serif ;
font-size : 1.1em ;
color : #000000 ;

h1
border-bottom : solid #CE2843 ;
border-top : solid #CE2843 ;
color :#CE2843 ;
font-family : "stenciletta-solid", sans-serif ;
text-align : center ;
padding : 15px ;
font-size : 1.8em ;
text-transform : uppercase ;

h2
color :#CE2843 ;
background : url(plugins/sites_evt//images/prendre-le-temps/Ligne_6.png) no-repeat top left ;
font-family : "stenciletta-solid", sans-serif ;
font-size : 1.6em ;
text-decoration : none ;
padding-top : 15px ;
margin-top : 35px ;

h4
color :#000000 ;
font-family : "stenciletta-solid", sans-serif ;
font-size : 1.2em ;

h1.titre_page_accueil
font-size : 1.8em ;
margin-top : 40px ;
color :#FFFFFF ;
text-align:center ;

.texte_page_accueil
color :#FFFFFF ;
/*text-align : justify ;*/

#chapo_expo p
color :#000000 ;
font-family : ’Arial’ ;
font-size : 1.1em ;
font-weight : normal ;

a.spip_in
color :#222 ;

a.spip_in:hover
color :#000 ;

#texte_expo
margin : 0 ;

#texte_expo .row hr
height : 4px ;
width : 50px ;
background : #ea4f5f !important ; ;
border-radius : 5px ;
border : 0 ;
margin : 40px 10px 1px 2px ;
box-sizing : content-box ;

#texte_expo hr
height : 4px ;
width : 50px ;
background : #ea4f5f !important ; ;
border-radius : 5px ;
border : 0 ;
margin : 40px 10px 1px 2px ;
box-sizing : content-box ;

#texte_expo .row .ligne-bleu
margin:20px 0 20px 0 ;

ul.pagination
margin:0 0 25px 15px ;

.pagination a
color :#FFF !important ;
background :#778db7 !important ;
text-decoration : none ;

.pagination a:hover
background : #57c5f2 !important ;

ul.pagination li
margin:0 2px 5px 2px ;

li.current a
background : #57c5f2 !important ;
color :#FFF !important ;

li.current a:hover
text-decoration : none ;

.legendePhoto p
font-size : 0.8em ;
color : gray ;

.suite
border : #CE2843 solid 2px ;
border-radius : 10px ;
color : #CE2843 ;
width : 250px ;
padding : 10px ;
font-family : "stenciletta-solid", sans-serif ;
margin : auto ;
text-align : center ;

.button, .button:link, .button:visited
font-family : ’RobotoCondensed-Bold’ ;
color : #CE2843 !important ;
background-color : #FFF !important ;
border : 2px solid #CE2843 ;
padding : 14px 28px ;
font-size : 16px ;
border-radius : 10px ;

.button:hover, .button:active, button:focus
background : #CE2843 !important ;
color : #FFF !important ;

.postfix.button
background : #CE2843 !important ;
color : #FFF !important ;

.postfix.button:hover
background : #CE2843 !important ;
color : #FFF !important ;

select, input[type="text"]
border :1px solid #57c5f2 ;

select:hover
border :1px solid #3493b9 ;

.magenda_block_list a
border : 2px solid #CE2843 ;
background-color : white ;
color : #CE2843 ;
border-radius : 10px ;
padding : 14px 28px ;
font-size : 16px ;

.magenda_block_list a:hover
color :#222 ;

a.reset_recherche
background : #57c5f2 ;
color : #FFF ;

a.reset_recherche:hover
background-color : #3493b9 ;
color : #FFF ;

.breadcrumbs > ::before
color :#222 ;

.rooow
padding:0 ;
margin:0 ;
background :#57c5f2 ;

.rooow .magenda_block_list
padding:0 ;
margin:0 ;

.accueil-rdv
padding:0 ;
margin:0 ;
background :#57c5f2 ;

.accueil-rdv h2
padding-left:10px ;
color :#FFF ;

.rooow ul.magenda_ulcentral_image
margin-left:0 ;

.rooow .magenda_ulcentral_image li
margin-bottom : 4px ;

.rooow ul.magenda_ulcentral_image li img
margin-top:8px ;

.item_biblio
margin-bottom : 20px !important ;

.item_biblio_autedit, .item_biblio_resume
color :#222 ;

a.item_biblio_liencat
color :#222 ;
display:inline-block ;
margin-bottom:20px ;

a.item_biblio_liencat:hover
color :#000 ;

a.lien_sur_bloc
text-decoration : none ;

.div_bloc_rub
border : #CE2843 solid 2px ;
border-radius : 10px ;

.div_bloc_rub h2
margin-top : 5px ;
background-image : none ;

.div_bloc_rub p
padding : 20px ;
text-align : center ;
font-size : 1em ;

.div_bloc_rub img
height : auto !important ;
border-radius : 0 0 8px 8px ;

.logo_liste_rubrique
padding : 0 !important ;

.bloc_rubrique
height : 250px ;
text-align : center ;
padding-top : 10px ;
font-size : 0.9em ;

/*.rooow .magenda_ulcentral_image li
/*background : #ffe5dd ;*/
margin-bottom : 10px ;
*/

.magenda_ulcentral_image li
background : #e4edff ;

.accueil-expo
Background : #3493b9 ;
width:100% ;
margin:0 ;
padding:0 ;

.accueil-expo h2
color : #FFF ;
padding-left:10px ;

.encartBleu
display : block ;
background-color :#FFFFFF ;
padding:5px 5px 4px 5px ;
margin-bottom:4px ;
width:100% ;
min-height:216px ;

color :#000000 ;

.encartBleu p
font-size:1em ;
line-height : 1.4em ;
margin-bottom:10px ;
padding:0 30px 0 30px ;
clear : both ;
font-family : "Roboto-Bold",Arial ;
font-weight : normal ;

.encartBleu span
width:100% ;
display : block ;
margin-top:10px ;

.encartBleu span a
text-align : center ;
margin-bottom:10px ;

.encartBleu a
display : block ;
font-family : ’RobotoCondensed-Bold’ ;
color : #3493b9 ;
font-size : 1.4em ;
text-decoration : none ;
margin-bottom:10px ;
clear : both ;
text-align : center ;

.encartBleu a:hover
text-decoration:underline ;

.encartBleu strong
font-weight : normal ;

iframe
height:200px ;

.credits-images
color :#102d67 ;
text-align : right ;
padding:15px 0 0 0 ;

.customButton
—color : white ;
—bgColor : #CE2843 !important ;
text-decoration : none ;
display : inline-block ;
transition : all 0.15s ease ;
font-family : "Arial", "sans-serif" ;
font-size : 1rem ;
line-height : 1.4 ;
box-sizing : border-box ;
text-align : center ;
background-color : var(—bgColor) ;
color : var(—color) !important ;
padding : 0.5rem 1rem ;
border : 1px solid transparent ;
border-radius : 5px ;
margin : 12px 0 ;
cursor : pointer ;

.dc-content__labelling
font-family : "Arial", "sans-serif" ;
font-size : 13px ;
line-height : 18px ;
text-transform : uppercase ;
color : #CE2843 !important ;
margin : 0 ;

.addToCalendar
transition : all 0.15s ease ;
position : absolute ;
right : 20px ;
top : 20px ;
width : 30px ;
height : 30px ;
background-color : white ;
border : 1px solid #CE2843 !important ;
fill : #CE2843 !important ;
color : black ;
border-radius : 500px ;
display : block ;

.menu_agenda
margin-bottom : 25px ;
font-family : "stenciletta-solid", sans-serif ;
font-weight : 400 ;
font-size : 1em ;
text-align : center ;


.menu_agenda a, .menu_agenda a:link, .menu_agenda .a:visited
margin : 5px ;
padding : 10px ;
padding : 5px ;
color : #cc3333 ;
background-color : #fff ;
border : #CEcc3333 solid 2px ;
border-radius : 5px ;

.menu_agenda a:hover, .menu_agenda a:active, .menu_agenda a:focus
background : #cc3333 ;
color : #fff ;

.boutonRouge
margin-top : 40px !important ;

.partenairesaccueil
margin-bottom : 20px ;