/* taille image 
WordPress ne propose que 3 tailles par défaut : Miniature, moyenne et grande
Le format miniature est carré par défaut, et sert à l’affichage des miniatures dans la bibliothèque de média. On ne pas toucher à ce réglage ;
La taille moyenne est configurée sur 300px maximum, on la passe à  1200px;
La taille grande est configurée sur 1024px maximum, on la passe à  1920px;


Les images sont accessibles depuis la bibliothèque de médias (menu Médias dans WordPress) 
mais elles sont physiquement stockées dans le dossier wp-content/uploads/<année>/<mois>/ 
et nommées <nom>-<largeur>x<hauteur>.jpg.

Pour le thème que je propose Extreme Lite Version : 1.0 
 En-tête  1400 × 200 pixels.
 Slides   1400 x 755 pixels. 
 Mise en avant (articles ou pages) 1200 x 628 pixels. 

 Infos complémentaires
 https://capitainewp.io/formations/developper-theme-wordpress/images-une-et-tailles/

 Sites Images publiques
 https://unsplash.com/

 Site compression des images
 https://compressor.io

 Site à tout faire
 https://tinywow.com
*/

/* Maj fichier du theme responsive.css
	
    inhiber cette déclaration qui masque les boutons du slider
	
    .nivo-controlNav{ 
		display:none !important;
	}
	
*/
/*personnalisation*/
.confidentialite{ 
	color:#fff;	
	text-decoration:none !important;	
	
}
a.confidentialite:hover{
		color:white;
        background-color: azure;
}

/* contact */
/* changement de l'image de fond de ma page de connexion WordPres */


body.contact #contactForm {
	background: transparent;
	width: 150%;
	color: black;
	font-weight: bold;
}

body.contact { 
    background-image: url('login.jpg'); 
    background-repeat: no-repeat; 
    background-attachment: fixed; 
    background-position: center; 
    background-color: aquamarine;
    color: white;
    
    
}

.contact h1 a { 
background-image: url('loginlogo.png'); 
}


.menupart-70 {
    position: absolute;
      /*bottom: -60px;*/
      right: -10px;
  }
  
  @media only screen and (max-width: 767px){
  .menupart-70 {
      position: static;
  }
}

/* style calendrier */
.grid-container {
    display: grid;
    gap: 1px;
    background-color: grey;
    padding: 5px;
  }
  .grid-container-cal {
    grid-template-columns: auto auto auto auto auto auto;
  }
  .grid-container-crt {
    grid-template-columns: auto auto;
  } 
  .grid-container-col1 {
    grid-template-columns: auto;
  }  
  .grid-container-col2 {
    grid-template-columns: auto auto;
  } 
  .grid-container-col3 {
    grid-template-columns: auto auto auto;
  } 
  .grid-container-col4 {
    grid-template-columns: auto auto auto auto;
  }  
  .grid-container > div {
    background-color: white;
    text-align: center;
    padding: 5px 0;
    font-size: 15px;
  }
  .grid-container > .table-entete {
    background-color: grey;
    color: white;
  
  }
  .grid-container > .col-semaine  {
    text-align: left;
    padding-left: 2px;
  }
  .grid-container > .col-distances {
    text-align: left;
    padding-left: 2px;
    white-space: nowrap;
  }
  .grid-container > .col-fichiers {
    text-align: left;
    padding-left: 2px;
  }
  .grid-container > .col-circuit {
    text-align: left;
    padding-left: 2px;
  }
  .grid-container > .col-description {
    text-align: left;
    padding-left: 2px;
  }  
  .table-titre {
    background-color: transparent;
    color: black;
    text-align: left;
    font-size: 30px;
    padding: 0px;
    margin-top: 0px;
  }
  .titre-hebdo {
    font-size: 18px;
  }
  .grid-container > .titrecol6 {
    grid-column: 1/7;
    
  }
  .grid-container > .titrecol2 {
    grid-column: 1/3;
    
  }
  p.titre {
      color: red;
      font-size: 25px;
      font-style: italic;
  }