/*
Theme Name: Divi Enfant - DiviKit
Description: Divi Enfant, theme enfant de Divi fourni par Orange Solidarité
Author: Nom de l'association
Template: Divi
*/

/*
Rajoutez vos regles CSS personnalisees ci-dessous
*/

/* Entête : changement couleur de la police sur passage de la souris sur les menus principaux */
#et-footer-nav li a:hover {
	color: blue;
}
/* fin régles CSS pour augmentation taille logo */
/* Début  régle CSS pour changement couleur background couleur affichage matériatheque */
#page-materiatheque {
	  /*background-color : rgba(10,170,170,0.47);*/
  background-color : #66C6D0;
}
#single_pmmca {
  background-color : rgba(10,170,170,0.47) !important;
}
/* Fin  régle CSS pour changement couleur background couleur affichage matériatheque */
.materiatheque {margin-left:0px;}

.materiel {margin-left:10%;
		   margin-right:10%;}


.materiatheque table {
    border-collapse: collapse;
    width : 60%;
    margin : 0 auto;
  	min-width: 60%;
   	border: 1px solid cadetblue;
	background-color:#f3f3f3;
 }
 
.materiatheque table th {
    text-align: left;
    padding : 0px;
    color : #777;
  	border : none;
   
}
.materiatheque table td {
    text-align: right;
    padding : 3px;
    color : #777;
  	border : none;
   
}

.materiatheque table caption {
    font-size: 2em;
    text-align: center;
}

.view-full-post-btn {
	  color :#DF01D7;
	}
/* ajustement largeur et hauteur  des sous-menus verticaux associés à la matériathéque */
#top-menu li li a {
	width : 100%;
}
.nav li ul {
	width : 300%;
  }
.materiatheque ul {
  top: -250px !important;
  }
/* fin ajustement largeur et hauteur des sous-menus verticaux */

/* suppression éléments liés à la sidebar de droite : barre verticale et largeur de la sidebar de droite à 0% */
#main-content #single_pmmca::before {
    right : 0% !important;
    background-color : #ffffff;
}
#single_pmmca #left-area {
  width: 100% !important;
}
/* fin supression sidebar */

/* réduction à 50% et centrage des images */
#single_pmmca img {
max-width: 50% !important;
  margin-left:25%;
}
/* fin réduction à 50% et centrage des images */

/* Elargissement du widget pied de page */ 
#black-studio-tinymce-2 {
  width:100% !important;
}

/* image : ajout d'une ombre */  
.image-ombre {
border : 2px outset #3239A7;
border-radius:2px;
box-shadow:5px 5px 10px #656565;
} 


/* réduction boite recherche médiathèque  
.probox {
	width:30% !important;
 }
*/

/* Formulaires de contact : alignement du bouton envoyer et du CAPTCHA
#reCAPTCHA-contact {
	margin:auto;
  	width:35%;
}
#reCAPTCHA {
	margin:auto;
  	width:40%;
}
/* Page Contact : mise en forme du bouton envoyer
.wpcf7-form-control wpcf7-submit {
  font-size:12px;border-radius:10px;width:25%;height:50px;background:#006EC7;color:313131;margin-left:35%;box-shadow:5px 5px 10px #656565; 
}

/* mise en gras de PMMCA dans le menu 
.PMMCA {

    font-weight: bold; /* gras */

}

/*
Début  règles CSS pour augmentation taille logo
*/

.et_vertical_nav #main-header #logo {
/* max-height: 300px ! important; 
margin-left:auto !important;
margin-right:auto !important;
max-width: 30% !important; 
min-width: 300px !important; */
}

#main-header .logo_container {
width : 100% !important; 
margin-left:auto !important;
margin-right:auto !important;
}
.et_vertical_nav #main-header .container  {
margin: 0 20px !important;
}



/* début bouton formulaire adhésion bénévole */
#button-contact {
	  color:green;
	  font-size:16px;
}
/* fin bouton formulaire adhésion bénévole */

  
/* Page articles seuls : réduction de la taille des images à la une et centrage de ces images */
.et_post_meta_wrapper img {
	max-width: 50% !important;
  	margin-left:25%;  	
}

/* Page articles seuls : réduction de la marge du haut */
.et_post_meta_wrapper {
  	padding-top:20px !important;
}

/* Pages Nos actualités et Nos archives : mise en forme de l'image à la une (largeur, texte à droite de l'image avec une marge) */
#blog-actualites .et_pb_post a img {
    max-width: 30%;
    float: left;
    padding-right: 1%;
}
/* Dans page accueil, il y a un module blog qui permet d'afficher les articles avec la catégorie "alaune" */
/* On a associé à ce blog l'identifiant "posts-accueil". Chaque article doit occuper toute la largeur de la page. C'est pour cette raison que l'on a mis la largeur à 100% de manière à ce que chaque article occupe toute la largeur de la page */

#posts-accueil .size-1of2 {
  width: 100%; 
}