@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');

/****************   ****************/
/*** ÉLÉMENTS PRINCIPAUX DE BASE ***/
/****************   ****************/
body {font-family: 'roboto';}
#bandeauHaut {min-height: 94px !important; background-color: #fff;}

#ariane {display: none;}
#footer {background: #fff;}
.paragraphe {margin: 0 0 0 0;}
.paragraphe .innerParagraphe h2 {border-bottom: none;}
.paragraphe.txt .innerParagraphe h2 {font-family: 'Roboto';}

.titrePage h1 {text-align: center; letter-spacing: 0.08em;}
.titrePage {margin: 15px 0 30px 0;}
#document {background: #f1f4f9;}

.paragraphe .innerParagraphe h4 img {padding: 0 0 0 0;}

#contenu {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
background: #fff;
padding-bottom: 20px;
}

.paragraphe .innerParagraphe h2 {font-family: 'Roboto'; text-transform: uppercase;}

.famille a {color: #f85f73 !important;}
.cadrevie a {color: #000000; text-decoration: underline;} 
.institution .innerParagraphe a {color: #ff8400;}
p.notice, span.obligatoire {color: #333;}

#footer a {color: #ff8400;}


.TPL_EVENEMENTLISTE {width: 100% !important;}
.TPL_EVENEMENTLISTE a {color: #333 !important;}
.TPL_EVENEMENTLISTE .innerParagraphe h2 {text-align: center; padding-top: 30px;}


.tpl_evenementListe.agenda .listeEvenement ul {
margin: 0 0 0 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.tpl_evenementListe.agenda .listeEvenement ul li {margin: 0 1% 10px 1%; min-height: 340px; width: 216px;}

.tpl_evenementListe .listeEvenement ul li .extra {
width: 100%;
display: flex;
justify-content: center;
padding: 0 0 30px 0;
}
.tpl_evenementListe.agenda .listeEvenement ul li img {
width: 174px;
height: 100%;
}
.tpl_evenementListe .listeEvenement ul li .itemInfo h4 a {font-size: 1.1em !important;}
.tpl_evenementListe .listeEvenement ul li .itemInfo h4 {font-size: 1.1em;}
.tpl_evenementListe.agenda .listeEvenement ul li .itemInfo .days {display: none;}
.tpl_evenementListe.agenda .listeEvenement ul li .itemInfo .tarif {display: none;}
.tpl_evenementListe.agenda .listeEvenement ul li .itemInfo .commune {display: none;}

/****************   ****************/
/*******  MENU PRINCIPAL  *******/
/****************   ****************/


#menu ul.menuNiv1 li.nav1 .aNiv1 span,
#menu ul.menuNiv1 li.nav1 .aNiv1 {padding: 0 0 0 0;}

#menu ul.menuNiv1 li.nav1 .aNiv1.hasChild .titleNiv1,
#menu ul.menuNiv1 li.nav1 .aNiv1 {background: none; text-align: center;}
#menu ul.menuNiv1 li.nav1 .aNiv1 span, #menu ul.menuNiv1 li.nav1 .aNiv1 span.big {font-family: 'Roboto';}

.famillee li.selected {border-bottom-color: #f85f73 !important;}
.economiee li.selected {border-bottom-color: #3490de !important;}
.institutionn li.selected {border-bottom-color: #ff8400 !important;}
.culturesportss li.selected {border-bottom-color: #ffd200 !important;}
.cadreviee li.selected {border-bottom-color: #52d681 !important;}
.tourismee li.selected {border-bottom-color: #333333 !important;}
.institutionn li.selected {border-bottom-color: #ff8400 !important;}

#menu ul.menuNiv1 li.nav1:nth-child(2):hover {border-bottom-color: #f85f73;}
#menu ul.menuNiv1 li.nav1:nth-child(3):hover {border-bottom-color: #52d681;}
#menu ul.menuNiv1 li.nav1:nth-child(4):hover {border-bottom-color: #ffd200;}
#menu ul.menuNiv1 li.nav1:nth-child(5):hover {border-bottom-color: #ffd200;}
#menu ul.menuNiv1 li.nav1:nth-child(6):hover {border-bottom-color: #3490de;}
#menu ul.menuNiv1 li.nav1:nth-child(7):hover {border-bottom-color: #3490de;}


/****************   ****************/
/*********  SOUS-MENUS  *********/
/****************   ****************/

#menuHorizontal {display: flex; margin: 30px 0 10px 0;}
#menuHorizontal ul {background-color: transparent; border: none; order: 3;}

#menuHorizontal ul li {
background: #fff;
border-right: none;
margin: 0 2px;
}

#menuHorizontal ul li:hover, 
#menuHorizontal ul li.selected {background: transparent;}

.culturesports #menuHorizontal ul li:hover,
.culturesports #menuHorizontal ul li.selected {background: #ffd200;}

.economie #menuHorizontal ul li:hover,
.economie #menuHorizontal ul li.selected {background: #3490de;}

.institution #menuHorizontal ul li:hover,
.institution #menuHorizontal ul li.selected {background: #ff8400;}

.cadrevie #menuHorizontal ul li:hover, 
.cadrevie #menuHorizontal ul li.selected {background: #52d681;}

.famille #menuHorizontal ul li:hover,
.famille #menuHorizontal ul li.selected {background: #f85f73;}

#menuHorizontal ul li a {
border-bottom: none;
letter-spacing: 0.0625em;
font-family: 'Roboto';
padding: 8px 12px;
color: #212121 !important;
}

#menuHorizontal p {background: #fff; margin-right: 2px; background-color: #fff; position: relative; display: flex; margin-right: 30px;}

#menuHorizontal p:hover {background: #52d681;}



#menuHorizontal p::after {
content: "";
position: absolute;
width: 16px;
height: 16px;
background-image: url(http://www.sud-gresivaudan.org/uploads/Image/06/51854_724_arrow-point-to-right.png);
background-repeat: no-repeat;
top: 50%;
margin-top: -8px;
transform: scale(0.8);
right: -25px;
z-index: 2;
}

.economie-landing #menuHorizontal p a,
.culturesports-landing #menuHorizontal p a,
.institution-landing #menuHorizontal p a,
.cadrevie-landing #menuHorizontal p a,
.famille-landing #menuHorizontal p a{font-weight: 700;}

#menuHorizontal p a {
font-family: 'Roboto';
color: #000 !important;
font-size: 1.1em;
padding: 8px 12px 8px 12px;
text-decoration: none;
letter-spacing: 0.0625em;
background-color: transparent;
position: relative;
}

#menuHorizontal p a:hover {text-decoration: none;}
#menuHorizontal p a span {display: none;}

#menuHorizontal ul li:hover a:after, #menuHorizontal ul li.selected a:after {
display: none;
}


/****************   ****************/
/*********  PARAGRAPHES  *********/
/****************   ****************/


.PRS_WIDTH_66G {
position: relative;
border-bottom: 1px solid #f1f4f9;
}


/* CSS des paragraphes des LANDING */
.PRS_WIDTH_66G .innerParagraphe {padding: 15px; margin: 0 0 5px 0;}
.economie-landing .PRS_WIDTH_66G h2::before,
.culturesports-landing .PRS_WIDTH_66G h2::before,
.institution-landing .PRS_WIDTH_66G h2::before,
.cadrevie-landing .PRS_WIDTH_66G h2::before,
.famille-landing .PRS_WIDTH_66G h2::before {display: none;}

.cadrevie-landing .PRS_WIDTH_66G h2, .famille-landing .PRS_WIDTH_66G h2, 
.institution-landing .PRS_WIDTH_66G h2, .culturesports-landing .PRS_WIDTH_66G h2, .economie-landing .PRS_WIDTH_66G h2 {margin-left: 0;}
 {display:none;}

.economie-landing .PRS_WIDTH_66G .innerParagraphe,
.culturesports-landing .PRS_WIDTH_66G .innerParagraphe,
.institution-landing .PRS_WIDTH_66G .innerParagraphe,
.cadrevie-landing .PRS_WIDTH_66G .innerParagraphe,
.famille-landing .PRS_WIDTH_66G .innerParagraphe,
.tourisme-landing .PRS_WIDTH_66G .innerParagraphe {margin-left: 30px;}
#par31101 .innerParagraphe {margin-left:0 ;}

.famille #menuHorizontal p:hover {background: #f85f73;}
.economie #menuHorizontal p:hover {background: #3490de;}
.economie-landing #menuHorizontal p {background: #3490de;}
.institution #menuHorizontal p:hover {background: #ff8400;}
.institution-landing #menuHorizontal p {background: #ff8400;}
.culturesports #menuHorizontal p:hover {background:#ffd200;}
.culturesports-landing #menuHorizontal p {background: #ffd200;}
.cadrevie-landing #menuHorizontal p {background: #52d681;}
.famille-landing #menuHorizontal p {background: #f85f73;}

.tourisme-landing .PRS_WIDTH_66G .innerParagraphe::before,
.economie-landing .PRS_WIDTH_66G .innerParagraphe::before,
.culturesports-landing .PRS_WIDTH_66G .innerParagraphe::before,
.institution-landing .PRS_WIDTH_66G .innerParagraphe::before,
.cadrevie-landing .PRS_WIDTH_66G .innerParagraphe::before,
.famille-landing .PRS_WIDTH_66G .innerParagraphe::before {
content: "";
position: absolute;
width: 32px;
height: 32px;
background-repeat: no-repeat;
top: 45px;
margin-left: -60px;
}

.famille-landing .PRS_WIDTH_66G .innerParagraphe::before {
background-image: url(http://www.sud-gresivaudan.org/uploads/Image/1e/51796_647_diagonal-arrow-pink-big.png);
}
.cadrevie-landing .PRS_WIDTH_66G .innerParagraphe::before {
background-image: url(http://www.sud-gresivaudan.org/uploads/Image/f6/51760_955_diagonal-arrow-green-big.png);
}
.institution-landing .PRS_WIDTH_66G .innerParagraphe::before {
background-image: url(http://www.sud-gresivaudan.org/uploads/Image/c7/51837_984_diagonal-arrow-orange-big.png);
}
.culturesports-landing .PRS_WIDTH_66G .innerParagraphe::before {
background-image: url(http://www.sud-gresivaudan.org/uploads/Image/b0/51844_899_diagonal-arrow-yellow-big.png);
}
.economie-landing .PRS_WIDTH_66G .innerParagraphe::before {
background-image: url(http://www.sud-gresivaudan.org/uploads/Image/88/51851_375_diagonal-arrow-blue-big.png);
}
.tourisme-landing .PRS_WIDTH_66G .innerParagraphe::before {
background-image: url(http://www.sud-gresivaudan.org/uploads/Image/36/THUMB/52402_207_diagonal-arrow-grey.png);
}


/* CSS des pages normales */
.PRS_WIDTH_66G h2, .TPL_FORMULAIRE h2 {position: relative; margin-left: 30px}
.PRS_WIDTH_66G h2::before, .TPL_FORMULAIRE h2::before  {
content: "";
position: absolute;
width: 16px;
top: 0;
left: 0;
height: 100%;
margin-left: -28px;
background-image: url(http://www.sud-gresivaudan.org/uploads/Image/be/51698_714_diagonal-arrow.png);
background-repeat: no-repeat;
background-position: 50% 50%;
}
.economie .PRS_WIDTH_66G h2::before, .TPL_FORMULAIRE h2::before {
background-image: url(http://www.sud-gresivaudan.org/uploads/Image/96/51852_375_diagonal-arrow-blue.png);
}

#par31101 .innerParagraphe::before {display: none;}
#par31101, #par31279, #par31281 {width: 100%; text-align: center;}
#par31281 .innerParagraphe {padding: 15px 0;}
#par31281 p:last-child {float: right;}

.famille .PRS_WIDTH_66G h2::before {
background-image: url(http://www.sud-gresivaudan.org/uploads/Image/29/51703_144_diagonal-arrow-pink.png);
}

.cadrevie .PRS_WIDTH_66G h2::before {
background-image: url(http://www.sud-gresivaudan.org/uploads/Image/82/51705_463_diagonal-arrow-green.png);
}

.institution .PRS_WIDTH_66G h2::before {
background-image: url(http://www.sud-gresivaudan.org/uploads/Image/40/51836_984_diagonal-arrow-orange.png);
}

.culturesports .PRS_WIDTH_66G h2::before {
background-image: url(http://www.sud-gresivaudan.org/uploads/Image/cc/51843_899_diagonal-arrow-yellow.png);
}

.economie .PRS_WIDTH_66G h2::before {
background-image: url(http://www.sud-gresivaudan.org/uploads/Image/96/51852_375_diagonal-arrow-blue.png);
}


/****************   ****************/
/*******  CSS des liens des LANDING  *******/
/****************   ****************/

.boutons-landing {
position: relative;
margin: 10px 0 0 0;
display: flex;
align-items: center;
overflow: hidden;
float: right;
clear: both;
}
#par31281 .boutons-landing,
#par31193 .boutons-landing,
#par31101 .boutons-landing {float: none;}
.boutons-landing a {color: #212121 !important;}
.tourisme-landing .PRS_WIDTH_66G .innerParagraphe a,
.economie-landing .PRS_WIDTH_66G .innerParagraphe a,
.culturesports-landing .PRS_WIDTH_66G .innerParagraphe a,
.institution-landing .PRS_WIDTH_66G .innerParagraphe a,
.cadrevie-landing .PRS_WIDTH_66G .innerParagraphe a,
.famille-landing .PRS_WIDTH_66G .innerParagraphe a,
#par31193 a, #par31101 a, #par31279 a, #par31281 a, #par31474 a {
font-size: 0.95em;
letter-spacing: 0.04em;
color: #333;
padding: 12px 24px 12px 38px;
background-color: #f1f4f9;
}
#par31193 a:hover, #par31101 a:hover, #par31279 a:hover, #par31281 a:hover, #par31474 a:hover {text-decoration: none;}
#par31193 p:nth-child(2), #par31101 p:nth-child(3) { display: flex; justify-content: center;}

.tourisme-landing .PRS_WIDTH_66G .innerParagraphe a::before,
.economie-landing .PRS_WIDTH_66G .innerParagraphe a::before,
.culturesports-landing .PRS_WIDTH_66G .innerParagraphe a::before,
.institution-landing .PRS_WIDTH_66G .innerParagraphe a::before,
.famille-landing .PRS_WIDTH_66G .innerParagraphe a::before,
.cadrevie-landing .PRS_WIDTH_66G .innerParagraphe a::before,
#par31193 a::before, #par31101 a::before, #par31279 a::before, #par31281 a::before {
content: "";
position: absolute;
width: 16px;
height: 16px;
margin-left: -22px;
background-image: url(http://www.sud-gresivaudan.org/uploads/Image/a3/51618_481_arrow-right.png);
transform: scale(0.8);
margin-top: -1px;
}
.economie-landing .PRS_WIDTH_66G .innerParagraphe a.document::before,
.culturesports-landing .PRS_WIDTH_66G .innerParagraphe a.document::before,
.institution-landing .PRS_WIDTH_66G .innerParagraphe a.document::before,
.famille-landing .PRS_WIDTH_66G .innerParagraphe a.document::before,
.cadrevie-landing .PRS_WIDTH_66G .innerParagraphe a.document::before {
background-image: url(http://www.sud-gresivaudan.org/uploads/Image/83/51801_714_download2.png);
}


.PRS_WIDTH_66G .innerParagraphe a:hover {
text-decoration: none;
}

#par31279 .boutons-landing, #par31281 .boutons-landing {margin-right: 25px; margin-top: 0;}

.boutons-landing::before {
content: "";
position: absolute;
width: 10px;
background-color: white;
height: 100%;
top: 0;
left: 0;
z-index: 10;
margin-left: -10px;
transition: all 0.5s ease;
}

.tourisme-landing .boutons-landing::before {
background-color: #333333;
}

.economie-landing .boutons-landing::before {
background-color: #3490de;
}

.culturesports-landing .boutons-landing::before {
background-color: #ffd200;
}

.institution-landing .boutons-landing::before {
background-color: #ff8400;
}

.cadrevie-landing .boutons-landing::before {
background-color: #52d681;
}
.famille-landing .boutons-landing::before {
background-color: #f85f73;
}
#par31193 .boutons-landing::before {
background-color: #f85f73;
}

#par31101 .boutons-landing::before {
background-color: #ff8400;
}

#par31279 .boutons-landing::before, #par31281 .boutons-landing::before {
background-color: #52d681;
}

.boutons-landing:hover::before {
margin-left: 0px;
}



/****************   ****************/
/*******  FORMULAIRES  *******/
/****************   ****************/

.TPL_FORMULAIRE {
width: 65.9597274%;
padding: 15px;
background: white;
margin: 20px 0 20px 0;
}

.groupeQuestion {
margin: 0 0 20px 0;
background-color: #fff;
border: none;
}

.TPL_FORMULAIRE h2 {
font-family: 'Roboto' !important;
text-transform: uppercase;
font-weight: normal;
}

#tpl_formulaire111 p:last-child {margin: 0 0 0 0 !important;}
.groupeQuestion .innerGroupeQuestion p label {
color: #333;
font-size: 1.1em;
padding-right: 10px;
letter-spacing: 0.1em;
font-family: 'Roboto';
}

.paragraphe form p.action {
text-align: center;
}

input, textarea, select {
border-top: 1px solid #e2e9ef;
border-left: 4px solid #f85f73;
border-radius: 0 0 0 0;
-webkit-border-radius: 0 0 0 0;
}
.famille .textarea, .famille .select {
border-left: 4px solid #f85f73;
}

input.submit {
border-radius: 0;
padding: 12px 20px;
font-size: 0.95em;
letter-spacing: 0.04em;
position: relative;
color: #333;
background-color: #f1f4f9;
}


.economie input, .economie textarea, .economie select {
border-top: 1px solid #e2e9ef;
border-left: 4px solid #3490de;
border-radius: 0 0 0 0;
-webkit-border-radius: 0 0 0 0;
}


.submit {position: relative; overflow: hidden;}
.submit::before {
content: "";
position: absolute;
width: 10px;
background: #f85f73;
height: 100%;
top: 0;
left: 0;
z-index: 10;
margin-left: -10px;
transition: all 0.5s ease;
}
.economie .submit::before {background: #3490de;}
.blocRecherche .submit::before {display: none;}

.submit:hover::before {
margin-left: 0;
}

/************   ************/
/*******  FOCUS  *******/
/************   ************/

.PRS_FOCUS.txt {
font-family: 'roboto';
font-weight: normal;
width: 65.9597274%;
font-size: 0.9em;
margin: 10px 0; 
padding: 15px 0; 
background: transparent;
border-bottom: 1px solid #f1f4f9;
border-left: none;
}

.PRS_FOCUS.txt .innerParagraphe {
background-color: #f1f4f9;
padding: 5px 15px;
margin-bottom: 10px;
}

.PRS_FOCUS.txt .innerParagraphe p {margin: 5px 0 5px 0;}

.famille .PRS_FOCUS.txt .innerParagraphe {border-left: 2px solid #f85f73;}
.cadrevie .PRS_FOCUS.txt .innerParagraphe {border-left: 2px solid #52d681;}
.institution .PRS_FOCUS.txt .innerParagraphe {border-left: 2px solid #ff8400;}
.culturesports .PRS_FOCUS.txt .innerParagraphe {border-left: 2px solid #ffd200;}
.economie .PRS_FOCUS.txt .innerParagraphe {border-left: 2px solid #3490de;}

.PRS_FOCUS.txt h2 {
color: #000;
background: none;
padding-left: 0;
}

/************   ************/
/*******  CARTES  *******/
/************   ************/
.map {width: 100% !important;}


/****************   ****************/
/*******  CSS des liens "En savoir plus"  *******/
/****************   ****************/
h3 {
font-family: 'roboto';
font-weight: bold;
color: #212121;
font-size: 1.667em;
margin: 0 0 8px 0;
letter-spacing: 0.0625em;
}

h3.titre_en_savoir_plus {display: none;}
.bloc_par_en_savoir_plus {margin-top: 10px; padding-bottom: 10px;}

.bloc_par_en_savoir_plus span {
width: 24px;
height: 24px;
background-color: #f1f4f9;
background-position: 50% 50%;
float: right;
background-repeat: no-repeat;
margin-bottom: 5px;
}

.famille .bloc_par_en_savoir_plus span {
background-image: url(http://www.sud-gresivaudan.org/uploads/Image/c4/51814_969_add-pink.png);
}

.cadrevie .bloc_par_en_savoir_plus span {
background-image: url(http://www.sud-gresivaudan.org/uploads/Image/33/51830_184_add-green.png);
}

.institution .bloc_par_en_savoir_plus span {
background-image: url(http://www.sud-gresivaudan.org/uploads/Image/0c/51848_163_add-orange.png);
}

.culturesports .bloc_par_en_savoir_plus span {
background-image: url(http://www.sud-gresivaudan.org/uploads/Image/63/51847_163_add-jaune.png);
}
.economie .bloc_par_en_savoir_plus span {
background-image: url(http://www.sud-gresivaudan.org/uploads/Image/d8/51850_375_add-blue.png);
}

.bloc_par_en_savoir_plus li a {color: #333 !important;}

.bloc_par_en_savoir_plus li a img {display: none;}


/****************   ****************/
/******* MODULES ÉVÈNEMENTS *******/
/****************   ****************/

.tpl_evenementListe .recherche {display: none;}

.tpl_evenementListe.actualite .listeEvenement ul li .extra a,
.tpl_evenementListe .listeEvenement ul li .itemInfo h4 a {padding: 0; background: transparent;}

.tpl_evenementListe.actualite .listeEvenement ul li .extra a::before,
.tpl_evenementListe .listeEvenement ul li .itemInfo h4 a::before {
display: none;
}

.TPL_EVENEMENTTHEMATIQUE .innerParagraphe .item, 
.TPL_ACTUALITETHEMATIQUE .innerParagraphe .item {
background: #f1f4f9;
border-bottom: none;
}

.tpl_evenementListe.actualite .listeEvenement ul, .tpl_evenementListe.actualite .listeEvenement li {overflow: hidden !important;}

.tpl_evenementListe.actualite .listeEvenement ul li .extra {top: 14px;}
.tpl_evenementListe.actualite .listeEvenement ul li .thematique {
top: -28px;
left: 0;
bottom: auto;
}
.TPL_EVENEMENTTHEMATIQUE .innerParagraphe .listeEvenement .item, .TPL_ACTUALITETHEMATIQUE .innerParagraphe .listeEvenement .item {
display: flex;
align-items: center;
}

#par31193 {
width: 100%;
padding: 10px 0;
border-bottom: 1px solid #f1f4f9;
text-align: center;
}

.tpl_evenementListe.actualite .listeEvenement ul li .extra {width: auto;}

#par31014 {border-top: 1px solid #f1f4f9;}
#par31014 h3 {margin-top: 15px;}
#par31014 h3:nth-child(1) {margin-top: 0px;}
#par31014 ul {margin: 10px 0 10px 0;}
#par31014 ul li {padding-left: 12px;}





/****************   ****************/
/******* TEMPLATE SOMMAIRE *******/
/****************   ****************/
.TPL_SOMMAIREPAGE {
background: none;
padding: 15px 15px 15px 15px;
border-bottom: none;
font-family: 'roboto';
background-color: #f1f4f9;
margin-bottom: 20px;
margin-top: 10px;
}
.TPL_SOMMAIREPAGE ul li a {color: #212121 !important;}

.TPL_SOMMAIREPAGE h2 {font-size: 1.3em !important; margin-left: 25px; display: block;}
.TPL_SOMMAIREPAGE h2::before {
content: "";
position: absolute;
width: 16px;
height: 16px;
background-image: url(http://www.sud-gresivaudan.org/uploads/Image/82/51705_463_diagonal-arrow-green.png);
transform: rotate(90deg);
margin-left: -25px;
}
.famille .TPL_SOMMAIREPAGE h2::before {
background-image: url(http://www.sud-gresivaudan.org/uploads/Image/29/51703_144_diagonal-arrow-pink.png);
}

.TPL_SOMMAIREPAGE ul {margin: 0 0 0 0; padding: 0 0 0 0;}


/****************   ****************/
/*** QUESTIONS - RÉPONSES de "Trier et Recycler" ***/
/****************   ****************/

#par31373 ul li {background: none;}

.faq-plus {
float:left; 
width: 16px;
height: 16px;
color: #52d681; 
font-family: sans-serif;
font-size: 1.4em;
font-weight: 700; 
display: flex;
justify-content: center;
align-items: center;
margin-right: 10px;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
transition: all 200ms ease;
}

.faq-plus-anim {
  transform: rotate(-135deg);
  transform-origin: 50% 50%;
  -webkit-transform: rotate(-135deg);
  -webkit-transform-origin: 50% 50%;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  transition: all 200ms ease;
}

.faq-q {
cursor: pointer;
font-family: 'roboto';
font-size: 1.1em;
letter-spacing: 0.0625em;
line-height: 1.4em;
}

.faq-a {
  clear: both;
  color: #212121;
  padding-left: 42px !important;
  display: none;
  padding-top: 5px;
}
.faq-c {
  padding: 0.5em 0 !important;
}

/************************   ************************/
/*********** RÈGLES _ RESPONSIVE  ***********/
/************************   ************************/

@media (max-width: 940px) {
#menuHorizontal {flex-direction: column; align-items: center;}
#menuHorizontal p {margin-right: 0px; text-align: center;}
#menuHorizontal p::after {
top: auto;
margin-top: auto;
left: 50%;
margin-left: -8px;
bottom: 0px;
margin-bottom: -20px;
transform: rotate(90deg);
}

#menuHorizontal ul {margin-top: 20px; display:flex; flex-direction: column; text-align: center;}
#menuHorizontal ul li {margin: 2px 0;}
}

@media (max-width: 640px) {

body {overflow-x: hidden;}


.bloc_par_en_savoir_plus {padding-right: 30px;}
.famille-landing .PRS_WIDTH_66G .innerParagraphe::before, 
.economie-landing .PRS_WIDTH_66G .innerParagraphe::before, 
.institution-landing .PRS_WIDTH_66G .innerParagraphe::before,
.cadrevie-landing .PRS_WIDTH_66G .innerParagraphe::before,
.culturesports-landing .PRS_WIDTH_66G .innerParagraphe::before {display: none;}

.famille-landing .PRS_WIDTH_66G h2 {color: #f85f73;}
.economie-landing .PRS_WIDTH_66G h2 {color: #3490de;}
.institution-landing .PRS_WIDTH_66G h2 {color: #ff8400;}
.cadrevie-landing .PRS_WIDTH_66G h2 {color: #52d681;}
.culturesports-landing .PRS_WIDTH_66G h2 {color: #ffd200;}

.economie-landing .PRS_WIDTH_66G .innerParagraphe, .culturesports-landing .PRS_WIDTH_66G .innerParagraphe, .institution-landing .PRS_WIDTH_66G .innerParagraphe, .cadrevie-landing .PRS_WIDTH_66G .innerParagraphe, .famille-landing .PRS_WIDTH_66G .innerParagraphe {margin-left: 0px;}

}
@media (max-width: 480px) {
.paragraphe.txt .innerParagraphe h4 img {max-width: 100%;}
.TPL_EVENEMENTTHEMATIQUE .innerParagraphe .listeEvenement .item, .TPL_ACTUALITETHEMATIQUE .innerParagraphe .listeEvenement .item {flex-wrap: wrap;}
.tpl_evenementListe.actualite .listeEvenement ul li .extra {width: auto; top: 0;}
.tpl_evenementListe.actualite .listeEvenement ul li .extra .thematique {top: 0;}
}