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

/****************   ****************/
/*** ÉLÉMENTS PRINCIPAUX DE BASE ***/
/****************   ****************/

#bandeauHaut {min-height: 94px !important; background-color: #fff;}
#ariane {display: none;}
#footer {background: #f1f4f9;}
.paragraphe {margin: 0 0 0 0;}
.paragraphe .innerParagraphe h2 {border-bottom: none;}
#menuHorizontal {display: none;}
.titrePage h1 {text-align: center; margin: 20px 0;}

#footer a {color: #ff8400;}

/****************   ****************/
/*******  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';}

#menu 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(6):hover {border-bottom-color: #3490de;}
#menu ul.menuNiv1 li.nav1:nth-child(7):hover {border-bottom-color: #ff8400;}



/****************   ****************/
/******* TEMPLATE ASSOS  *******/
/****************   ****************/

.TPL_LISTE_ASSOCIATION form, .TPL_ASSOCIATION_LISTE_REST form, .TPL_ASSOCIATION_RESTRICTION form,
.TPL_LISTE_ASSOCIATION .liste ul li, .TPL_ASSOCIATION_LISTE_REST .liste ul li, .TPL_ASSOCIATION_RESTRICTION .liste ul li,
.TPL_ASSOCIATION .accroche, .groupeQuestion, 
.tpl_evenementListe form.recherche .groupeQuestion {background-color: #f1f4f9; border-bottom: none;}

.tpl_evenementListe .listeEvenement ul li.alter1 {background-color: #f1f4f9 !important; border-bottom: none;}

.tpl_evenementListe form.recherche .groupeQuestion p.thematique,
.selectThematique,
.tpl_evenementListe form.recherche .groupeQuestion p.public,
.selectPublic {display: none;}

#commune {display: block !important;}

.tpl_evenementListe form.recherche .groupeQuestion .innerGroupeQuestionRight p:last-child {display: none;}

.clear {display: none;}
.tpl_evenementListe form.recherche .groupeQuestion {padding: 20px 0 0 0;}
.tpl_evenementListe form.recherche .groupeQuestion p.action {
margin-bottom: 20px;
margin-top: -50px;
}

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

#tpl_formulaire112 {background-color: #f1f4f9; padding: 20px;}
#tpl_formulaire112 a {color: #ff8400 !important;}


.TPL_FORMULAIRE {
padding: 15px;
margin: 20px 0 20px 0;
}
p.notice, span.obligatoire {color: #333;}
p.notice {
width: 50%;
margin: 0 auto !important;
}

.groupeQuestion {
margin: 0 0 0 0;
border: none;
}

.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 #ff8400;
border-radius: 0 0 0 0;
-webkit-border-radius: 0 0 0 0;
}

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


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

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

/****************   ****************/
/******* ÉVÈNEMENTS  *******/
/****************   ****************/
.TPL_EVENEMENT .fiche .accroche {background: #f1f4f9;}