/* 1 em = 12 pt. Si l'utilisateur augmente avec CTRL +. La police reste proportionnelle */
/* couleur bleu pour le site : #4593dd */
/* couleur des titres : #333399        */

/* 
--------------------------------------------------------------
	Pour Tester avec FireFox : CTRL + MAJ + M
	Pas la peine d'aller au delà de 1024.
--------------------------------------------------------------
*/


/****************************************/
/* pour retrouver les différents medias */
/****************************************/
/* Tablette : @media (max-width: 950px) */
/* Mobile   : @media (max-width: 580px) */


/*
  Les polices de caractères utilisées dans GPFA.
  Elles sont issues de Google Fonts. Ensuite elles ont été extraites et uploadées dans le dossier fonts.
  Ne pas oublier ce dossier dans Admin Tools pour éviter un message d'erreur.
*/
@font-face {
    font-family: 'Montserrat';
    src: url('/fonts/Montserrat-VariableFont_wght.ttf');
}

@font-face {
    font-family: 'Lora';
    src: url('/fonts/Lora-VariableFont_wght.ttf');
}

@font-face {
    font-family: 'EB Garamond';
    src: url('/fonts/EBGaramond-VariableFont_wght.ttf');
}

@font-face {
    font-family: 'Tangerine';
    src: url('/fonts/Tangerine-Regular.ttf');
}

@font-face {
    font-family: 'Roboto';
    src: url('/fonts/Roboto-Regular.ttf');
}


/****************************************************************************************

				     Styles Guillen Photo Outdoor : Version 1
   		 		  A conserver pour des raisons de compatibilité

*****************************************************************************************/	 
/* ----- Les styles pour les textes des articles ----- */
.guillenphoto-div-paragraphe {
	line-height: normal;
	text-align: left;
	margin-left: 1%;
	margin-right: 1%;
}

.guillenphoto-lettrine {
	font-size: 2.0em;
	font-weight: bold;
	line-height: 30px;
	padding-top: 8px;
	padding-right: 2px;
	margin-right: 3px;
	float: left;
	color: #666;
}

.guillenphoto-chapo-texte {
	font-family: 'Montserrat', sans-serif;
	font-size : 1.6em; 
	line-height: 1.6em;
	color: #666;	
	font-style: normal;
	letter-spacing: normal;
	font-weight:normal;
	word-wrap:break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
}

.guillenphoto-article-texte {
	font-family: 'Montserrat', sans-serif;
	font-size : 1.4em; 
	color: #666;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	word-wrap:break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
	line-height:1.6em;
}

.guillenphoto-article-titre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	font-style: normal;
	font-weight: bold;
	color: #990033;
	text-align: center;
}

.guillenphoto-gras {
	font-weight:bold;
}

.guillenphoto-italique {
	font-style:italic;
}

.guillenphoto-center-text {
	text-align: center;
}

/* ----- propriétés de la photo affichée dans l'introduction des articles sur les stages ----- */
.guillenphoto-div-intro-photo {
	display: inline-block; 
	float: left;  
	margin: 10px 10px 3px;  
	width: 200px; 
	background-color: #fff;
}

.guillenphoto-stage-titreparagraphe {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #0033CC;
	text-align: center;
}

/* ----- propriétés de la photo affichée au début des paragraphes ----- */
.guillenphoto-div-photo {
	display: inline-block; 
	float: left; 
	margin: 10px 10px 3px; 
	width: 300px;
	background-color: #ffffff;
}

/* ----- propriétés de la balise du texte de commentaire des photos dans les paragraphes ----- */
.guillenphoto-div-photo-commentaire {
	text-align: left;
	color: #656565;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-style: normal;
	font-weight: normal;
	line-height:1.2em;
}

/* ----- propriétés de la carte affichée au début des paragraphes presentant les pays ----- */
.guillenphoto-div-photo-carte {
	display: inline-block; 
	float: left; 
	margin: 10px 10px 3px; 
	width: 400px; 
	background-color: #fff;
}

/* ----- propriétés de la balise du texte de commentaire des cartes ----- */
.guillenphoto-div-photo-carte-commentaire {
	text-align: left;
	color: #656565;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 0.8em;
	line-height:1.2em;
}

/* ----- pour les pages blogs et actualités ----- */
.guillenphoto-photo-titre {
	text-align: center;
	color: #656565;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-style: normal;
	font-weight: normal;
}

/* ----- légende photo : nouveau nommage ----- */
.guillenphoto-photo-legende {
	text-align: center;
	color: #656565;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-style: normal;
	font-weight: normal;
}

/* ----- alignement des photos ----- */
.guillenphoto-photo-alignement {
	text-align:center;
}

/* ----- couleurs de fond pour les modules ----- */
.guillenphoto-light1 {
	background: #f8f8f8;
	padding: 20px!important;
}

.guillenphoto-light3 {
	background: #f3f3f3;
	padding: 20px!important;
	text-align:center;
}

.guillenphoto-dark1 {
	background: #c1bebe!important;
	color: #888;
	padding: 20px!important;
}

.guillenphoto-dark2 {
	background: #f3f3f3;
	padding: 20px!important;
	text-align:center;
}

.guillenphoto-color1 {
	background: #ccd9e0!important;
	color: #c9d9ff!important;
	padding: 20px!important;
}

/* photo pour la signature des articles */
.guillenphoto-photo-signature {
	display: inline-block; 
	float: left;  
	margin: 10px 10px 3px;  
	width: 150px; 
	background-color: #fff;
}


/****************************************************************************************

				     Styles Guillen Photo Outdoor : Version 2

*****************************************************************************************/	 

/****************************************/
/* pour éviter le copier des textes     */
/****************************************/
body {
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}
  
  
/***************************************************/
/* mise en page des textes des articles            */
/* pour les galeries de la démarche photo          */
/***************************************************/                        
.gp-text-gallery-statement {
	margin-left: 10%;
	margin-right: 10%;
}

@media (max-width: 950px) 
{
  .gp-text-gallery-statement {
  	margin-left: 1%;
  	margin-right: 1%;
  }
}

@media (max-width: 580px) 
{
  .gp-text-gallery-statement {
  	margin-left: 1%;
  	margin-right: 1%;
  }
}

/*********************************************/
/*         balises titres pour les articles  */
/* valables pour tous les articles           */
/*********************************************/
h1 { 
	font-size: 4.0em;
	line-height: 1.3em;
	margin-bottom: 1.0em;
	margin-top: 1.0em;
  font-family: 'Montserrat', sans-serif;
	text-align:center;
	color:#333399;
	font-style: normal;
}


h2 {
	font-size: 2.8em;
	line-height: 1.2em;
  margin-top:1.0em;
  margin-bottom: 1.0em;
	font-family: 'Montserrat', sans-serif;
	font-style:normal;
	color:#333399;
	background-color:transparent;
	text-align:left;
}

h3 {
	font-size: 1.8em;
	line-height: 1em;
	margin-left: 22px;
  margin-top:1.0em;
  margin-bottom: 1.0em;
	font-family: 'Montserrat', sans-serif;
	font-style:normal;
	color:#333399;
	background-color:transparent;
	text-align:left;
}

h4 {
  font-size: 1.3em;
  margin-bottom: 5px;
	font-family: 'Arial, Helvetica, sans-serif';	
  color:#000;
	font-style:normal;
  font-weight: bold;
	text-align:left;
}

/***************************************************/
/* mise en page des textes des articles            */
/* valable pour tous les articles                  */
/***************************************************/
.gp-lettrine {
	font-size: 2.0em;
	font-weight: bold;
	line-height: 30px;
	padding-top: 8px;
	padding-right: 2px;
	margin-right: 3px;
	float: left;
	color: #666;
}


.gp-chapo-texte {
	font-size : 1.5em; 
	line-height: 1.6em;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 2.0em;	
	font-family: 'Montserrat', sans-serif;
	text-align: left;
	color: #666;		
	font-style: normal;
	letter-spacing: normal;
	font-weight:normal;
	word-wrap:break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
}

.gp-article-texte {
	font-size : 1.3em; 
	line-height: 1.6em;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 1.2em;	
	font-family: 'Montserrat', sans-serif;
	text-align: left;
	color: #666;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	word-wrap:break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
}

.gp-article-texte-02 {
	font-family: 'Arial, Helvetica, sans-serif';	
	font-size : 1.3em; 
	color: #666;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	word-wrap:break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
	line-height: 1.6em;
	text-align: left;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 2.0em;	
}

.gp-box-texte {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 1.1em; 
	color : #222222;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	word-wrap:break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
	line-height: 1.2em;
	text-align: left;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 2.0em;	
}

.gp-chapo-article-paragraph-text {
	font-size : 1.5em; 
	line-height: 1.6em;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 2.0em;	
	font-family: 'Montserrat', sans-serif;
	text-align: left;
	color: #666;		
	font-style: normal;
	letter-spacing: normal;
	font-weight:normal;
	word-wrap:break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
}

.gp-body-article-paragraph-text {
	font-size : 1.3em; 
	line-height: 1.6em;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 1.2em;	
	font-family: 'Montserrat', sans-serif;
	text-align: left;
	color: #666;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	word-wrap:break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
}

.gp-gras {
	font-weight:bold;
}

.gp-italique {
	font-style:italic;
}

.gp-center-text {
	text-align: center;
}

.gp-justify-text {
	text-align: justify;
}

.gp-txt-important01 {
   font-size: 1.3em;
   width: 85%;
   margin: 1.0em;  
   padding-left: 1.0em;
   margin-left: 3%;
   margin-right: 3%;
   margin-bottom:2.0em;
   font-family: 'Montserrat', sans-serif;	
   font-weight: bold;
   border-left:solid #333399 thick;
   font-style: italic;
   text-align: left;
}

.gp-txt-important02 {
   font-family: 'Montserrat', sans-serif;	
   font-size: 1.3em;
   font-weight: bold;
   width: 85%;
   margin: 1.0em;      
   padding-left: 1.0em; 
   font-style: italic;
   text-align: left;
   margin-left: 3%;
   margin-right: 3%;
   margin-bottom:2.0em;
}

.gp-txt-important03 {
   font-family: 'Montserrat', sans-serif;	
   font-size: 1.7em;
   font-weight: bold;
   line-height: 1.9em;
   width: 70%;
   margin: auto;
   text-align:center;
}

.gp-txt-important03::before {
	content:'';
	display:block;
	border: 0;
	height: 1px;
  	background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  	background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  	background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  	background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
	color:#333399;
	width: 50%;
	margin-bottom: 1.0em;
    margin-left:auto;
    margin-right:auto;
}

.gp-txt-important03::after {
	content:'';
	display:block;
	border: 0;
	height: 1px;
  	background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  	background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  	background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  	background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
	color:#333399;
	width: 50%;
	margin-top: 1.0em;
	margin-bottom: 1.0em;
    margin-left:auto;
    margin-right:auto;
}


.gp-txt-citation01 {
   width: 85%;
   border-left:solid #CCC thick;
   margin: 1.0em;      /* Marge extérieure */
   margin-left: 2.0em;
   padding-left: 1.0em; /* marge entre la bordure et le texte */
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: 1.1em;
   font-style: italic;
   font-weight: normal;
   text-align:left;
}


/********************** UL ********************************/
/* styles liste ul                                        */
/**********************************************************/

ul.gp01 > li {
  width: 100%;
	padding-left: 40px;
  padding-bottom: 10px;
	margin-left: 0;
	list-style-position:inside !important;
	list-style-type: square !important;
	text-align:left;
	color:#666;
}

ul.gp01 > li::before {
  content: "" !important;
}

ul.gp02 > li {
    width: 100%;
	padding-left: 50px;
    padding-bottom: 10px;
	margin-left: 0;
	list-style-position:inside !important;
	list-style-type: circle !important;
	text-align:left;
	color:#666;
}

ul.gp02 > li::before {
  content: "" !important;
}

.gp-body-article-li-text {
	font-size : 1.3em; 
	line-height: 1.6em;
	margin-left: 1%;
	margin-right: 1%;
	font-family: 'Montserrat', sans-serif;
	color: #666;		
	font-style: normal;
	letter-spacing: normal;
	text-align: left;
	font-weight:normal;
	word-wrap:break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
}

/********************** ol ********************************/
/* styles liste ol                                        */
/**********************************************************/
.itemBody > div > ol li {
	padding-top: 0px;
	padding-right: 150px;
	padding-bottom: 20px;
	padding-left: 50px;
}

ol.gp01 > li {
	list-style-position:inside !important;
    width: 85%;
	text-align:left;	
	color:#666;
	margin-left: 0;
	padding-left: 30px;
    padding-bottom: 10px;
}

ol.gp01 > li::before {
  content: "" !important;
}


/********************************************************************************/
/*                                                                              */
/* boite qui contient les commentaires des stagiaires dans les présentations    */
/* des stages.                                                                  */
/*                                                                              */
/********************************************************************************/
.gp-article-comment-stage {
	border: 4px double #e5e5e5;
	margin: 30px 0;
	padding: 6px
}

.gp-article-comment-stage h2 {
	background: #fff;
	color:#000;
	float: left;
	font-size: 14px;
	font-weight:bold;
	left: 11px;
	line-height: 18px;
	margin: 0 0 -9px!important;
	padding: 0 10px;
	position: relative;
	text-transform: uppercase;
	top: -16px
}

.gp-article-comment-stage p {
	clear: both;
	margin: 7px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 1.2em; 
	color: #666;
	font-style:italic;
	font-weight: normal;
	letter-spacing: normal;
	word-wrap:break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
	line-height: 1.6em;
	text-align: left;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 2.0em;	
}

.gp-photo-legende {
	text-align: center;
	color: #656565;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-style: normal;
	font-weight: normal;
}

.gp-photo-legende-02 {
	text-align: center;
	color: #656565;
	font-family: 'Arial, Helvetica, sans-serif';
	font-size: 0.8em;
	font-style: normal;
	font-weight: normal;
}

.gp-photo-alignement-02 {
	text-align:center;
	margin-top:2.0em;
	margin-bottom:2.0em;
}

.gp-photo-article-sans-legende {
	text-align:center;
	margin-top:2.0em;
	margin-bottom:2.0em;
}

.gp-photo-article-sans-legende-02 {
	text-align:center;
	margin-top:2.0em;
	margin-bottom:2.0em;
}



.gp-photo-alignement-03 {
	text-align:center;
	margin-top:2.0em;
}


.gp-video-alignement-01 {
	text-align:center;
	margin-top:2.0em;
	margin-bottom:2.0em;
}

/* affichage d'une photo dans un paragraphe. Le texte est situé à droite de la photo */ 
.gp-div-photo {
	display: inline-block; 
	float: left; 
	margin: 10px 10px 3px; 
	width: 300px;
	background-color: #ffffff;
}


/* propriétés de la balise du texte de commentaire des photos dans les paragraphes */
.gp-div-photo-commentaire {
	text-align: left;
	color: #656565;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-style: normal;
	font-weight: normal;
	line-height:1.2em;
}

/* style pour une photo dans l'introduction : diaporama photo */
.gp-div-intro-photo {
	display: inline-block; 
	float: left;  
	margin: 10px 10px 3px;  
	width: 200px; 
	background-color: #fff;
}

.gp-stage-titreparagraphe {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #0033CC;
	text-align: center;
}

/* ----- propriétés de la photo affichée au début des paragraphes ----- */
.gp-div-photo {
	display: inline-block; 
	float: left; 
	margin: 10px 10px 3px; 
	width: 300px;
	background-color: #ffffff;
}


/* ----- propriétés de la balise du texte de commentaire des photos dans les paragraphes ----- */
.gp-div-photo-commentaire {
	text-align: left;
	color: #656565;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-style: normal;
	font-weight: normal;
	line-height:1.2em;
}

/**********************************************************************************************/
/*                                                                                            */
/* propriétés pour les boites en bas de page ou d'articles                                    */
/*                                                                                            */
/**********************************************************************************************/
.gp-boite-bas-article-page-titre {
	font-family : Arial, Helvetica, sans-serif;
	font-size: 2.0em;
	font-style: normal;
	font-weight:300;
	color: #4593dd;
	margin-left:1.0em;
	letter-spacing: normal;
	line-height: normal;
}

.gp-boite-bas-article-page-texte {
	font-family : Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-style: normal;
	font-weight:300;
	color: #666;
	letter-spacing: normal;
	line-height: normal;
	text-align: left;
	margin-left: 1%;
	margin-right: 1%;
}

/**********************************************************************************************/
/*                                                                                            */
/* couleurs de fond d'un bloc de texte                                                        */
/*                                                                                            */
/**********************************************************************************************/
.gp-light1 {
	background: #f8f8f8;
	padding: 20px!important;
	margin-top: 20px;		
	margin-bottom: 20px;
}

.gp-light2 {
	background: #f3f3f3;
	padding: 20px!important;
	margin-top: 20px;			
	margin-bottom: 20px;	
}

.gp-light3 {
	background: #f3f3f3;
	padding: 20px!important;
	text-align:center;
	margin-top: 20px;				
	margin-bottom: 20px;	
}

.gp-dark1 {
	background: #c1bebe!important;
	color: #888;
	padding: 20px!important;
}

.gp-dark2 {
	background: #f3f3f3;
	padding: 20px!important;
	text-align:center;
}

.gp-color1 {
	background: #ccd9e0!important;
	color: #c9d9ff!important;
	padding: 20px!important;
}



/**********************************************************************************************/
/*                                                                                            */
/* formattage des textes des taglines                                                         */
/*                                                                                            */
/**********************************************************************************************/
.gp-tagline-1 {
	font-family: 'EB Garamond';
	font-size: 4.0em;
	font-style: normal;
	font-weight:400;
	color:#333399;	
	text-align:center;
	letter-spacing: normal;
	line-height: normal;
}

.gp-tagline-1-02 {
	font-family: 'EB Garamond';
	font-size: 2.3em;
	font-style: normal;
	font-weight:400;
	color:#333399;	
	text-align:center;
	letter-spacing: normal;
	line-height: normal;
    margin-bottom: 30px;
}

.gp-tagline-2 {
	font-family: 'EB Garamond';
	font-size: 3.0em;
	font-style: normal;
	font-weight:400;
	color:#333399;	
	text-align:center;
	letter-spacing: normal;
	line-height: normal;
	word-wrap:normal;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: none;
}

.gp-tagline-2-02 {
	font-family: 'EB Garamond';
	font-size: 1.8em;
	font-style: normal;
	font-weight:400;
	color:#333399;	
	text-align:center;
	letter-spacing: normal;
	line-height: normal;
	word-wrap:normal;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: none;
    margin-bottom: 30px;
}

.gp-tagline-3 {
	font-family: 'EB Garamond';
	font-size: 2.1em;
	font-style: normal;
	font-weight:400;
	color:#333399;	
	text-align:center;
	letter-spacing: normal;
	line-height: normal;
	word-wrap:normal;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: none;
}


.gp-tagline-3-02 {
	font-family: 'EB Garamond';
	font-size: 1.5em;
	font-style: normal;
	font-weight:400;
	color:#333399;	
	text-align:center;
	letter-spacing: normal;
	line-height: normal;
	word-wrap:normal;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: none;
    margin-bottom: 30px;    
}

.gp-tagline-4 {
	font-family: 'EB Garamond';
	font-size: 1.5em;
	font-style: normal;
	font-weight:400;
	color:#333399;	
	text-align:left;
	letter-spacing: normal;
	line-height: normal;
	word-wrap:normal;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
}

.gp-tagline-5 {
	font-family: 'EB Garamond';
	font-size: 2.1em;
	font-style: normal;
	font-weight:400;
	color:#333399;	
	text-align:center;
	letter-spacing: normal;
	line-height: normal;
	word-wrap:normal;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: none;
}

.gp-tagline-6 {
	font-family: 'EB Garamond';
	font-size: 3.0em;
	font-style: normal;
	font-weight:400;
	color:#333399;	
	text-align:center;
	letter-spacing: normal;
	line-height: normal;
	word-wrap:normal;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: none;
    margin-left: 20px;
    margin-right: 20px;
}


/**********************************************************************************************/
/*                                                                                            */
/* formattage boutons                                                                         */
/*                                                                                            */
/**********************************************************************************************/
/* ----- bouton fond blanc, bordure bleue , police bleue ----- */
.gp-button-white-blue-blue {
    width: 40%;
	font-size:1.7em;
    line-height:2.0em;
    padding-bottom: 0.5em;
    padding-top: 0.5em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    margin-top: 0.6em;
    background-color: #ffffff;
	margin-left:auto;
	margin-right:auto;
    font-family: 'Roboto', sans-serif;	
    text-transform: uppercase;
    text-align: center;
    color:#4593dd;
    border: 1px solid #4593dd;	
	border-radius: 4px;
	font-weight: normal;
	display:block;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
	text-decoration: none;
}

.gp-button-white-blue-blue:hover {
  background-color: #9CF;
  color: white;
}


/* ----- bouton général pour GPFA ----- */
.gp-button-general {
	width:50%;	
	font-size:1.5em;
	line-height:1.7em;
	padding: 0.5em;
    margin-top:0.2em;
	background-color: #ffffff;
    margin-bottom:2.0em;
	margin-left:auto;
	margin-right:auto;
    text-transform: uppercase;
    text-align: center;
    color:#4593dd;
    border: 1px solid #4593dd;	
	border-radius: 4px;
	font-family: 'Roboto', sans-serif;	
	font-weight: normal;
	display:block;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
	text-decoration: none;
}

.gp-button-general:hover {
  background-color: #9CF;
  color: white;
}


/* ----- bouton pour les landing pages fine art ----- */
.gp-button-02 {
	width:55%;	
	font-size:1.5em;
	line-height:1.6em;
	padding: 0.5em;
	margin-top:2.0em;
    background-color: #2384d3;
	color:#ffffff;
    border: 2px solid #06C;	
	border-radius: 10px;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	text-align:center;
	margin-bottom:2.0em;
	margin-left:auto;
	margin-right:auto;
	display:block;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
	text-decoration: none;
}

.gp-button-02:hover {
  background-color: #9CF;
  color: white;
}

.gp-button-fine-art-selection-blue {
    background-color: #4593dd;
} 

/* Boutons pour les sélections sur les photos d'art et les collections. */
.gp-button-fine-art-selection-01 {
  border: none;
  color: #ffffff;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  margin-top: 15px;
  margin-bottom: 1px;
  cursor: pointer;
}

.gp-button-fine-art-selection-02 {
	background-color: #2384d3;
	color:#ffffff;
    border: 2px solid #06C;	
	border-radius: 4px;
	width:25%;
	font-family: 'Roboto', sans-serif;	
	line-height:1.7em;
	font-size:1.5em;
	font-weight: normal;
	text-align:center;
	padding: 0.5em;
	margin-top:15px;
	margin-bottom:2.0em;
	margin-left:auto;
	margin-right:auto;
	display:block;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
	text-decoration: none;
}

.gp-button-fine-art-selection-02:hover {
  background-color: #9CF;
  color: white;
}

.gp-fine-art-selection {
  width: 90%;
  margin: auto;
}


/* 20240129 : à laisser. Pas compris. Pour que les boutons de sélection soient blanc. */
#block4 a {
 color: #ffffff !important;
}


/* pour les mobiles */
@media (max-width: 580px) { 

    .gp-fine-art-selection {
      width: 97%;
      margin: auto;
    }
}


/* ----- bouton pour chercher ----- */
.gp-button-search {
	width:95%;	
	margin-top: 2.0em;
	margin-bottom: 2.0em;
    background-color: #2384d3;
	color:#ffffff;
    border: 2px solid #06C;	
	border-radius: 4px;
	font-family: 'Roboto', sans-serif;	
	line-height:1.5em;
	font-size:1.3em;
	font-weight: normal;
	text-align:center;
	padding: 0.5em;
	margin-left:auto;
	margin-right:auto;
	display:block;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
	
}

.gp-button-search:hover {
  background-color: #9CF;
  color: white;
}


/* ----- bouton pour réserver un stage sur les bas de pages du blog ----- */
.gp-page-footer-block {
	width:100%;	
	margin-top: 2.0em;
	margin-bottom: 2.0em;
}


.gp-page-footer-text {
   font-family: 'Montserrat', sans-serif;	
   font-size: 1.7em;
   font-weight: bold;
   line-height: 1.9em;
   width: 70%;
   margin: auto;
   text-align:center;
}

.gp-page-footer-button {
	background-color: #2384d3;
	color:#ffffff;
    border: 2px solid #06C;	
	border-radius: 4px;
	width:50%;
	line-height:1.7em;
	text-align:center;
	padding: 0.5em;
	margin-top:0.2em;
	margin-bottom:2.0em;
	margin-left:auto;
	margin-right:auto;
	font-family: 'Roboto', sans-serif;	
	font-size:1.5em;
	font-weight: normal;
	display:block;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    text-decoration: none;
}

.gp-page-footer-button:hover {
  background-color: #9CF;
  color: white;
}


/* bouton de navigation suivant et précédent pour un article en plusieurs parties  */
.gp-button-navigation-article {
	width:50%;	
	margin-top: 2.0em;
	font-family: 'Roboto', sans-serif;	
	font-size:1.5em;
	line-height:1.7em;
	padding: 0.5em;
	background-color: #ffffff;
    color:#4593dd;
    text-align: center;
    border: 1px solid #4593dd;	
	border-radius: 4px;
	margin-bottom:2.0em;
	margin-left:auto;
	margin-right:auto;
	font-weight: normal;
	display:block;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    text-decoration: none;
}

.gp-button-navigation-article:hover {
  background-color: #9CF;
  color: white;
}


/********************** Blocks ************************************/
/* En savoir plus                                                 */
/******************************************************************/
/* version block blanc avec écriture en bleu */
.gp-block-learn-more-01 a
{
	color: #4593dd;
	background-color: #ffffff;
	width:17%;
	line-height:1.4em;
    border: 1px solid #6495ed;
	text-align:center;
	padding: 1.0em;
	margin-top:1.0em;
	margin-bottom:3.0em;
	margin-left:auto;
	margin-right:auto;
	font-family : Arial, Helvetica, sans-serif;	
	font-size:1.1em;
	font-weight: normal;
	display:block;
	border-radius: 0px;
    text-decoration: none;    
}

.gp-block-learn-more-01 a:hover
{
	background-color: #9CF;	
}


.gp-block-learn-more-02 a
{
    width: 25%;
	line-height:1.4em;
    border: 3px solid #6495ed;
    text-align: center;
    padding: 1.0em;
	margin-left:auto;
	margin-right:auto;
	margin-top:1.0em;
	margin-bottom:4.0em;
	font-family : Arial, Helvetica, sans-serif;	
	font-size:1.1em;
	font-weight: normal;
	display:block;
	background:#0CF;
    color:#900;
    text-decoration: none;    
}	

.gp-block-learn-more-02 a:hover
{
	background-color: #F2F5FF;
}


/* version block blanc avec écriture en bleu et largeur 40%*/
.gp-block-learn-more-03 a
{
	color: #4593dd;
	background-color: #ffffff;
	width:50%;
	line-height:1.4em;
    border: 1px solid #6495ed;
	text-align:center;
	padding: 1.0em;
	margin-top:1.0em;
	margin-bottom:3.0em;
	margin-left:auto;
	margin-right:auto;
	font-family : Arial, Helvetica, sans-serif;	
	font-family: 'Roboto', sans-serif;		
	font-size:1.7em;
	font-weight: bold;
	display:block;
	border-radius: 0px;
    text-decoration: none;    
}

.gp-block-learn-more-03 a:hover
{
	background-color: #9CF;	
}


/* version block blanc avec écriture en bleu et largeur 50%*/
.gp-block-learn-more-04 a
{
	color: #4593dd;
	background-color: #ffffff;
	width:50%;
	line-height:1.4em;
    border: 1px solid #6495ed;
	text-align:center;
	padding: 1.0em;
	margin-top:1.0em;
	margin-bottom:3.0em;
	margin-left:auto;
	margin-right:auto;
	font-family : Arial, Helvetica, sans-serif;	
	font-size:1.4em;
	font-weight: normal;
	display:block;
	border-radius: 0px;
    text-decoration: none;
}

.gp-block-learn-more-04 a:hover
{
	background-color: #9CF;	
}





/********************** Blocks ************************************/
/* Nouveautés du site                                             */
/******************************************************************/
.gp-block-website-news-01 a
{
	background-color: #0CF;
	width:17%;
	line-height:1.4em;
    border: 3px solid #6495ed;
	text-align:center;
	padding: 1.0em;
	margin-bottom:1.0em;
	margin-left:auto;
	margin-right:auto;
	font-family : Arial, Helvetica, sans-serif;	
	font-size:1.1em;
	font-weight: normal;
    color:#900;
	display:block;
}

.gp-block-website-news-01 a:hover
{
	background-color: #F2F5FF;
}


/********************** BLOCKQUOTE ********************************/
/* attributs pour chaque blockquote en fonction du type d'article */
/******************************************************************/
blockquote:before {
	content:normal;
}

blockquote:after {
	content:normal;
}

/* attributs généraux pour la mise en page du Blockquote */
blockquote {
  margin-top: 1.0em;
  margin-right: 0em;
  margin-bottom: 1.0em;
  margin-left: 1.0em;
  padding-left: 1.0em;
  border-left-width: 0.3em;
  border-left-style: solid;
  border-left-color: #ebebeb;
}

blockquote.gp01 {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 1.1em;
  font-style: italic;
  font-weight: normal;
  text-align:left;
}


/* attributs le message des réservations des voyages : bord rouge */
blockquote.gp02 {
  font-family: "Times New Roman", Times, serif;
  font-size: 1.3em;
  font-style: italic;
  font-weight: normal;
  text-align:left;
  color:#900;
  border-left-color: #F00;
}


/* attributs du bloc pour les textes message "Avant de continuer la lecture" dans les voyages photo */
blockquote.gp03 {
  font-family: "Times New Roman", Times, serif;
  font-size: 1.2em;
  font-style: normal;
  font-weight: normal;
  text-align:left;
  color:#666;
  border-left-color:#999;
}

/* un bloc pour une citation */
blockquote.gp04 {
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: 1.2em;
   font-style: italic;
   font-weight: normal;
   text-align:left;
   margin-left: 2.0em;
   margin-right: 2.0em;
   letter-spacing: normal;
   word-wrap:break-word;
   -webkit-hyphens: auto;
   -moz-hyphens: auto;
   -ms-hyphens: auto;
   -o-hyphens: auto;
}

/* auteur d'une citation */
cite.gp01 {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 0.8em;
  font-style: italic;
  font-weight: normal;
  text-align:left;
  margin-left: 2.0em;
}

/*************************************************************/
/* messages                                                  */
/*************************************************************/
.gp-message-01 {
  padding: 20px;
  box-shadow: inset 0 -3em 3em rgba(0, 0, 0, 0.1), 0 0 0 2px rgb(255, 255, 255),
    0.3em 0.3em 1em rgba(0, 0, 0, 0.3);
}


/********************** LIENS ********************************/
/* surcharge des liens : souligné                            */
/*************************************************************/
a.gp01:link { 
	text-decoration: none;
	color:#333399;
	color:#06F;
}

/* visited link */
a.gp01:visited {
   	color:#333399;
}

/* mouse over link */
a.gp01:hover {
	color:#333399;
}

/* selected link */
a.gp01:active {
	color:#333399;
}

/* surcharge des liens pour message réservation voyage photo : souligné */
a.gp02:link { 
    color: #0C3;
	text-decoration: underline; 
}

/* selected link */
a.gp02:active {
	color:#333399;
}



a.gp03:link { 
	text-decoration:none;
}


/* surcharge des liens pour le texte dans le bloc en savoir plus */
a.gp04:link { 
	text-decoration:none;
	display:block;
	color:#900;
	width:100%;
	height:100%;
}

/* visited link */
a.gp04:visited {
   	color:#900;
}

/* mouse over link */
a.gp04:hover {
	color:#900;
	color: #F03;
}

/* selected link */
a.gp04:active {
	color:#900;
}

/* pour rendre un bloc clickable */
a.gp05:link { 
	text-decoration: none;
	display:block;
	width:100%;
	height:100%;
	color:#900;
}

/* visited link */
a.gp05:visited {
	text-decoration: none;
	display:block;
	width:100%;
	height:100%;
   	color:#900;
}

/* mouse over link */
a.gp05:hover {
	text-decoration: none;
	display:block;
	width:100%;
	height:100%;
	color: #F03;
}

/* selected link */
a.gp05:active {
	text-decoration: none;
	display:block;
	width:100%;
	height:100%;
	color:#900;
}

a.gp06:link {
  text-decoration: none;
  color:white;
}


/************************************************************/
/* les styles pour le breadcrumb personnalisé               */
/************************************************************/
.gp-breadcrumb-text {
	font-family: 'Montserrat', sans-serif;	
	font-size : 1.1em; 
	color: #000;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	word-wrap:break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
	line-height: 1.2em;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 1.0em;
}

a.gp-breadcrumb:link { 
	text-decoration: none;
	color:#06F;
}

/* visited link */
a.gp-breadcrumb:visited {
   	color:#06F;
}

/* mouse over link */
a.gp-breadcrumb:hover {
	color:#333399;
}

/* selected link */
a.gp-breadcrumb:active {
	color:#06F;
}

.gp-padding-en-tete-page {
    padding-top: 20px;
    padding-bottom: 40px;
}

.gp-padding-breadcrumb {
    padding-top: 30px;
}

@media (max-width: 580px) 
{
    .gp-padding-breadcrumb {
        padding-top: 30px;
    }
}

/*************************** HR ***************************************/
/* styles HR pour séparer les rubriques page d'accueil et bas de page */
/**********************************************************************/
hr.gp01 {
	border-top: 1px solid #333399;
	width: 100%;
    height: 4px;
	margin-bottom:2.0em;
}

hr.gp02 { 
  	border: 0; 
    height: 1px;
  	background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  	background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  	background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  	background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
	color:#333399;
	width: 25%;
	margin-top: 2.0em;
	margin-bottom: 2.0em;
	margin-left:auto;
	margin-right:auto;
}

hr.gp03 { 
  	border: 0; 
    height: 3px;    
  	background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  	background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  	background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  	background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
	color:#333399;
	width: 100%;
	margin-top: 2.0em;
	margin-bottom: 2.0em;
	margin-left:auto;
	margin-right:auto;
}


/***************************************************/
/*                                                 */
/* mise en page des murs d'images                  */
/* quelque soit la nature de l'article             */
/* les mises en page spécifiques sont après.       */
/*                                                 */
/***************************************************/
/* propriétés pour les mobiles, les tablettes et les desktops */
.gp-photo-wall-grid-container {
	display: flex;
	justify-content: center;
	padding: 0 1rem;
	margin-bottom: 30px;
}

.gp-photo-wall-grid {
 	display: flex;	
	width:1280px;
 	flex-wrap: wrap;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}

.gp-photo-wall-grid-item {
	margin-left:auto;
	margin-right:auto;
}

.gp-photo-wall-grid-item img {
	display: block;
	margin: 1rem;
	margin-left:auto;
	margin-right:auto;
}

.gp-photo-wall-responsive-image {
	max-width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;    
}

/* propriétés spécifiques pour les tablettes */
@media screen and (min-width: 600px) {
  .gp-photo-wall-grid-item {
		width: calc(50% - 2rem);
  }
}

/* propriétés spécifiques pour les desktops */
@media screen and (min-width: 1000px) {
  .gp-photo-wall-grid-item {
		width: calc(33.3333% - 2rem);
  }
}


/***************************************************/
/*                                                 */
/* mise en page des murs d'images                  */
/* pour les collections photos art                 */
/*                                                 */
/*                                                 */
/***************************************************/
.gp-photo-wall-grid-fineart {
 	display: flex;	
	align-items: baseline;
 	flex-wrap: wrap;
	flex-direction: row;
	justify-content: flex-start;
	width:1280px;
}

.gp-photo-wall-grid-item-fineart {
	margin:auto;
}


/* propriétés spécifiques pour les tablettes */
@media screen and (min-width: 600px) {
  .gp-photo-wall-grid-item-fineart {
		width: calc(50% - 2rem);
  }
}

/* propriétés spécifiques pour les desktops */
@media screen and (min-width: 1000px) {
  .gp-photo-wall-grid-item-fineart {
		width: calc(50% - 2rem);
  }
}

.gp-fineart-photo-3 img {
	display: block;
	margin-left:auto;
	margin-right:auto;
	-webkit-box-shadow: 0px 0px 19px 3px rgba(0,0,0,0.69);
	box-shadow: 0px 0px 19px 3px rgba(0,0,0,0.69);	
}


/* Style to display the title in the module of each collection */
.gp-fineart-title-collection {
   font-family: 'Montserrat', sans-serif;	
   font-size: 1.7em;
   font-weight: bold;
   width: 70%;
   margin: auto;
   text-align:center;
}

.gp-fineart-title-collection::before {
	content:'';
	display:block;
	border: 0;
	height: 1px;
  	background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  	background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  	background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  	background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
	color:#333399;
	width: 50%;
	margin-bottom: 1.0em;
    margin-left:auto;
    margin-right:auto;
}

.gp-fineart-title-collection::after {
	content:'';
	display:block;
	border: 0;
	height: 1px;
  	background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  	background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  	background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  	background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
	color:#333399;
	width: 50%;
	margin-top: 1.0em;
	margin-bottom: 1.0em;
    margin-left:auto;
    margin-right:auto;
}


/***************************************************/
/*                                                 */
/* mise en page des murs de témoignages            */
/* quelque soit la nature de l'article             */
/* les mises en page spécifiques sont après.       */
/*                                                 */
/***************************************************/
/* propriétés pour les mobiles, les tablettes et les desktops */
.gp-temoignage-wall-grid-container {
	display: flex;
	justify-content: center;
	padding: 0 1rem;
	margin-bottom: 30px;
}

.gp-temoignage-wall-grid {
 	display: flex;	
	width:auto;
 	flex-wrap: wrap;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	border-top-width:thick;
	border-top-color:#000;
	border-top: thick;
}

.gp-temoignage-wall-grid-item {
	margin-left:auto;
	margin-right:auto;
}


/* propriétés spécifiques pour les tablettes */
@media screen and (min-width: 600px) {
  .gp-temoignage-wall-grid-item {
		width: calc(100% - 2rem);
  }
}

/* propriétés spécifiques pour les desktops */
@media screen and (min-width: 1000px) {
  .gp-temoignage-wall-grid-item {
		width: calc(100% - 2rem);
  }
}

/**************************************************************/
/* affichage des photos avec des ombres pour les exemples     */
/* de notre démarche artistique.                              */
/**************************************************************/

/* propriétés pour les mobiles, les tablettes et les desktops */
.gp-photo-wall-grid-container-shadow {
	display: flex;
	justify-content: center;
	padding: 0 1rem;
	margin-bottom: 30px;
}

.gp-photo-wall-grid-shadow {
 	display: flex;	
	width:1280px;
 	flex-wrap: wrap;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}

.gp-photo-wall-grid-item-shadow {
	margin-left:auto;
	margin-right:auto;
	margin-top: 20px;
	margin-bottom: 20px;
	-webkit-box-shadow: 7px 6px 5px 1px rgba(0,0,0,0.61);
	box-shadow: 7px 6px 5px 1px rgba(0,0,0,0.61);
}

.gp-photo-wall-grid-item-shadow img {
	display: block;
}

.gp-photo-wall-responsive-image-shadow {
	max-width: 100%;
}


/* propriétés spécifiques pour les tablettes */
@media screen and (min-width: 600px) {
  .gp-photo-wall-grid-item-shadow {
		width: calc(50% - 2rem);
  }
}

/* propriétés spécifiques pour les desktops */
@media screen and (min-width: 1000px) {
  .gp-photo-wall-grid-item-shadow {
		width: calc(33.3333% - 2rem);
  }
}



/***************************************************/
/*                                                 */
/* mise en page des textes des articles fine art   */
/*                                                 */
/***************************************************/
.gp-fineart-chapo-texte {
	font-family: 'Montserrat', sans-serif;
	font-size : 1.5em; 
	line-height: 1.6em;
	color:#666;	
	font-style: normal;
	letter-spacing: normal;
	font-weight:normal;
	word-wrap:break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
	text-align: left;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 2.0em;	
}	

.gp-fineart-texte-collection {
  	font-family: 'Montserrat', sans-serif;
	font-size : 1.4em; 
	color : #666;
	font-style: normal;
	letter-spacing: normal;
	font-weight:normal;
	word-wrap:break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
	line-height: 1.6em;
	text-align: left;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 2.0em;	
}

.gp-chapo-fineart-chapo-text {
	font-family: 'Montserrat', sans-serif;
	font-size : 1.6em; 
	line-height: 1.3em;
	color:#666;	
	font-style: normal;
	letter-spacing: normal;
	font-weight:normal;
	word-wrap:break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
	text-align: left;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 2.0em;	
}	


.gp-body-fineart-paragraph-text {
	font-size : 1.4em; 
	line-height: 1.6em;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 1.2em;	
  	font-family: 'Montserrat', sans-serif;
	color : #666;
	text-align: left;
	font-style: normal;
	letter-spacing: normal;
	font-weight:normal;
	word-wrap:break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
}

.gp-body-fineart-li-text {
	font-size : 1.4em; 
	line-height: 1.6em;
	margin-left: 1%;
	margin-right: 1%;
	padding-bottom: 1em;
	font-family: 'Montserrat', sans-serif;
	color: #666;		
	text-align: left;
	font-style: normal;
	letter-spacing: normal;
	font-weight:normal;
	word-wrap:break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
}

.gp-fineart-reference {
	text-align: center;
	color: #656565;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-style: normal;
	font-weight: normal;
	margin-top: 1.0em;
	margin-bottom: 0.0em;
}

.gp-fineart-number {
	text-align: center;
	color: #656565;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	font-style: normal;
	font-weight: bold;
	margin-top: 0.9em;
	margin-bottom: 0.3em;
	margin-left:auto;
	margin-right:auto;
	width:80%;
	line-height:normal;
}


.gp-fineart-number-label-fr::before {
	font-style:italic;
	content:"Numéro de la photo d'art : ";
}

.gp-fineart-number-label-en::before{
	font-style:italic;
	content:"Fine Art Print Number: ";
}

.gp-fineart-titre {
	text-align: center;
	color: #656565;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	font-style: normal;
	font-weight: bold;
	margin-top: 0.9em;
	margin-bottom: 0.3em;
	margin-left:auto;
	margin-right:auto;
	width:80%;
	line-height:normal;
}

.gp-fineart-nom-oeuvre {
	text-align: center;
	color: #039;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-style: normal;
	font-weight: bold;
	margin-left:auto;
	margin-right:auto;
	width:70%;
	line-height:normal;
	margin-top: 1.0em;
	margin-bottom: 1.0em;
}


.gp-fineart-name {
	text-align: center;
	color: #039;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-style: normal;
	font-weight: bold;
	margin-left:auto;
	margin-right:auto;
	width:70%;
	line-height:normal;
	margin-top: 1.0em;
	margin-bottom: 1.0em;
}


.gp-fineart-name-label-fr::before {
	font-style:italic;
	content:"Nom de la photo d'art : ";
}

.gp-fineart-name-label-en::before{
	font-style:italic;
	content:"Fine Art Print Name: ";
}

.gp-fineart-sous-titre {
	text-align: center;
	color: #656565;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-style: normal;
	font-weight: normal;
	margin-top: 0.2em;
	margin-bottom: 0.2em;
}


.gp-fineart-caption {
	text-align: center;
	color: #656565;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-style: normal;
	font-weight: normal;
	margin-top: 0.2em;
	margin-bottom: 0.2em;
}

.gp-fineart-categorie {
	text-align: center;
	color: #656565;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
	margin-top: 0em;
	margin-bottom: 0.2em;
}

/* fond bleu et écriture en blanc */
.gp-fineart-photo-purchase-02 a
{
	background-color: #4593dd;
	width:50%;
	line-height:1.4em;
    border: 3px solid #6495ed;
	text-align:center;
	padding: 1.0em;
	margin-top:1.0em;
	margin-bottom:2.0em;
	margin-left:auto;
	margin-right:auto;
	font-family : Arial, Helvetica, sans-serif;	
	font-size:1.1em;
	font-weight: normal;
    color:#ffffff;
	display:block;
	border-radius: 10px;
}

.gp-fineart-photo-purchase-02 a:hover
{
	background-color: #9CF;
}


/* fond blanc et écriture en bleu */
.gp-fineart-photo-purchase-01 a
{
	background-color: #ffffff;
    color:#4593dd;
	width:50%;
	line-height:1.4em;
    border: 1px solid #6495ed;	
	border-radius: 0px;
	text-align:center;
	padding: 1.0em;
	margin-top:0.2em;
	margin-bottom:2.0em;
	margin-left:auto;
	margin-right:auto;
	font-family: 'Roboto', sans-serif;	
	font-size:1.1em;
	font-weight: normal;
	display:block;
    text-decoration: none;
}

.gp-fineart-photo-purchase-01 a:hover
{
	background-color: #9CF;
}


/* ----- bouton comment commander une photo d'art ----- */
.gp-fineart-photo-how-to-order-01 a
{
	background-color: #FFFFFF;
	width:50%;
	line-height:1.4em;
	text-align:center;
	padding: 1.0em;
	margin-top:0.2em;
	margin-bottom:0.2em;
	margin-left:auto;
	margin-right:auto;
	font-family : Arial, Helvetica, sans-serif;	
	font-size:1.1em;
	font-weight: normal;
    color:#900;
	display:block;
    border: 1px solid #900;
	border-radius: 0px;
    text-decoration: none;
}


.gp-fineart-photo-how-to-order-01 a:hover
{
	background-color: #F2F5FF;
}


/* ----- bouton choix de la finition ----- */
.gp-fineart-photo-finish-01 a
{
	background-color: #FFFFFF;
	width:50%;
	line-height:1.4em;
	text-align:center;
	padding: 1.0em;
	margin-top:0.2em;
	margin-bottom:0.2em;
	margin-left:auto;
	margin-right:auto;
	font-family : Arial, Helvetica, sans-serif;	
	font-size:1.1em;
	font-weight: normal;
    color:#900;
	display:block;
	border-radius: 0px;
    border: 1px solid #900;
    text-decoration: none;
}


.gp-fineart-photo-finish-01 a:hover
{
	background-color: #F2F5FF;
}

/* ----- bouton catégorie fine art ----- */
.gp-fineart-photo-category-01 a
{
	background-color: #FFFFFF;
	width:50%;
	line-height:1.4em;
	text-align:center;
	padding: 1.0em;
	margin-top:0.2em;
	margin-bottom:0.2em;
	margin-left:auto;
	margin-right:auto;
	font-family : Arial, Helvetica, sans-serif;	
	font-size:1.1em;
	font-weight: normal;
    color:#900;
	display:block;
    border: 1px solid #900;
	border-radius: 0px;
    text-decoration: none;
}


.gp-fineart-photo-category-01 a:hover
{
	background-color: #F2F5FF;
}



/***************************************************/
/*                                                 */
/* mise en page des textes des articles portfolio  */
/*                                                 */
/***************************************************/
/* presentation des murs de photos dans les portfolios */
.gp-divTable-portfolio{
	display: table;
	width: 100%;
	border: medium solid #ffffff;
}
.gp-divTableRow-portfolio {
	display: table-row;
}
.gp-divTableHeading-portfolio {
	background-color: #EEE;
	display: table-header-group;
}
.gp-divTableCell-portfolio, .gp-divTableHead-portfolio {
	border: thin solid #ffffff;
	display: table-cell;
	padding: 3px 10px;
	vertical-align:middle;
}
.gp-divTableHeading-portfolio {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.gp-divTableFoot-portfolio {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.gp-divTableBody-portfolio {
	display: table-row-group;
}




/***************************************************/
/*                                                 */
/* mise en page des textes des articles vision     */
/*                                                 */
/***************************************************/
/* presentation des murs de photos dans les articles du body of work, source d'inspiration, démarche artstique */
.gp-divTable-demarche-artistique{
	display: table;
	width: 100%;
	border: medium solid #ffffff;
}
.gp-divTableRow-demarche-artistique {
	display: table-row;
}
.gp-divTableHeading-demarche-artistique {
	background-color: #EEE;
	display: table-header-group;
}
.gp-divTableCell-demarche-artistique, .gp-divTableHead-demarche-artistique {
	border: thin solid #ffffff;
	display: table-cell;
	padding: 3px 10px;
	vertical-align:middle;
}
.gp-divTableHeading-demarche-artistique {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.gp-divTableFoot-demarche-artistique {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.gp-divTableBody-demarche-artistique {
	display: table-row-group;
}



/***************************************************/
/*                                                 */
/* mise en page des textes des articles des stages */
/*                                                 */
/***************************************************/
.gp-stages-places-disponibles-01 {
	margin-bottom:2.0em;
}

.gp-stages-acapn-01 {
	margin-top:2.0em;
}

.gp-stages-compte-rendus-01 {
	margin-top:2.0em;
	margin-bottom: 2.0em;
}

.gp-txt-msg-reservation {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 1.0em; 
	color:#0C3;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	word-wrap:break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
}

/* attributs du message des réservations des voyages : bord rouge */
.gp-txt-reservation-voyage01 {
   width: 85%;
   border-left:solid #F00 thick;
   margin: 1.0em;      /* Marge extérieure */
   margin-left: 2.0em;
   padding-left: 1.0em; /* marge entre la bordure et le texte */
   font-family: "Times New Roman", Times, serif;
   font-size: 1.3em;
   font-style: italic;
   font-weight: normal;
   text-align:left;
   color:#900;
}

/* attributs du bloc pour les textes message "Avant de continuer la lecture" dans les voyages photo */
.gp-txt-voyage-avant-de-continuer-01 {
   width: 85%;
   border-left:solid #333399 thick;
   margin: 1.0em;      /* Marge extérieure */
   margin-left: 2.0em;
   padding-left: 1.0em; /* marge entre la bordure et le texte */
   font-family: "Times New Roman", Times, serif;
   font-size: 1.2em;
   font-style: normal;
   font-weight: normal;
   text-align:left;
   color:#666;
}

/******************************************************/
/* commentaires de clients.                           */
/******************************************************/
div.gp-comment01 h4 {
	background: #fff;
	float: left;
	font-size: 14px;
	left: 11px;
	line-height: 18px;
	margin: 0 0 -9px!important;
	padding: 0 10px;
	position: relative;
	text-transform: uppercase;
	/*	font-weight: 400;	*/
	font-weight:bold;
	top: -16px
}

div.gp-comment01 {
	margin: 30px 0;
	padding: 6px;
	margin-left: 4%;
	margin-right: 4%;
	border: 4px double #e5e5e5
}

div.gp-comment01 p {
	clear: both;
	margin: 7px;
	margin-left: 4%;
	margin-right: 4%;
	
}

div.gp-comment01-02 h4 {
	background: #fff;
	float: left;
	font-size: 14px;
	left: 11px;
	line-height: 18px;
	margin: 0 0 -9px!important;
	padding: 0 10px;
	position: relative;
	text-transform: uppercase;
	/*	font-weight: 400;	*/
	font-weight:bold;
	top: -16px
}

div.gp-comment01-02 {
	margin: 30px 0;
	padding: 6px;
	margin-left: 4%;
	margin-right: 4%;
	border: 4px double #e5e5e5
}

div.gp-comment01-02 p {
	clear: both;
	margin: 7px;
	margin-left: 4%;
	margin-right: 4%;
	
}


/* presentation des témoignages pour les stages */
.gp-divTable-temoignage {
	display: table;
	width: 100%;
	border: medium solid #6495ed;
}
.gp-divTableRow-temoignage {
	display: table-row;
}
.gp-divTableHeading-temoignage {
	background-color: #EEE;
	display: table-header-group;
}
.gp-divTableCell-temoignage, .gp-divTableHead-temoignage {
	border: thin solid #6495ed;
	display: table-cell;
	padding: 3px 10px;
	vertical-align:middle;
}
.gp-divTableHeading-temoignage {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.gp-divTableFoot-temoignage {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.gp-divTableBody-temoignage {
	display: table-row-group;
}


/***********************************************************/
/*                                                         */
/* propriétés pour le bouton de réservation d'un stage     */
/*                                                         */
/***********************************************************/
/* fond bleu et écriture en blanc */
.gp-stage-photo-reservation-01 a
{
	background-color: #4593dd;
	width:75%;
	line-height:1.4em;
    border: 3px solid #6495ed;
	text-align:center;
	padding: 1.0em;
	margin-top:1.0em;
	margin-bottom:2.0em;
	margin-left:auto;
	margin-right:auto;
	font-family : Arial, Helvetica, sans-serif;	
	font-size:1.1em;
	font-weight: normal;
    color:#ffffff;
	display:block;
	border-radius: 10px;
}

.gp-stage-photo-reservation-01 a:hover
{
	background-color: #9CF;
}

/* message pour le bouton */
.gp-stage-photo-reservation-message
{
	width:75%;
	margin-top:1.0em;
	margin-bottom:2.0em;
	margin-left:auto;
	margin-right:auto;
}


/***************************************************/
/*                                                 */
/* mise en page des textes des articles metier     */
/*                                                 */
/***************************************************/
/* presentation des murs de photos les articles concernant le métier */
.gp-divTable-metier {
	display: table;
	width: 100%;
	border: medium solid #ffffff;
}
.gp-divTableRow-metier {
	display: table-row;
}
.gp-divTableHeading-metier {
	background-color: #EEE;
	display: table-header-group;
}
.gp-divTableCell-metier, .gp-divTableHead-metier {
	border: thin solid #ffffff;
	display: table-cell;
	padding: 3px 10px;
	vertical-align:middle;
}
.gp-divTableHeading-metier {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.gp-divTableFoot-metier {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.gp-divTableBody-metier {
	display: table-row-group;
}


/***************************************************/
/*                                                 */
/* mise en page des textes des articles            */
/*                                                 */
/***************************************************/
.gp-photo-article-01 {
  width: 100%;
  margin-right:auto;
  margin-left:auto;
  background-color: #FFF;
  box-shadow: 5px 5px 5px #aaaaaa;	  
  margin-bottom: 3.0em;
}

.gp-photo-article-avec-legende {
  width: 100%;
  margin-right:auto;
  margin-left:auto;
  background-color: #FFF;
  box-shadow: 5px 5px 5px #aaaaaa;	  
  margin-bottom: 3.0em;
}

.gp-photo-article-vertical-01 {
  width: 60%;
  margin-right:auto;
  margin-left:auto;
  background-color: #FFF;
  box-shadow: 5px 5px 5px #aaaaaa;	  
  margin-bottom: 3.0em;
}

.gp-photo-article-legende-01 {
	text-align: center;
	padding: 10px 20px;
	color: #656565;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-style: normal;
	font-weight: normal;
}


.gp-photo-article-02 {
  width: 100%;
  margin-right:auto;
  margin-left:auto;
  background-color: #FFF; 
  margin-bottom: 3.0em;
}


/************************************************************************/
/*                                                                      */
/* mise en page des textes des présentations des rubriques : photos     */
/*                                                                      */
/************************************************************************/
.gp-photo-rubrique-01 {
  width: 92%;
  margin-right:auto;
  margin-left:auto;
  background-color: #FFF;
  margin-bottom: 6.0em;
  box-shadow: 1px 10px 10px 0px #888888;
}


.gp-photo-rubrique-legende-01 {
	text-align: center;
	padding: 0px 0px 10px 0px;
	color: #656565;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-style: normal;
	font-weight: normal;
}


/***************************************************/
/*                                                 */
/* mise en page des textes des articles : cadres   */
/*                                                 */
/***************************************************/
.gp-cadre01-titre01 {
	text-align:center;
	font-family: 'Tangerine', serif;
	text-shadow: 4px 4px 4px #aaa;
	font-size: 70px;
}


.gp-cadre01-texte01 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	color:#000000;
	letter-spacing: normal;
	line-height: normal;
}


/* cadre 02 */
.gp-cadre02 {
	background-color: #CCF;
	border:1px solid #9FC6FF;
	padding:5px;
	-webkit-border-radius:10px 0;
	border-radius: 5px 10px 10px 5px;
	-webkit-box-shadow: 10px 10px 5px #656565;
	-o-box-shadow: 10px 10px 5px #656565;
	box-shadow: 5px 5px 5px #656565;
}

.gp-cadre02-titre02 {
	text-align:center;
	font-family: 'Tangerine', serif;
	text-shadow: 4px 4px 4px #aaa;
	font-size: 70px;
}

.gp-cadre02-texte02 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	color:#000000;
	letter-spacing: normal;
	line-height: normal;
}

/***************************************************/
/*                                                 */
/* mise en page des textes des articles            */
/*       couleurs de fond pour les modules         */
/*                                                 */
/***************************************************/
.gp-light1 {
	background: #f8f8f8;
	padding: 20px!important;
}

.gp-light2 {
	background: #f3f3f3;
	padding: 20px!important;
}

.gp-light3 {
	background: #f3f3f3;
	padding: 20px!important;
	text-align:center;
}

.gp-dark1 {
	background: #c1bebe!important;
	color: #888;
	padding: 20px!important;
}

.gp-dark2 {
	background: #f3f3f3;
	padding: 20px!important;
	text-align:center;
}

.gp-color1 {
	background: #ccd9e0!important;
	color: #c9d9ff!important;
	padding: 20px!important;
}


/***************************************************/
/*                                                 */
/* mise en page des textes des articles copyright  */
/*                                                 */
/***************************************************/
.gp-copyright {
	line-height: 1.8em;
}

/* propriété pour offrir une icône pour télécharger les vidées dans tous les navigateurs */
.gp-download-video{
	height: 45px;
	width: 45px;
	position: relative;
	top: -30px;
	left:-55px;
}

.gp-download-video-responsive{
	max-width: 95%;
}


/***************************************************/
/*                                                 */
/* mettre des lignes espaces avant et après        */
/*                                                 */
/***************************************************/
.gp-space-before-and-after-paragraph {
	margin-top: 3.0em;
	margin-bottom: 3.0em;
}

/***************************************************/
/*                                                 */
/* mettre une ligne espace avant                   */
/*                                                 */
/***************************************************/
.gp-space-before-paragraph {
	margin-top: 3.0em;
}

/***************************************************/
/*                                                 */
/* mettre une ligne espace après                   */
/*                                                 */
/***************************************************/
.gp-space-after-paragraph {
	margin-bottom: 3.0em;
}

/***************************************************/
/*                                                 */
/* centrer un texte dans un div                    */
/*                                                 */
/***************************************************/
.gp-center-paragraph {
	margin-left: auto;
	margin-right:auto;
}

/***********************************************************/
/*                                                         */
/* centrer un texte dans un div + espace avant et après    */
/*                                                         */
/***********************************************************/
.gp-center-space-before-and-after-paragraph {
	margin-left: auto;
	margin-right:auto;
	margin-top: 3.0em;
	margin-bottom: 3.0em;
}


/***************************************************/
/*                                                 */
/* style pour le texte du rating des articles      */
/*                                                 */
/***************************************************/
.gp-texte-rating {
	font-family: 'Montserrat', sans-serif;	
	font-size : 0.9em; 
	color: #666;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
}


/* propriétés pour les éléments des testimonials en deux colonnes*/
/* boite pour afficher les testimonials sur une partie centrée de l'écran */
.gp-cadre-testimonials {
	width: 100%;
	margin: auto;
}

.gp-testimonial-container {
	display: flex;
	padding: 0 1rem;
	margin-bottom: 30px;
}

.gp-testimonial-grid {
 	display: flex;	
	width:1280px;
 	flex-wrap: wrap;
	flex-direction: row;
	justify-content: flex-start;
}

.gp-testimonial-item {
	width:30%;
	margin-left: 10px;
	margin-right: 10px;
	background: #fff;
	border-style:solid;
	border-color:#000;
	border-width:thin;
	border-radius:2px;
	box-shadow: 1px 3px #000;
}


.gp-testimonial-description {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 1.0em;
	color: #000000;
	font-style: italic;
	font-weight: normal;
	letter-spacing: normal;
	word-wrap:break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
	line-height: 1.6em;
	text-align: justify;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 2.0em;	
}

.gp-testimonial-cite {
	font-family : Arial, Helvetica, sans-serif;
	font-style:italic;
	font-weight:bold;
	color:#000000;	
	font-size:1.4em;
	text-align:left;
}

.gp-cadre-liste {
	width: 90%;
	margin:auto;
}

/* ----- couleurs de fond pour les modules ----- */
.gp-light1 {
	background: #f8f8f8;
	padding: 20px!important;
}

.gp-light2 {
	background: #f3f3f3;
	padding: 20px!important;
}

.gp-light3 {
	background: #f3f3f3;
	padding: 20px!important;
	text-align:center;
}

.gp-dark1 {
	background: #c1bebe!important;
	color: #888;
	padding: 20px!important;
}

.gp-dark2 {
	background: #f3f3f3;
	padding: 20px!important;
	text-align:center;
}

.gp-color1 {
	background: #ccd9e0!important;
	color: #c9d9ff!important;
	padding: 20px!important;
}

/******************************************/
/*                                        */
/* styles pour les encadrés lire aussi    */
/*                                        */
/******************************************/
.gp-lire-aussi {
	font-family: 'Montserrat', sans-serif;
	font-size : 1.5em; 
	color: #4593dd;
	font-style: normal;
	font-weight: bold;
	letter-spacing: normal;
	margin-left:10px;
	border-left:5px solid #4593dd;
	padding-left: 10px;
}

.gp-lire-aussi::before { 
	content:'';
	display:block;
  	border: 0; 
  	height: 1px; 
  	background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  	background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  	background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  	background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
	color:#333399;
	margin-bottom: 10px;
}

.gp-lire-aussi::after { 
	content:'';
	display:block;
  	border: 0; 
  	height: 1px; 
  	background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  	background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  	background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  	background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
	color:#333399;
	margin-top: 10px;
	margin-bottom: 30px;
}

a.gp-lire-aussi-lien:link { 
	text-decoration: none;
	color:#333399;
}


/******************************************/
/*                                        */
/* styles pour les encadrés à découvrir   */
/*                                        */
/******************************************/
.gp-a-decouvrir {
	font-family: 'Montserrat', sans-serif;
	font-size : 1.5em; 
	color: #900;
	font-style: normal;
	font-weight: bold;
	letter-spacing: normal;
	margin-left:10px;
	border-left:5px solid #900;
	padding-left: 10px;
}

.gp-a-decouvrir::before { 
	content:'';
	display:block;
  	border: 0; 
  	height: 1px; 
  	background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  	background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  	background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  	background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
	color:#333399;
	margin-bottom: 10px;
}

.gp-a-decouvrir::after { 
	content:'';
	display:block;
  	border: 0; 
  	height: 1px; 
  	background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  	background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  	background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  	background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
	color:#333399;
	margin-top: 10px;
	margin-bottom: 30px;
}

a.gp-a-decouvrir-lien:link { 
	text-decoration: none;
	color:#333399;
}


.gp-top-contact {
	background-color: #2384d3;
    background-color: aliceblue;
	color:#FFFFFF;
    border: 1px solid #06C;	
	border-radius: 4px;
	line-height:1.5em;
	text-align:center;
	padding: 0.5em;
	margin-top:0.2em;
	margin-bottom:2.0em;
	margin-left:auto;
	margin-right:auto;
	font-family:Verdana, Geneva, sans-serif;
	font-size:1.2em;
	font-weight: normal;
	display:block;
    transition-duration: 0.4s;
}

.gp-top-contact:hover {
  background-color: #9CF;
  color: white;
}

.gp-voir-collections {
	background-color: #2384d3;
	color:#FFF;
    border: 2px solid #06C;	
	border-radius: 4px;
	line-height:1.5em;
	text-align:center;
	padding: 0.5em;
	margin-top:0.2em;
	margin-bottom:2.0em;
	margin-left:auto;
	margin-right:auto;
	font-family:Verdana, Geneva, sans-serif;
	font-size:1.2em;
	font-weight: normal;
	display:block;
    transition-duration: 0.4s;
	width:50%;
}

.gp-voir-collections:hover {
  background-color: #9CF;
  color: white;
}


/*********************************************************/
/*                                                       */
/* styles pour les boutons de la barre de notification   */
/*                                                       */
/*********************************************************/
.gp-button-notification-bar {
	box-shadow:inset 0px 0px 24px -8px #2384d3;
	background-color:#33bdef;
	border-radius:14px;
	border:1px solid #057fd0;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:0.9em;
	font-weight:bold;
	padding:13px 41px;
	text-decoration:none;
	text-shadow:0px -3px 13px #5b6178;
    margin-bottom:10px;
    width: 70%;
}
.gp-button-notification-bar:hover {
	background:linear-gradient(to bottom, #019ad2 5%, #33bdef 100%);
	background-color:#019ad2;
}
.gp-button-notification-bar:active {
	position:relative;
	top:1px;
}


/******************************************************************/
/*                                                                */
/* styles pour les deux boutons de navigation sur la même ligne   */
/*                                                                */
/******************************************************************/
.gp-2-boutons-alignes {
	display:inline-block;
	width:100%;
	margin:10px 2.5% 10px 2.5%;
	text-align:center;
}

.gp-bouton-a-gauche {
	position:relative;
	float:left;
}

.gp-bouton-a-droite {
	position:relative;
	float:right
}

.gp-bouton-aligne {
	background:linear-gradient(to bottom, #ffffff 5%, #d2d5d9 100%);
	background-color:#ffffff;
	border-radius:3px;
	border:1px solid #6161e8;
	display:inline-block;
	cursor:pointer;
	color:#4264ed;
	font-family:Arial;
	font-size:1.3em;
	text-decoration:none;
    width:100%;
	padding:10px 10px;
}
	
.gp-bouton-aligne:hover {
	  background:linear-gradient(to bottom, #d2d5d9 5%, #ffffff 100%);
	  background-color:#d2d5d9;
}

.gp-bouton-aligne:active {
	  position:relative;
	  top:1px;
}

/******************************************************************/
/*                                                                */
/* styles pour les places disponibles pour un stage photo         */
/*                                                                */
/******************************************************************/
.gp-places-disponibles-stage-photo {
	font-family: 'EB Garamond';
	font-size: 3.0em;
	font-style: normal;
	font-weight:400;
	color:#333399;	
	text-align:center;
	letter-spacing: normal;
	line-height: normal;
	word-wrap:normal;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: none;
}


/******************************************************************/
/*                                                                */
/* styles pour le sommaire des articles                           */
/*                                                                */
/******************************************************************/
.gp-toc-width {
	width: 75%;
	margin:auto;	
}


.gp-toc-box-01 {
	background: #ffffff;
    padding: 20px!important;
	margin-top: 20px;			
	margin-bottom: 20px;
	width: 100%;
}

.gp-toc-page-number {
	font-family: 'Montserrat', sans-serif;	
	font-size : 1.9em; 
	color: #666;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	word-wrap:break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
	line-height: 1.9em;
	text-align: left;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 1.0em;	
}

ul.toc-01 > li {
	list-style-position:inside !important;
	list-style-type: square !important;
    width: 85%;
	text-align:left;
	color:#666;
	margin-left: 0;
	padding-left: 20px;
}

ul.toc-01 > li::before {
  content: "" !important;
}

ul.toc-02 > li {
	list-style-position:inside !important;
	list-style-type: square !important;
    width: 100%;
	text-align:left;
	color:#666;
	margin-left: 40px;
	padding-left: 0px;
}

ul.toc-02 > li::before {
  content: "" !important;
}

.gp-toc-li-text {
	font-family: 'Montserrat', sans-serif;
	font-size : 1.3em; 
	line-height: 1.6em;
	color: #666;		
	font-style: normal;
	letter-spacing: normal;
	font-weight:normal;
	word-wrap:break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
	text-align: left;
	margin-left: 1%;
	margin-right: 1%;
}


a.gp-toc:link { 
	text-decoration: none;
	color:#06F;
}

.gp-anchor-toc {
	scroll-margin-top: 4em;
}

.gp-anchor-link {
	scroll-margin-top: 4em;
}


/******************************************************************/
/*                                                                */
/* styles pour les sliders                                        */
/*                                                                */
/******************************************************************/
.gp-slider-width-01 {
	width: 50%;
	margin:auto;	
}


/******************************************************************/
/*                                                                */
/* styles pour la liste des thèmes du blog ou des photos d'art    */
/*                                                                */
/******************************************************************/
ul.gp-list-themes-01 > li {
	list-style-position:inside !important;
	list-style-type: square !important;
    width: 85%;
	text-align:left;
	color:#666;
	margin-left: 0;
	padding-left: 20px;
}

ul.gp-list-themes-01 > li::before {
  content: "" !important;
}

.gp-list-themes-li-text {
	font-family: 'Montserrat', sans-serif;
	font-size : 1.3em; 
	line-height: 1.6em;
	color: #333399;
	font-style: normal;
	letter-spacing: normal;
	font-weight:normal;
	word-wrap:break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
	text-align: left;
	margin-left: 1%;
	margin-right: 1%;
}

a.gp-list-themes:link { 
	text-decoration: none;
	color:#333399;
}


/******************************************************************/
/* propriétés pour les éléments du step                           */
/******************************************************************/
.gp-step-container {
	display: flex;
	padding: 0 1rem;
	margin-bottom: 30px;
}

.gp-step-grid {
 	display: flex;	
	width:1280px;
 	flex-wrap: wrap;
	flex-direction: row;
	justify-content: center;
}


.gp-step-item {
	width:23%;
    background: #CFEFF9;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid #6495ed;
	border-color: #3E6AF7;
	border-radius: 0px;
}


.gp-step-item-title {
	font-family: Arial, Helvetica, sans-serif;
    color:#000000;
	font-size:1.6em;
	text-align:center;
	margin-bottom: 30px;
	margin-left: 4px;
	margin-right: 4px;
	margin-top: 10px;	
}

.gp-step-item-description {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 1.3em;
	color:#333399;	
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	word-wrap:break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
	line-height: 1.4em;
	text-align:center;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 30px;
}

/******************************************************************/
/* propriétés pour les éléments du step Landing pages             */
/******************************************************************/
.gp-step-container-02 {
	display: flex;
	padding: 0 1rem;
	margin-bottom: 30px;
}

.gp-step-grid-02 {
 	display: flex;	
	width:1280px;
 	flex-wrap: wrap;
	flex-direction: row;
	justify-content: flex-start;
}

.gp-step-item-02 {
	width:30%;
	margin-left: 10px;
	margin-right: 10px;
}


.gp-step-item-title-02 {
	font-family: 'Arial, Helvetica, sans-serif';
	color:#333399;	
	font-size:2.0em;
	text-align:center;
}

.gp-step-item-description-02 {
	font-family: 'Arial, Helvetica, sans-serif';
	font-size : 1.3em;
	color:#000000;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	word-wrap:break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
	line-height: 1.4em;
	text-align: left;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 1.5em;	
}


/******************************************************************/
/*                                                                */
/* style pour le texte du message pour le click sur les vignettes */
/*                                                                */
/******************************************************************/
.gp-thumbnail-message {
	font-family: 'Montserrat', sans-serif;
	font-size : 1.3em; 
	color: #666;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	word-wrap:break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
	line-height: 1.6em;
	text-align: left;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 2.0em;	
}


/******************************************************************/
/* propriétés pour couper l'écran en deux                         */
/******************************************************************/
.gp-2-parts-container {
	display: flex;
	padding: 0 1rem;
	margin-bottom: 30px;
}

.gp-2-parts-grid {
 	display: flex;	
	width:1280px;
 	flex-wrap: wrap;
	flex-direction: row;
	justify-content: flex-start;
}

.gp-2-parts-item {
	width:44%;
	margin-left: 10px;
	margin-right: 10px;
}


.gp-2-parts-item-title {
	font-family: 'Arial, Helvetica, sans-serif';
	color:#333399;	
	font-size:1.0em;
	text-align:center;
}



/******************************************************************/
/*                                                                */
/* styles pour les landing pages                                  */
/*                                                                */
/******************************************************************/
.enumeration-format {
    margin-bottom: 20px;
}

.gp-enumeration-text {
	font-family: 'Arial, Helvetica, sans-serif';
	font-size : 1.3em; 
	line-height: 1.6em;
	color: #666;		
	font-style: normal;
	letter-spacing: normal;
	font-weight:normal;
	word-wrap:break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
	text-align: left;
	margin-left: 25px;
}

.gp-photo-alignement-02 {
	text-align:center;
	margin-top:2.0em;
	margin-bottom:2.0em;
}

.gp-icon-alignement {
    position: relative;
    bottom: -7px; 
    left: 10px;
}

/******************************************************************/
/*                                                                */
/* Largeur de 80% pour du texte dans des encadrés                 */
/*                                                                */
/******************************************************************/
div.width-80 {
  width: 80%;
  margin: auto;
}

@media (max-width: 950px) {

    div.width-80 {
      width: 90%;
      margin: auto;
    }

}


@media (max-width: 580px) {

    div.width-80 {
      width: 100%;
      margin: auto;
    }

}


/******************************************************************/
/*                                                                */
/* Largeur de 70% pour du texte dans des encadrés                 */
/*                                                                */
/******************************************************************/
div.width-70 {
  width: 70%;
  margin: auto;
}

@media (max-width: 950px) {

    div.width-70 {
      width: 90%;
      margin: auto;
    }

}


@media (max-width: 580px) {

    div.width-70 {
      width: 100%;
      margin: auto;
    }

}


/******************************************************************/
/*                                                                */
/* Style pour aérer les textes des collections de photo d'art     */
/*                                                                */
/******************************************************************/
div.margin-bottom-20px {
    margin-bottom: 20px;
}


/******************************************************************/
/*                                                                */
/* Style pour une citation personnelle entre quotes bleues        */
/*                                                                */
/******************************************************************/
div.gp-personal-citation {
    margin: auto; 
    width: 80%; 
    margin-top: 60px; 
    margin-bottom: 90px;
    text-align: center;
}

img.gp-personal-citation-image-left {
    margin: 5px; 
    float: left; 
    position: relative; 
    left: 0;
    content: url("/data/icones/landing-pages/quote-left-50px.png");
}

img.gp-personal-citation-image-right {
    margin: 5px; 
    float: right; 
    position: relative; 
    right: 0;
    content: url("/data/icones/landing-pages/quote-right-50px.png");
}


/***********************************************************************/
/*                                                                     */
/* Styles les textes sur les descriptions des photos d'art : HikaShop  */
/*                                                                     */
/***********************************************************************/
div.photo-description-margin-top {
    margin-top: 30px;
}


/****************************************/
/* jouer les vidéos de youtube          */
/****************************************/
.gp-video-container {
  position: relative;
  padding-bottom: 56.25%;
}

.gp-video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.gp-video-aspect-ratio-169 {
  aspect-ratio: 16 / 9;
  width: 100%;
}

/* ----- bouton pour acheter la page consulting ----- */
.button_photo_consulting {
	background-color: #ffffff;
    color:#4593dd;
	width:50%;
	line-height:1.7em;
    border: 1px solid #6495ed;	
	border-radius: 0px;
	text-align:center;
	padding: 0.5em;
	margin-top:0.2em;
	margin-bottom:2.0em;
	margin-left:auto;
	margin-right:auto;
	font-family: 'Roboto', sans-serif;	
	font-size:1.5em;
	font-weight: normal;
	display:block;
}

/******************************************************************/
/*                                                                */
/* styles pour des textes constants sur les pages                 */
/*                                                                */
/******************************************************************/
.gp-read-also-fr::before {
	content:"Lire aussi : ";
}

.gp-read-also-en::before {
	content:"Read Also: ";
}

.gp-next-part-article-fr::before {
	content:"Pour lire la partie suivante de l'article, cliquez ici";
}

.gp-next-part-article-en::before {
	content:"Click Here to Read the Next Part of the Article";
}

.gp-previous-part-article-fr::before {
	content:"Pour lire la partie précédente de l'article, cliquez ici";
}

.gp-previous-part-article-en::before {
	content:"Click Here to Read the Previous Part of the Article";
}

.gp-discover-fr::before {
	content:"A d\0000E9couvrir : ";
}

.gp-discover-en::before {
	content:"To Discover: ";
}

.gp-edition-limitee-ou-ouverte::before {
	content:"Edition limitée ou ouverte.";
}

.gp-comment-commander::before {
	content:"Comment commander.";
}

.gp-choisir-la-taille::before {
	content:"Choisissez la taille.";
}

.gp-choisir-la-finition::before {
	content:"Choisissez votre finition.";
}

.gp-contactez-moi::before {
	content:"Contactez-moi.";
}

.gp-limited-or-open-edition::before {
	content:"Limited or Open Edition.";
}

.gp-how-to-order::before {
	content:"How To Order.";
}

.gp-choose-the-size::before {
	content:"Choose the Size.";
}

.gp-choose-the-finish::before {
	content:"Choose your Finish.";
}

.gp-contact-me::before {
	content:"Contact Me.";
}

.gp-suite-article-semaine-prochaine::before {
	content:"La suite de cet article sera publiée vendredi prochain. N'oubliez pas de revenir.";
}

.gp-to-continue-next-friday::before {
	content:"To Continue Next Friday. Do not forget to come back.";
}

.gp-stage-photo-contact::before {
	content:"Cliquez ici si vous voulez recevoir plus d'informations pour participer à ce stage";
}

.gp-partage-reseaux-sociaux-fr::before {
	content:"Voulez-vous partager cet article sur vos réseaux sociaux?";
}

.gp-partage-reseaux-sociaux-en::before {
	content:"Would You Share this Article Thru Your Social Networks?";
}

.gp-choisir-la-taille-hikashop::before {
	content:"Informations sur les différentes tailles.";
}

.gp-edition-limitee-ou-ouverte-hikashop::before {
	content:"Edition limitée ou ouverte.";
}

.gp-choisir-la-finition-hikashop::before {
	content:"Informations sur les différentes finitions.";
}

.gp-limited-or-open-edition-hikashop::before {
	content:"Limited or Open Edition.";
}

.gp-choose-the-size-hikashop::before {
	content:"Information on Sizes.";
}

.gp-choose-the-finish-hikashop::before {
	content:"Information on Finishes.";
}

/****************************************************************************************

				     Styles Guillen Photo Outdoor pour les mobiles

*****************************************************************************************/	 

/* styles for the hamburger menu on mobile                        */
.icon-reorder {
	font-family: "FontAwesome";
}

.icon-reorder:before {
	content: "\f0c9";
}


@media (max-width: 950px) 
{

	.guillenphoto-div-paragraphe {
		line-height: normal;
	}
	
	.guillenphoto-lettrine {
		font-size: 2.0em;
		font-weight: bold;
		line-height: 30px;
		padding-top: 8px;
		padding-right: 2px;
		margin-right: 3px;
	}

	.guillenphoto-chapo-texte {
		font-size : 1.7em ; 
		line-height: 1.3em;
	}
	
	.guillenphoto-article-texte {
	    font-size : 1.4em; 
		line-height: 1.4em;
	}	

	/* légende photo : ancien nommage*/
	.guillenphoto-photo-titre {
		font-size: 1.0em;
	}

	/* légende photo : nouveau nommage*/
	.guillenphoto-photo-legende {
		font-size: 1.0em;
	}

	/* propriétés de la balise du texte de commentaire des photos dans les paragraphes */
	.guillenphoto-div-photo-commentaire {
		font-size: 0.8em;
		line-height:1.2em;
	}
	
	/* propriétés de la balise du texte de commentaire des cartes */
	.guillenphoto-div-photo-carte-commentaire {
		font-size: 0.8em;
		line-height:1.2em;
	}

	/**********************************************************************************************/
	/*                                                                                            */
	/* formattage des textes tag line                                                             */
	/*                                                                                            */
	/**********************************************************************************************/
	.gp-tagline-1 {
		font-size: 3.0em;
		line-height: normal;
	}

	.gp-tagline-1-02 {
		font-size: 3.0em;
		line-height: normal;
        margin-bottom: 30px;
	}

	.gp-tagline-2 {
		font-size: 2.5em;
		line-height: normal;
	}

	.gp-tagline-2-02 {
		font-size: 2.5em;
		line-height: normal;
        margin-bottom: 30px;
	}

	.gp-tagline-3 {
		font-size: 2.0em;
		line-height: normal;
	}

	.gp-tagline-3-02 {
		font-size: 2.0em;
		line-height: normal;
        margin-bottom: 30px;
	}

	.gp-tagline-4 {
		font-size: 1.3em;
		line-height: normal;
	}

	.gp-tagline-5 {
		font-size: 2.0em;
		line-height: normal;
	}


	.gp-tagline-6 {
		font-size: 2.5em;
		line-height: normal;
        margin-left: 20px;
        margin-right: 20px;
	}

    /**********************************************************************************************/
    /*                                                                                            */
    /* formattage boutons                                                                         */
    /*                                                                                            */
    /**********************************************************************************************/
    /* ----- bouton fond blanc, bodure bleue - police bleue ----- */
    .gp-button-white-blue-blue {
        width: 82%;
        font-size:1.2em;
        line-height:1.3em;
        padding-bottom: 0.5em;
        padding-top: 0.5em;
        padding-right: 0.5em;
        padding-left: 0.5em;
        margin-top: 0.3em;
    }

    /* ----- bouton général pour GPFA ----- */
	.gp-button-general {
		width:80%;
		font-size:1.5em;
		line-height:2.0em;
		padding: 0.5em;
		margin-top:0.2em;
	}

    /* Boutons pour les sélections sur les photos d'art et les collections. */
    .gp-button-fine-art-selection-01 {
      font-size: 13px;
      margin: 4px 2px;
      margin-top: 15px;
      margin-bottom: 1px;
    }

    .gp-button-fine-art-selection-02 {
		padding: 0.5em;
		margin-top:0.2em;
		margin-bottom:2.0em;
		margin-left:auto;
		margin-right:auto;
		line-height:2.0em;
		font-size:1.5em;
		width:80%;
    }

	/* ----- bouton pour chercher ----- */
	.gp-button-search {
		padding: 0.5em;
		margin-top:0.2em;
		margin-bottom:2.0em;
		margin-left:auto;
		margin-right:auto;
		line-height:2.0em;
		font-size:1.5em;
		width:100%;
	}

	/* ----- bouton pour naviguer ----- */
	.gp-button-navigation-article {
		width:80%;
		line-height:2.0em;
		font-size:1.5em;
		padding: 0.5em;
	}

	h1 { 
        font-size: 2.4em;
        line-height: 1.2em;
        margin-top: 1.0em;
        margin-bottom: 1.0em;
	}
	
	/* titre de niveau 2 */
	h2 {
        font-size: 2.1em;
        line-height: 1.2em;
	}
	
	/* titre de niveau 3 */
	h3 {
        font-size: 1.9em;
        line-height: 1em;
        margin-left: 20px;
	}

	.gp-lettrine {
		font-size: 2.0em;
		line-height: 30px;
		padding-top: 8px;
		padding-right: 2px;
		margin-right: 3px;
	}

	.gp-chapo-texte {
		font-size : 1.7em; 
		line-height: 1.3em;
		margin-left: 1%;
		margin-right: 1%;
		margin-bottom: 2.0em;	
	}	

	.gp-article-texte {
	    font-size : 1.4em; 
		line-height: 1.4em;
		margin-left: 1%;
		margin-right: 1%;
		margin-bottom: 2.0em;	
	}

	.gp-article-texte-02 {
	    font-size : 1.4em; 
		line-height: 1.4em;
		margin-left: 1%;
		margin-right: 1%;
		margin-bottom: 2.0em;	
	}

	/********************************************************************************/
	/*                                                                              */
	/* boite qui contient les commentaires des stagiaires dans les présentations    */
	/* des stages.                                                                  */
	/*                                                                              */
	/********************************************************************************/
	.gp-article-comment-stage {
		margin: 30px 0;
		padding: 6px
	}
	
	.gp-article-comment-stage h2 {
		font-size: 14px;
		left: 11px;
		line-height: 18px;
		margin: 0 0 -9px!important;
		padding: 0 10px;
	}
	
	.gp-article-comment-stage p {
		margin: 7px;
		font-size : 1.4em; 
		line-height: 1.4em;
		margin-left: 1%;
		margin-right: 1%;
		margin-bottom: 2.0em;	
	}

	.gp-box-texte {
		font-size : 1.1em; 
		line-height: 1.2em;
		margin-left: 1%;
		margin-right: 1%;
		margin-bottom: 2.0em;	
	}

	.gp-photo-legende {
		font-size: 1.0em;
	}

	.gp-photo-legende-02 {
		font-size: 1.0em;
	}

	/* affichage d'une photo dans un paragraphe. Le texte est situé à droite de la photo */ 
	.gp-div-photo {
		margin: 10px 10px 3px; 
		width: 300px;
	}
	
	/* propriétés de la balise du texte de commentaire des photos dans les paragraphes */
	.gp-div-photo-commentaire {
		font-size: 0.8em;
		line-height:1.2em;
	}

	/* propriétés de la balise du texte de commentaire des cartes */
	.gp-div-photo-carte-commentaire {
		font-size: 0.8em;
		line-height:1.2em;
	}
	
	/* mettre en valeur les textes importants dans les articles */
	.gp-txt-important01 {
       font-size: 1.4em;
	   width: 85%;
	   margin: 1.4em;
       padding-left: 1.0em;
	   margin-bottom:2.0em;
	   margin-left: 3%;
	   margin-right: 3%;
	}

	/* mettre en valeur les textes importants dans les articles : pas de bordure*/
	.gp-txt-important02 {
       font-size: 1.4em;
	   width: 85%;
	   margin: 1.4em; 
	   padding-left: 1.0em;
	   margin-bottom:2.0em;
	   margin-left: 3%;
	   margin-right: 3%;
	}
	
	.gp-fineart-chapo-texte {
	    font-size : 1.7em; 
		line-height: 1.3em;
		margin-left: 1%;
		margin-right: 1%;
		margin-bottom: 2.0em;	
	}	
	
	.gp-fineart-texte-collection {
		font-size : 1.4em; 
		line-height: 1.6em;
		margin-left: 1%;
		margin-right: 1%;
		margin-bottom: 1.2em;	
	}

	.gp-fineart-reference {
		font-size: 0.9em;
		margin-top: 1.0em;
		margin-bottom: 0.0em;
	}	

	.gp-fineart-titre {
		font-size: 1.1em;
		margin-top: 0.9em;
		margin-bottom: 0.3em;
		margin-left:auto;
		margin-right:auto;
		width:80%;
		line-height:normal;
	}

	.gp-fineart-nom-oeuvre {
		font-size: 0.7em;
		margin-left:auto;
		margin-right:auto;
		width:70%;
		line-height:normal;
		margin-top: 1.0em;
		margin-bottom: 1.0em;
	}

	.gp-fineart-number {
		font-size: 1.1em;
		margin-top: 0.9em;
		margin-bottom: 0.3em;
		margin-left:auto;
		margin-right:auto;
		width:80%;
		line-height:normal;
	}

	/* ----- sous-titre de la photographie ----- */
	.gp-fineart-sous-titre {
		font-size: 1.0em;
		margin-top: 0.2em;
		margin-bottom: 0.2em;
	}

	.gp-fineart-caption {
		font-size: 1.0em;
		margin-top: 0.2em;
		margin-bottom: 0.2em;
	}

	/* ----- référence de la catégorie ----- */
	.gp-fineart-categorie {
		font-size: 0.7em;
		margin-top: 0.2em;
		margin-bottom: 0.2em;
	}	


	/* un bloc pour une citation */
	blockquote.gp04 {
	  font-size: 1.1em;
	  margin-left: 2.0em;
	  margin-right: 2.0em;
	}
	
	/* auteur d'une citation */
	cite.gp01 {
	  font-size: 0.7em;
	  margin-left: 2.0em;
	}

	/***********************************************************/
	/*                                                         */
	/* propriétés pour le bouton de réservation d'un stage     */
	/*                                                         */
	/***********************************************************/
	/* fond bleu et écriture en blanc */	
	.gp-stage-photo-reservation-01 a
	{
		width:80%;
		line-height:1.4em;
		padding: 1.0em;
		margin-top:1.0em;
		margin-bottom:2.0em;
		margin-left:auto;
		margin-right:auto;
		font-size:1.1em;
	}
	
	.gp-stage-photo-reservation-01 a:hover
	{
		background-color: #9CF;
	}	

	/* message pour le bouton */
	.gp-stage-photo-reservation-message
	{
		width:80%;
		margin-top:1.0em;
		margin-bottom:2.0em;
		margin-left:auto;
		margin-right:auto;
	}


	/********************** Blocks ************************************/
	/* En savoir plus                                                 */
	/******************************************************************/
	/* version block fond blanc avec écriture en bleu */
	.gp-block-learn-more-01 a
	{
		width:35%;
		line-height:1.4em;
		padding: 1.0em;
		margin-top:1.0em;
		margin-bottom:4.0em;
		margin-left:auto;
		margin-right:auto;
		font-size:1.1em;
	}
	
	.gp-block-learn-more-01 a:hover
	{
		background-color: #9CF;	
	}


	.gp-block-learn-more-02 a
	{
		width: 25%;
		line-height:1.4em;
		padding: 1.0em;
		margin-left:auto;
		margin-right:auto;
		margin-top:1.0em;
		margin-bottom:3.0em;
		font-size:1.1em;
	}	
	
	.gp-block-learn-more-02 a:hover
	{
		background-color: #F2F5FF;
	}

	/* version block fond blanc avec écriture en bleu largeur 50%*/
	.gp-block-learn-more-03 a
	{
		width:50%;
		line-height:1.4em;
		padding: 1.0em;
		margin-top:1.0em;
		margin-bottom:4.0em;
		margin-left:auto;
		margin-right:auto;
		font-size:1.1em;
	}
	
    /* version block blanc avec écriture en bleu et largeur 70%*/
    .gp-block-learn-more-04 a
    {
        width:70%;
        line-height:1.4em;
        padding: 1.0em;
        margin-top:1.0em;
        margin-bottom:3.0em;
        margin-left:auto;
        margin-right:auto;
        font-size:1.5em;
    }

	/********************** Blocks ************************************/
	/* Nouveautés du site                                             */
	/******************************************************************/
	.gp-block-website-news-01 a
	{
		width:35%;
		line-height:1.4em;
		padding: 1.0em;
		margin-bottom:1.0em;
		margin-left:auto;
		margin-right:auto;
		font-size:1.1em;
	}
	
	/***************************************************/
	/*                                                 */
	/* mise en page des textes des articles blog       */
	/*                                                 */
	/***************************************************/
	.gp-photo-article-blog-01 {
	  width: 100%;
	  margin-right:auto;
	  margin-left:auto;
	  margin-bottom: 3.0em;
	}
	
	.gp-photo-article-legende-01 {
		padding: 10px 20px;
		font-size: 0.8em;
	}	
	
	/*****************************************************************/
	/*                                                               */
	/* mise en page des textes des présentations des rubriques       */
	/*                                                               */
	/*****************************************************************/
	.gp-photo-rubrique-01 {
	  width: 92%;
	  margin-right:auto;
	  margin-left:auto;
	  margin-bottom: 6.0em;
	}
	
	.gp-photo-rubrique-legende-01 {
		padding: 10px 20px;
		font-size: 0.9em;
	}
	
	.gp-boite-bas-article-page-titre {
		font-size: 2.0em;
		line-height: normal;
		margin-left:1.0em;		
	}

	.gp-boite-bas-article-page-texte {
		font-size: 1.2em;
		line-height: normal;
		margin-left: 1%;
		margin-right: 1%;
	}

	.gp-testimonial-item {
		width:100%;
		margin-left: 10px;
		margin-right: 0px;
		margin-bottom: 20px;
	}

	.gp-testimonial-item-2 {
		width:100%;
		margin-left: 10px;
		margin-right: 0px;
	}


	.gp-step-item {
		width: 25%;
		margin-left: 5px;
		margin-right: 5px;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.gp-step-item-title {
		font-size:1.4em;
		margin-bottom: 30px;
		margin-left: 4px;
		margin-right: 4px;
		margin-top: 10px;			
	}

	.gp-testimonial-description {
		font-size : 1.8em;
		line-height: 2.0em;
		margin-left: 1%;
		margin-right: 1%;
		margin-bottom: 2.0em;	
	}
	
	.gp-testimonial-cite {
		font-size:1.9em;
		text-align:left;
	}

	/******************************************/
	/*                                        */
	/* styles pour les encadrés lire aussi    */
	/*                                        */
	/******************************************/
	.gp-lire-aussi {
		font-size : 1.5em; 
		margin-left:10px;
		padding-left: 10px;
	}
	
	.gp-lire-aussi::before { 
		height: 1px; 
		margin-bottom: 10px;
	}
	
	.gp-lire-aussi::after { 
		height: 1px; 
		margin-top: 10px;
		margin-bottom: 30px;
	}
	
	a.gp-lire-aussi-lien:link { 
		text-decoration: none;
		color:#333399;
	}

	/******************************************/
	/*                                        */
	/* styles pour les encadrés à découvrir   */
	/*                                        */
	/******************************************/
	.gp-a-decouvrir {
		font-size : 1.5em; 
		margin-left:10px;
		border-left:5px solid #900;
		padding-left: 10px;
	}
	
	.gp-a-decouvrir::before { 
		height: 1px; 
		margin-bottom: 10px;
	}
	
	.gp-a-decouvrir::after { 
		height: 1px; 
		margin-top: 10px;
		margin-bottom: 30px;
	}
	
	a.gp-a-decouvrir-lien:link { 
		text-decoration: none;
		color:#333399;
	}


	.gp-places-disponibles-stage-photo {
		font-size: 2.5em;
		line-height: normal;
	}

	/******************************************************************/
	/*                                                                */
	/* styles pour le sommaire des articles                           */
	/*                                                                */
	/******************************************************************/
	.gp-toc-width {
		width: 90%;
		margin:auto;	
	}
	.gp-toc-box-01 {
		padding: 20px!important;
		margin-top: 20px;			
		margin-bottom: 20px;
		width: 85%;
	}
	
	.gp-toc-page-number {
		font-size : 1.4em; 
		line-height: 1.9em;
		margin-left: 1%;
		margin-right: 1%;
		margin-bottom: 1.0em;	
	}
	
	.gp-toc-li-text {
		font-size : 1.1em; 
		line-height: 1.3em;
		margin-left: 1%;
		margin-right: 1%;
	}
	
	/******************************************************************/
	/*                                                                */
	/* styles pour les sliders                                        */
	/*                                                                */
	/******************************************************************/
	.gp-slider-width-01 {
		width: 90%;
		margin:auto;	
	}	

	/********************** UL ********************************/
	/* styles liste ul                                        */
	/**********************************************************/
	/* sans espace entre les lignes */
	.itemBody > div > ul li {
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 10px;
		padding-left: 20px;
	}
	
	/* sans espace entre les lignes */
	ul.gp01 > li {
		width: 100%;
		margin-left: 0;
		margin-right: 50px;
		padding-left: 30px;
    padding-bottom: 10px;
	}

	ul.gp02 > li {
		width: 100%;
		margin-left: 0;
		margin-right: 50px;
		padding-left: 30px;
        padding-bottom: 10px;
	}


	/******************************************************************/
	/*                                                                */
	/* styles pour les thèmes du blog                                 */
	/*                                                                */
	/******************************************************************/
	.gp-list-themes-li-text {
		font-size : 1.1em; 
		line-height: 1.3em;
		margin-left: 1%;
		margin-right: 1%;
		width: 90%;
	}

	.gp-article-texte {
	    font-size : 1.4em; 
		line-height: 1.4em;
		margin-left: 1%;
		margin-right: 1%;
		margin-bottom: 2.0em;	
	}

	.gp-lp-step-item {
		width: 20%;
		margin-left: 10px;
		margin-right: 10px;
	}

	.gp-lp-step-item-title {
		color:#333399;	
		font-size:1.4em;
	}

    /*------------------------------------------------------*/
    /* Pour les styles des photos sous les photos d'art     */
    /*------------------------------------------------------*/
    /* ----- bouton comment commander une photo d'art ----- */
    .gp-fineart-photo-how-to-order-01 a
    {
        width:90%;
        line-height:1.4em;
        padding: 1.0em;
        margin-top:0.2em;
        margin-bottom:0.2em;
        margin-left:auto;
        margin-right:auto;
        font-size:1.1em;
    }


    /* ----- bouton catégorie fine art ----- */
    .gp-fineart-photo-category-01 a
    {
        width:90%;
        line-height:1.4em;
        padding: 1.0em;
        margin-top:0.2em;
        margin-bottom:0.2em;
        margin-left:auto;
        margin-right:auto;
        font-size:1.1em;
    }


    /* ----- bouton choix de la finition ----- */
    .gp-fineart-photo-finish-01 a
    {
        width:90%;
        line-height:1.4em;
        padding: 1.0em;
        margin-top:0.2em;
        margin-bottom:0.2em;
        margin-left:auto;
        margin-right:auto;
        font-size:1.1em;
    }


    /* fond blanc et écriture en bleu */
    .gp-fineart-photo-purchase-01 a
    {
        width:90%;
        line-height:1.4em;
        padding: 1.0em;
        margin-top:0.2em;
        margin-bottom:2.0em;
        margin-left:auto;
        margin-right:auto;
        font-size:1.1em;
    }

    .gp-top-contact {
        line-height:1.5em;
        padding: 0.5em;
        margin-top:0.2em;
        margin-bottom:2.0em;
        margin-left:auto;
        margin-right:auto;
        font-size:0.9em;
    }

}



/* pour les téléphones mobiles */
@media (max-width: 580px) 
{

	.gp-tagline-1 {
		font-size: 2.3em;
		font-style: normal;
		line-height: normal;
	}

	.gp-tagline-1-02 {
		font-size: 2.3em;
        margin-bottom: 30px;
	}

	.gp-tagline-2 {
		font-size: 1.8em;
		line-height: normal;
	}

	.gp-tagline-2-02 {
		font-size: 1.8em;
		line-height: normal;
        margin-bottom: 30px;
	}

	.gp-tagline-3 {
		font-size: 1.5em;
		line-height: normal;
	}

	.gp-tagline-3-02 {
		font-size: 1.5em;
		line-height: normal;
	}

	.gp-tagline-4 {
		font-size: 1.3em;
		line-height: normal;
	}

	.gp-tagline-5 {
		font-size: 1.5em;
		line-height: normal;
	}

	.gp-tagline-6 {
		font-size: 1.8em;
		line-height: normal;
        margin-left: 20px;
        margin-right: 20px;
	}


    /**********************************************************************************************/
    /*                                                                                            */
    /* formattage boutons                                                                         */
    /*                                                                                            */
    /**********************************************************************************************/
    /* ----- bouton fond blanc, bodure bleue - police bleue ----- */
    .gp-button-white-blue-blue {
        width: 82%;
        font-size:1.2em;
        line-height:1.3em;
        padding-bottom: 0.5em;
        padding-top: 0.5em;
        padding-right: 0.5em;
        padding-left: 0.5em;
        margin-top: 0.3em;
    }

	/* ----- bouton général pour GPFA ----- */
	.gp-button-general {
		width:70%;
		font-size:1.2em;
		line-height:2.0em;
		padding: 0.5em;
		margin-top:0.2em;
	}
    
    /* ----- bouton général pour les pages de vente ----- */
    .gp-button-02 {
        width:100%;	
        font-size:1.5em;
        line-height:1.6em;
        padding: 0.5em;
        margin-top:0.2em;
        margin-bottom:2.0em;
        margin-left:auto;
        margin-right:auto;
    }

    /* Boutons pour les sélections sur les photos d'art et les collections. */
    .gp-button-fine-art-selection-01 {
      padding: 12px 30px;
      font-size: 12px;
      margin: 4px 2px;
      margin-top: 15px;
      margin-bottom: 1px;
    }

    .gp-button-fine-art-selection-02 {
		padding: 0.5em;
		margin-top:0.2em;
		margin-bottom:2.0em;
		margin-left:auto;
		margin-right:auto;
		width:70%;
		line-height:2.0em;
		font-size:1.2em;
    }

	/* ----- bouton pour chercher ----- */
	.gp-button-search {
		padding: 0.5em;
		margin-top:0.2em;
		margin-bottom:2.0em;
		margin-left:auto;
		margin-right:auto;
		line-height:2.0em;
		font-size:1.2em;
	}

	/* ----- bouton pour naviguer entre des articles découpés en plusieurs pages ----- */
	.gp-button-navigation-article {
		width:60%;
		line-height:1.5;
		font-size:1.3em;
		padding: 0.5em;
	}

	h1 { 
		font-size: 2.1em;
		line-height: 1.5em;
		margin-top: 1.0em;
		margin-bottom: 1.0em;
	}
	
	h2 {
		font-size: 1.8em;
		line-height: 1.5em;
        margin-top:1.0em;
        margin-bottom: 1.0em;
	}
	
	h3 {
		font-size: 1.6em;
		line-height: 1.7em;
		margin-left: 22px;
	}
	
	
	/***************************************************/
	/* mise en page des textes des articles            */
	/* valable pour tous les articles                  */
	/***************************************************/
	.gp-lettrine {
		font-size: 2.5em;
		line-height: 30px;
		padding-top: 8px;
		padding-right: 2px;
		margin-right: 3px;
	}

	.gp-photo-article-legende-01 {
		padding: 10px 20px;
		font-size: 1.0em;
	}

	.gp-chapo-texte {
		font-size : 1.3em; 
		line-height: 1.4em;
		margin-left: 1%;
		margin-right: 1%;
		margin-bottom: 2.0em;	
	}	

	.gp-article-texte, .guillenphoto-article-texte {
	    font-size : 1.2em; 
		line-height: 1.5em;
		margin-left: 1%;
		margin-right: 1%;
		margin-bottom: 2.0em;	
	}

	.gp-article-texte-02 {
	    font-size : 1.2em; 
		line-height: 1.5em;
		margin-left: 1%;
		margin-right: 1%;
		margin-bottom: 2.0em;	
	}


	/* mettre en valeur les textes importants dans les articles */
	.gp-txt-important01 {
       font-size: 1.1em;
	   width: 85%;
	   margin: 1.4em;
	   padding-left: 1.0em;
	   margin-bottom:2.0em;
	   margin-left: 3%;
	   margin-right: 3%;
	}

	/* mettre en valeur les textes importants dans les articles : pas de bordure */
	.gp-txt-important02 {
       font-size: 1.1em;
	   width: 85%;
	   margin: 1.4em;
	   padding-left: 1.0em;
	   margin-bottom:2.0em;
	   margin-left: 3%;
	   margin-right: 3%;
	}
	
	.gp-fineart-chapo-texte {
	    font-size : 1.3em; 
		line-height: 1.4em;
		margin-left: 1%;
		margin-right: 1%;
		margin-bottom: 2.0em;	
	}	

	.gp-fineart-texte-collection {
		font-size : 1.4em; 
		line-height: 1.6em;
		margin-left: 1%;
		margin-right: 1%;
		margin-bottom: 1.2em;	
	}
	
	.gp-fineart-nom-oeuvre {
		font-size: 1.0em;
		width:70%;
		line-height:normal;
		margin-top: 1.0em;
		margin-bottom: 1.0em;
	}

	.gp-article-comment-stage p {
		margin: 7px;
		font-size : 1.1em; 
		line-height: 1.2em;
		margin-left: 1%;
		margin-right: 1%;
		margin-bottom: 2.0em;	
	}

	.gp-testimonial-cite {
		font-size:1.0em;
	}

	.gp-testimonial-item {
		width:100%;
		margin-left: 10px;
		margin-right: 10px;
		margin-bottom: 20px;
	}
	
	.gp-testimonial-item-2 {
		width:100%;
		margin-left: 10px;
		margin-right: 0px;
	}

	.gp-step-item {
		width:100%;
		background: #CDE1F1;
		margin-left: 5px;
		margin-right: 5px;
		margin-top: 10px;
		margin-bottom: 15px;
		border: 1px solid #6495ed;
		border-color: #3E6AF7;
		border-radius: 0px;
	}


	.gp-step-item-title {
		font-size:1.4em;
		margin-bottom: 30px;
		margin-left: 4px;
		margin-right: 4px;
		margin-top: 10px;			
	}

	.gp-step-item-description {
		font-size : 1.3em;
		line-height: 1.6em;
		margin-top: 2.0em;	
		margin-left: 10px;
		margin-right: 10px;
		margin-bottom: 30px;
	}

	.gp-testimonial-description {
		font-size : 1.4em;
		line-height: 1.6em;
		margin-left: 1%;
		margin-right: 1%;
		margin-bottom: 2.0em;	
	}
	
	.gp-testimonial-cite {
		font-size:1.4em;
	}


	/******************************************/
	/*                                        */
	/* styles pour les encadrés lire aussi    */
	/*                                        */
	/******************************************/
	.gp-lire-aussi {
		font-size : 1.2em; 
		margin-left:10px;
		padding-left: 10px;
	}
	
	.gp-lire-aussi::before { 
		height: 1px; 
		margin-bottom: 10px;
	}
	
	.gp-lire-aussi::after { 
		height: 1px; 
		margin-top: 10px;
		margin-bottom: 30px;
	}
	
	a.gp-lire-aussi-lien:link { 
		font-size : 1.2em; 
	}

	/******************************************/
	/*                                        */
	/* styles pour les encadrés à découvrir   */
	/*                                        */
	/******************************************/
	.gp-a-decouvrir {
		font-size : 1.2em; 
		margin-left:10px;
		border-left:5px solid #900;
		padding-left: 10px;
	}
	
	.gp-a-decouvrir::before { 
		height: 1px; 
		margin-bottom: 10px;
	}
	
	.gp-a-decouvrir::after { 
		height: 1px; 
		margin-top: 10px;
		margin-bottom: 30px;
	}
	
	a.gp-a-decouvrir-lien:link { 
		font-size : 1.2em; 
	}

	/* un bloc pour une citation */
	blockquote.gp04 {
	  font-size: 1.3em;
	  margin-left: 2.0em;
	  margin-right: 2.0em;
	}
	
	/* auteur d'une citation */
	cite.gp01 {
	  font-size: 0.9em;
	  margin-left: 2.0em;
	}

	/********************** UL ********************************/
	/* styles liste ul                                        */
	/**********************************************************/
	/* sans espace entre les lignes */
	.itemBody > div > ul li {
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 10px;
		padding-left: 20px;
	}
	
	ul.gp01 > li {				
		width: 100%;
		margin-left: 0;
		padding-left: 10px;
    padding-bottom: 10px;
	}

	ul.gp02 > li {				
		width: 100%;
		margin-left: 0;
		padding-left: 10px;
        padding-bottom: 10px;
	}

    ol.gp01 > li {
        width: 85%;
        margin-left: 0;
        padding-left: 10px;
    }

	/*********************************************************/
	/*                                                       */
	/* styles pour les boutons de la barre de notification   */
	/*                                                       */
	/*********************************************************/
	.gp-button-notification-bar {
		font-size:0.8em;
		padding:10px 20px;
		text-shadow:0px -3px 13px #5b6178;
			margin-bottom:10px;
			width: 80%;
	}

    .gp-button-notification-bar:active {
		top:1px;
	}

	/******************************************************************/
	/*                                                                */
	/* styles pour les deux boutons de navigation sur la même ligne   */
	/*                                                                */
	/******************************************************************/
	.gp-2-boutons-alignes {
		width:100%;
		margin:10px 2.5% 10px 2.5%;
	}
	
	.gp-bouton-aligne {
		font-size:0.9em;
		padding:10px 10px;
		width:100%;
	}
		
	.gp-places-disponibles-stage-photo {
		font-size: 2.3em;
		line-height: normal;
	}

	.gp-page-footer-text {
       font-size: 1.4em;
       line-height: 1.6em;
	   width: 70%;
	   margin: auto;
	}

	.gp-page-footer-button {
		width:70%;
		line-height:1.7em;
		padding: 0.5em;
		margin-top:0.2em;
		margin-bottom:2.0em;
		margin-left:auto;
		margin-right:auto;
		font-size:1.2em;
	}	
	
	/******************************************************************/
	/*                                                                */
	/* styles pour le sommaire des articles                           */
	/*                                                                */
	/******************************************************************/
	.gp-toc-width {
		width: 100%;
		margin:auto;	
	}
    
	.gp-toc-box-01 {
		padding: 2px!important;
		margin-top: 20px;			
		margin-bottom: 20px;
		width: 100%;
	}

	ul.toc-02 > li {
		width: 75%;
		margin-left: 0;
		padding-left: 0px;
	}	

	.gp-toc-page-number {
		font-size : 1.4em; 
		line-height: 1.5em;
		margin-left: 1%;
		margin-right: 1%;
		margin-bottom: 0.3em;	
	}

	.gp-toc-li-text {
		font-size : 1.3em; 
		line-height: 1.4em;
		margin-left: 1%;
		margin-right: 1%;
	}	
	
	.gp-anchor-toc {
		scroll-margin-top: 5em;
	}
	
	/******************************************************************/
	/*                                                                */
	/* styles pour les sliders                                        */
	/*                                                                */
	/******************************************************************/
	.gp-slider-width-01 {
		width: 90%;
		margin:auto;	
	}	

	/******************************************************************/
	/*                                                                */
	/* styles pour les thmes du blog                                  */
	/*                                                                */
	/******************************************************************/
	ul.gp-list-themes-01 > li {
		width: 85%;
		margin-left: 0;
		padding-left: 10px;
	}	
	
	.gp-thumbnail-message {
	    font-size : 0.9em; 
		line-height: 1.5em;
		margin-left: 1%;
		margin-right: 1%;
		margin-bottom: 2.0em;	
	}

	.gp-lp-step-item {
		width:100%;
		margin-left: 10px;
		margin-right: 10px;
		margin-bottom: 15px;
	}

	.gp-lp-step-item-title {
		font-size:1.4em;
	}

	.gp-lp-step-item-description {
		font-size : 1.3em;
		line-height: 1.6em;
		margin-left: 1%;
		margin-right: 1%;
		margin-bottom: 2.0em;	
		margin-top: 2.0em;	
	}

    .gp-enumeration-text {
        font-size : 1.3em; 
        line-height: 1.6em;
        margin-left: 25px;
    }

    /******************************************************************/
    /* propriétés pour couper l'écran en deux                         */
    /******************************************************************/
    .gp-2-parts-container {
        padding: 0 1rem;
        margin-bottom: 30px;
    }

    .gp-2-parts-grid {
        width:1280px;
    }

    .gp-2-parts-item {
        width:100%;
        margin-left: 10px;
        margin-right: 10px;
    }

    .gp-2-parts-item-title {
        font-size:1.0em;
    }

    .gp-step-item-02 {
        width:100%;
        margin-left: 5px;
        margin-right: 5px;
    }

    .gp-step-item-title-02 {
        font-size:1.0em;
    }

    /*------------------------------------------------------*/
    /* Pour les styles des photos sous les photos d'art     */
    /*------------------------------------------------------*/
    /* ----- bouton comment commander une photo d'art ----- */
    .gp-fineart-photo-how-to-order-01 a
    {
        width:90%;
        line-height:1.4em;
        padding: 1.0em;
        margin-top:0.2em;
        margin-bottom:0.2em;
        margin-left:auto;
        margin-right:auto;
        font-size:1.1em;
    }


    /* ----- bouton catégorie fine art ----- */
    .gp-fineart-photo-category-01 a
    {
        width:90%;
        line-height:1.4em;
        padding: 1.0em;
        margin-top:0.2em;
        margin-bottom:0.2em;
        margin-left:auto;
        margin-right:auto;
        font-size:1.1em;
    }


    /* ----- bouton choix de la finition ----- */
    .gp-fineart-photo-finish-01 a
    {
        width:90%;
        line-height:1.4em;
        padding: 1.0em;
        margin-top:0.2em;
        margin-bottom:0.2em;
        margin-left:auto;
        margin-right:auto;
        font-size:1.1em;
    }


    /* fond blanc et écriture en bleu */
    .gp-fineart-photo-purchase-01 a
    {
        width:90%;
        line-height:1.4em;
        padding: 1.0em;
        margin-top:0.2em;
        margin-bottom:2.0em;
        margin-left:auto;
        margin-right:auto;
        font-size:1.1em;
    }


    /********************** Blocks ************************************/
    /* En savoir plus                                                 */
    /******************************************************************/
	/* version block fond blanc avec écriture en bleu largeur 50%*/
	.gp-block-learn-more-03 a
	{
		width:90%;
		line-height:1.4em;
		padding: 1.0em;
		margin-top:1.0em;
		margin-bottom:4.0em;
		margin-left:auto;
		margin-right:auto;
		font-size:1.1em;
	}
	
	/******************************************************************/
	/*                                                                */
	/* styles pour le sommaire des articles                           */
	/*                                                                */
	/******************************************************************/
	.gp-toc-width {
		width: 95%;
		margin:auto;	
	}
	.gp-toc-box-01 {
		padding: 2px!important;
		margin-top: 20px;			
		margin-bottom: 20px;
		width: 95%;
	}
	
	.gp-toc-page-number {
		font-size : 1.4em; 
		line-height: 1.9em;
		margin-left: 1%;
		margin-right: 1%;
		margin-bottom: 1.0em;	
	}
	
	.gp-toc-li-text {
		font-size : 1.1em; 
		line-height: 1.3em;
		margin-left: 1%;
		margin-right: 1%;
	}


    .gp-top-contact {
        line-height:1.5em;
        padding: 0.5em;
        margin-top:0.2em;
        margin-bottom:2.0em;
        margin-left:auto;
        margin-right:auto;
        font-size:0.9em;
    }

}