@import url('https://fonts.googleapis.com/css?family=Roboto|Roboto+Condensed:400,700');
body {
	margin:0; 
	padding:0; 
	font-family:  'Roboto', sans-serif; 
    font-weight: normal;
	font-size:14px;
    color: #024276;
	text-align:center;
	background-color: #f9ffff;
	display:flex;
	flex-direction:column;
	min-height:100vh;
}
header{
	flex-grow:0;
	display:flex;
	flex-direction:column;
}
footer {
	display:flex;
	justify-content: space-between;
	flex-direction:row;
	background:linear-gradient(to right,#00417e,#547e00);
	color:#fff;
	padding:10px;
}
.banniere_bv{
margin:0;
display:flex;
flex-direction:row;
flex-wrap:nowrap;
background:linear-gradient(to right,#00417e,#547e00);
border-bottom:1px #000 solid;

}
.banniere_defile {
	display:flex;
	flex-direction:column;
	height : 200px;
	flex-grow:1;
}
.banniere_90{
display:flex;
flex-direction:row;
justify-content:center;
width:98%;
margin:auto;
height:82px;
align-items:center;

}
.banniere_logo a,.banniere_logo a:active,.banniere_logo a:visited {
font-size:24px;
color:#fff;
margin-left:10px;
margin-right:10px;
text-decoration:none;
}
.banniere_menus {
display:flex;
flex-direction:column;
justify-content:flex-end;
flex-grow:1;
flex-wrap:wrap;
height:82px;
z-index:1000;

}
main{
	display:flex;
	flex-direction:column;
	width:90%;
	margin:30px auto;
	flex:1 1 auto;
}
section{
	display:flex;
	flex-direction:column;
	flex:1;
}
.partie1{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	text-align:justify;
}
.partie2{
	display:flex;
	flex-direction:row;
	text-align:left;
}
aside{
	flex-shrink:0;
	/*min-width:300px;*/
}
.items_a_droite {
	padding: 0 10px 10px 10px;
	display: flex;
	flex-direction: column;
	text-align: left;
}
.items_a_droite a,.items_a_droite p{
	border-bottom:1px solid #eeeeee;
}
.items_a_droite img {
	width:60px; height:40px;
}
.items_txt_droite  { 
	  font-weight:bold; margin-left:15px;
}
#pdp_gauche {
	width: 30%;
	text-align:left;
}
#pdp_mentions {
	margin-top:auto;
}
#pdp_mentions a{
	color:#ffffff;
	text-decoration:none;
}
#pdp_droit {
	width: 30%;
	text-align:right;
}
a, a:active {color:#288ce8;text-decoration:underline;}
a:visited {color:#288ce8;text-decoration:underline;}
a:hover {color:#aa1415;text-decoration:none;}

h1{
font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; font-size:28px;font-weight: bold;margin-top:0;
}
h2,h3,h5{
font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; line-height: normal;
}
h4{
font-family: 'Roboto';color:#aa1415;
}
.tx_fort{
font-weight:bold;font-size:18px;}
.ovale_bv{
	background:linear-gradient(to bottom,#00417e,#547e00);
	padding:7px;
	border-radius:5px 20px 5px 20px;
	margin: 8px;
	font-size: 15px;
	color: #eeeeee;
	border:none;
	height:35px;
	font-weight:bold;
}
img { 
	vertical-align:middle;
	border:0;
}
table {
	padding: 2px;
	margin: 0px auto;
	border: 0px;
	border-collapse:collapse;
	empty-cells:show;
}
input,select {
	border: 1px #606060 solid;
	padding:2px 2px;
	margin:3px;
	border-radius: 4px;
	height:30px;
	vertical-align:middle;
	background-color:#00417e;
	color:#fff;
	font-size:18px;
}
input:focus, input:hover, select:focus, select:hover, textarea:focus,textarea:hover {
	
	box-shadow: 0px 0px 5px #1e90ff;
}
.bandeau_contenu{
display: flex;
justify-content: center;
align-items: center;
height: 200px;
}
.titre{
	margin:0;
	font-size:18px;
	font-weight:bold;
	letter-spacing: .8px;
	text-shadow: 1px 1px 2px #000000;
	color:#fff;
	animation: titre 8s infinite
}
.titre h1{
	font-size:32px;
}
@keyframes titre {
    from {opacity:0.1;}
		40%,70%{opacity:1;}
	to {opacity:0.1;}
}
#bg1 {
	position:relative;
	top:0px;
	height : 200px;
	background : #ffffff url(img/photos_bandeau/photo1.jpg) no-repeat center;
	background-size:cover;
	animation: photo1 32s infinite;
}
#bg2 {
	position:relative;
	top:-200px;
	height : 300px;
	background : #ffffff url(img/photos_bandeau/photo2.jpg) no-repeat center;
	background-size:cover;
	animation: photo2 32s infinite;
}
#bg3 {
	position:relative;
	top:-400px;
	height : 200px;
	background : #ffffff url(img/photos_bandeau/photo3.jpg) no-repeat center;
	background-size:cover;
	animation: photo3 32s infinite;
}
#bg4 {
	position:relative;
	top:-600px;
	height : 200px;
	background : #ffffff url(img/photos_bandeau/photo4.jpg) no-repeat center;
	background-size:cover;
	animation: photo4 32s infinite;
}
@keyframes photo1 {
   0%,24% {opacity:1;}
   25%,100%{opacity:0;}
 }
@keyframes photo2 {
   0%,24% {opacity:0;}
   25%,49%{opacity:1;}
   50%,100%{opacity:0;}
}
@keyframes photo3 {
   0%,49% {opacity:0;}
   50%,74%{opacity:1;}
   75%,100%{opacity:0;}
}
@keyframes photo4 {
   0%,74% {opacity:0;}
   75%,100%{opacity:1;}
}
.box_menu_haut {
height:34px; text-align: right;
margin-top:5px;
}
.box_menu_haut_link, .box_menu_haut_link:hover, .box_menu_haut_link:active, .box_menu_haut_link:visited {
	padding:8px; padding-left: 25px; padding-top:2px; padding-bottom:6px; background-color: #eeeeee;
	color: #606060;
	text-decoration: none;
	border-radius: 5px;
	margin-left: 3px;
	cursor:pointer;
	background-position:  6px 5px;
	background-repeat: no-repeat;
	background-size: 14px;
	font-size:14px;
}
.box_menu_haut_link:hover {
	background-color: #606060;
	color: #ffffff;
}
.box_menu_haut_link_login {
	background-image: url(img/cadena_fonce.png);
}
.box_menu_haut_link_login:hover {
	background-image: url(img/cadena_clair.png);
}
.box_menu_haut_link_adherent {
	background-image: url(img/crayon_fonce.png);
}
.box_menu_haut_link_adherent:hover {
	background-image: url(img/crayon_clair.png);
}
.box_menu_haut_link_deconnexion {
	background-image: url(img/cadena_rouge.png);
}
.box_menu_onglet{
display:flex;
flex-direction:column;
justify-content:flex-start;
text-align: left;
font-size:14px;
color: #606060;
font-family: 'Roboto Condensed', sans-serif;
font-weight:bold;
letter-spacing: .8px;
line-height: normal;
text-transform: uppercase;
height:38px;

}

.box_menu_onglet ul{
z-index:600;
margin: 0;
padding: 0;
list-style-type: none;
display:flex;
flex-direction:row;
justify-content:flex-end;
flex-wrap:wrap;
}
.box_menu_onglet ul li{
display:flex;
flex-direction:column;
justify-content:flex-start;

}
.box_menu_onglet ul li a{
display:flex;
flex-direction:row;
justify-content:space-between;
background: #ffffff;
color:inherit;
padding-top:10px; padding-bottom:10px;
padding-left:10px; padding-right:10px;
border-right: 0px solid #666666;
border-left: 0px solid #666666;
text-decoration: none;
margin-right:2px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;

}

.box_menu_onglet ul li a:hover{
background-color:#aa1415;
color:#ffffff;
transition-property: background-color,color;
transition-duration: 1s;
}

#affiche_cercle{display: none; visibility: visible;}
.box_menu_onglet ul li:hover #affiche_cercle{display: block;}
#affiche_pistes{display: none; visibility: visible;}
.box_menu_onglet ul li:hover #affiche_pistes{display: block;text-transform: none;font-size:12px;}
.box_menu_onglet ul li a img{flex:0 0 20px;align-self:flex-end;}

	
/*sous-menu*/
.box_menu_onglet ul li ul{
background-color:transparent;
visibility: hidden;
box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.16);
color: #aa1415;
font-weight:normal;
position:absolute;
margin-top:37px;
}
/*sous-menu fermé */
.box_menu_onglet ul li ul li:before {
	border-top:0px solid red;
	width:100%; height:0px;
	background: none;
	transition: none;
	display:none;
  	content: '';
}
/*sous-menu ouvert*/
.box_menu_onglet ul li ul li{
display: list-item;
float: none;
}
/* contenu des sous-menus */
.box_menu_onglet ul li ul li a{
width: 180px; /*taille des sous-menus*/
padding: 10px;
background-color:#ffffff;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid #cccccc;
border-radius: 0px;
overflow: hidden
transition: none;
}
.box_menu_onglet ul li ul li a:hover {
background: #c0c0c0;
color: #aa1415;
border-bottom: 1px solid #cccccc;
}
/*fleche sur onglet */
.fleche_menu_bas{
margin-left:10px;
width:17px;
height: 17px;
background-image: url(img/fleche_menu.png);
background-position: center;
background-repeat: no-repeat;
background-color: #606060;
border-radius: 4px;
}
.branche_selected { 
background:#ffffff !important;
color: #aa1415 !important;
}
.box_document {
display:inline-block;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
background: #aa1415;
text-decoration:none;  color : #ffffff;
height:35px; line-height: 35px;
}
.box_document_contenu {
	box-sizing: border-box;
	border-radius: 4px;
	border-top-left-radius: 0; 
	background-color:#eeeeee;  
	border:1px solid #cccccc;
	padding:6px;
	margin-bottom:20px;
}
.doc_box_item {
background: #ffffff;border-radius: 4px;border:1px solid #cccccc;line-height:normal; text-align: left; min-height:41px;}
.doc_box_item_ico {float:left; width:40px; height:40px;  background-repeat:no-repeat; background-position: center}
.doc_box_item_txt {margin-left: 40px; width:auto;padding-top:5px;padding-bottom:5px;margin-right: 10px;text-align:left;
}
.agenda_barre_haute {
display:flex;
flex-direction:row;
justify-content:space-between;
align-items:center;
border:1px #ccc solid;
padding-left:5px;
padding-right:5px;
background:linear-gradient(to right,#00417e,#547e00);
color:#fff;
box-shadow: 0px 0px 5px #00417e;
border-radius:20px 20px 0px 0px;
}
.agenda_barre_haute div a{color:#fff;}
.agenda_titre {
font-weight: bold;
color:#024276;
font-size:16px;
}
.box_evenement{
border-bottom: 1px dashed #cccccc;
padding-top:10px;
padding-bottom:10px;
cursor:pointer;
}
summary {
margin-left:-2px;
font-size: 2em;
color:#024276;
height:30px;
outline: none;
}
.gallery {background:#eeeeee;border-radius: 4px;width:134px;}
.photo_in_gallery {
	border-radius: 4px; 
    border:2px solid #ffffff;
    margin:5px; 
    width:120px;
}
.box_photo_droite {
	border-radius: 4px;
	background-color:#eeeeee;  
	border:1px solid #cccccc;
	margin-bottom:20px;
}
.photo_in_droite {
	border-radius: 4px; 
    border:2px solid #ffffff;  
    background:#eeeeee;
	margin:4px;
}
#box_equipe{
margin-right:20px;
height:200px;
text-align:left;
margin-bottom:50px;
}
.box_modele{
margin-right:30px;
padding:20px;
width:250px;
text-align:center;
margin-bottom:30px;
border:1px solid #024276;
background:#dbe4f7;
}
.conteneur_equipe{
display:flex;
flex-direction:row;
justify-content:flex-start;
flex-wrap:wrap;
}
.contact{
display:flex;justify-content:flex-end;
border-bottom:1px #eeeeee solid;
}
.contact input,textarea{
flex:1;max-width:75%;
}
textarea{
	border: 1px #606060 solid;
	padding:2px 2px;
	margin:3px;
	border-radius: 4px;
	vertical-align:middle;
	background-color:#00417e;
	color:#fff;
}
input[name="envoi"]{
height:35px;
font-weight:bold;	
}
.requete{
display:flex;justify-content:flex-end;
align-items:center;
border-bottom:1px #eeeeee solid;
}
.requete p{
margin:3px auto;
}
.requete input,select{
width:60%;
}
.tab_entete {
	background:linear-gradient(to right,#00417e,#547e00);
	font-weight: bold;
	color: #eeeeee;
	white-space: nowrap;
	height:30px;
	border-radius:20px 20px 0px 0px;
}
.tab_result {
font-size:16px;
border:0px;
text-align:left;
border-bottom: 1px #cccccc solid;
}
.bouton_indiv {
	background: url(img/individu.png), linear-gradient(to bottom,#00417e,#547e00);
	background-repeat:no-repeat;
	background-position:center center;
	border:0;
	color:transparent;
	width:80px;
	height:50px;
	border-radius:5px 20px 5px 20px;
}
.bouton_naiss {
	background: url(img/naissance.png), linear-gradient(to bottom,#00417e,#547e00);
	background-repeat:no-repeat;
	background-position:center center;
	border:0;
	color:transparent;
	width:80px;
	height:50px;
	border-radius:5px 20px 5px 20px;
}
.bouton_mar {
	background: url(img/mariage.png),linear-gradient(to bottom,#00417e,#547e00);
	background-repeat:no-repeat;
	background-position:center center;
	border:0;
	color:transparent;
	width:80px;
	height:50px;
	border-radius:5px 20px 5px 20px;
}
.bouton_deces {
	background: url(img/deces.png),linear-gradient(to bottom,#00417e,#547e00);
	background-repeat:no-repeat;
	background-position:center center;
	border:0;
	color:transparent;
	width:80px;
	height:50px;
	border-radius:5px 20px 5px 20px;
}
.bouton_cm {
	background: url(img/cm.png),linear-gradient(to bottom,#00417e,#547e00);
	background-repeat:no-repeat;
	background-position:center center;
	border:0;
	color:transparent;
	width:80px;
	height:50px;
	border-radius:5px 20px 5px 20px;
}
.bouton_patronymes {
	background: url(img/patronyme.png),linear-gradient(to bottom,#00417e,#547e00);
	background-repeat:no-repeat;
	background-position:center center;
	border:0;
	color:transparent;
	width:80px;
	height:50px;
	border-radius:5px 20px 5px 20px;
}
.bouton_photos {
	background: url(img/photo.png),linear-gradient(to bottom,#00417e,#547e00);
	background-repeat:no-repeat;
	background-position:center center;
	border:0;
	color:transparent;
	width:80px;
	height:50px;
	border-radius:5px 20px 5px 20px;
}
.bouton_actes_divers {
	background: url(img/actes_divers.png),linear-gradient(to bottom,#00417e,#547e00);
	background-repeat:no-repeat;
	background-position:center center;
	border:0;
	color:transparent;
	width:80px;
	height:50px;
	border-radius:5px 20px 5px 20px;
}
.bouton_faire-part {
	background: url(img/faire-part.png),linear-gradient(to bottom,#00417e,#547e00);
	background-repeat:no-repeat;
	background-position:center center;
	border:0;
	color:transparent;
	width:80px;
	height:50px;
	border-radius:5px 20px 5px 20px;
}
.bouton_photos_mariage {
	background: url(img/photos_mariage.png),linear-gradient(to bottom,#00417e,#547e00);
	background-repeat:no-repeat;
	background-position:center center;
	border:0;
	color:transparent;
	width:80px;
	height:50px;
	border-radius:5px 20px 5px 20px;
}
.bouton_photos_divers {
	background-image: url(img/photos_divers.png),linear-gradient(to bottom,#00417e,#547e00);
	background-repeat:no-repeat;
	background-position:center center;
	border:0;
	color:transparent;
	width:80px;
	height:50px;
	border-radius:5px 20px 5px 20px;
}
.bouton_naiss:hover, .bouton_mar:hover, .bouton_deces:hover, .bouton_cm:hover, .bouton_patronymes:hover, .bouton_photos:hover, .bouton_actes_divers:hover, .bouton_faire-part:hover, .bouton_photos_mariage:hover, .bouton_photos_divers:hover{
	cursor:pointer;
	box-shadow: 0px 0px 10px #1e90ff;
	border:0;
}
.espace_90_pourcent {
width:90%;
display:flex;
flex-direction:column;
justify-content:space-beetween;
margin:0 auto;
}
.fond_detail{
	text-align:center;
	background : url(img/bg_bases.png);
	background-size : cover;
}
.affiche_details{
	background-color:#fff;
	width:800px;
	margin:0 auto;
	font-size:14px;
	text-align:left;
	padding:50px;
	border:5px #024276 solid;
	border-radius:100px;
}
#menu_bases {
	width : 100%;
	background-color: #eeeeee;
	border-bottom:1px solid #cccccc;
	border-top:1px solid #000;
	height:70px;
}
.menu_bases_contenu{
width:60%;
display: flex;
flex-direction: row;
justify-content: center;
margin:0 auto;
}
.recherche
{
display:flex;
flex-direction:row;
justify-content:flex-end;
align-items:center;
}
.tab_local
{
text-align:left;
border-bottom: 1px #cccccc solid;
font-size:16px;
}
.tab_local td
{
padding-right:5px;
}
#alterne:nth-child(odd) {
	background:#dbe4f7;

}
.question{
	border:1px #024276 solid;
	border-radius:5px 5px 20px 20px;
	margin-bottom:20px;
	
	
}
.question_titre{
	padding:5px;
	border-bottom:1px #024276 solid;
	background: linear-gradient(to right,#00417e,#547e00);
	color:#fff;
	font-weight: bold;
}
.decale_rep{
display:flex;
	flex-direction:row;
	justify-content:space-between;
	padding:5px;
	
}