/****************************************/
/* pour éviter le copier des textes     */
/****************************************/
/*
body {
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}
*/

/***************************/
/* couleur du site #8d804b */
/***************************/


/*
  Les polices de caractères utilisées dans IGP.
  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/LoversQuarrel-Regular.ttf');
}

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

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

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

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



/* titre de niveau 1 */
h1 { 
	line-height: normal;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.8em;
	font-style: normal;
	text-align:center;
	letter-spacing: normal;
	color:#8d804b;	
}

/* titre de niveau 2 */
h2 {
 font-family:Arial, Helvetica, sans-serif;
 font-style:normal;
 font-weight:lighter;
 font-size: 1.4em;
 color:#8d804b;
 background-color:transparent;
 line-height: 17pt;
 text-align:left;
}

/* titre de niveau 3 */
h3 {
 font-family:Arial, Helvetica, sans-serif;
 font-style:normal;
 font-weight:lighter;
 font-size: 1.2em;
 color:#8d804b;
 background-color:transparent;
 line-height: 17pt;
 text-align:left;
}


.ig-texte-banner {
    font-size:3.0em; 
	line-height:1.3; 
	padding:0 0 20px 0; 
}

.ig-texte-banner-color {
color:#CC3300;
}

/* color used for the note to hover on the image of an album to see the caption */
.ig-texte-hover-image-for-caption-color {
color:#d3ac4c;
}


.ig-chapo-texte {
	font-family: 'Raleway';
	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;
}


.ig-standard-text {
	font-family: 'Raleway';	
	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: justify;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 2.0em;	
}

.ig-chapo-article-paragraph-text {
	font-family: 'Raleway';
	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;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 2.0em;	
}


.ig-body-article-paragraph-text {
	font-family: 'Raleway';	
	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: justify;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 2.0em;	
}

.ig-txt-important01 {
   width: 85%;
   border-left:solid #8d804b 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.2em;
   font-style: italic;
   font-weight: normal;
   text-align: justify;
   margin-right: 3%;
   margin-bottom:2.0em;
}

.ig-size01 {
	font-size: 1.5em;
}


.ig-justify-text {
	text-align: justify;
	line-height:normal;		
}

.ig-color-text-blog {
	color:#990000;
}

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

.ig-color-hover-text {
	text-align: center;
    color:#a44040; 
}

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

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

/* propriétés de la balise div qui contient le texte des paragraphes des textes généraux */
.ig-div-paragraph {
	text-align: justify;
	line-height:normal;		
	font-size: 1.1em;
}

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

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


.ig-call-us-size {
	font-size: 2.0em;
}

.ig-email-size {
	font-size: 1.5em;
}

.ig-titre-rubrique {
	line-height: normal;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 2.2em;
	font-style: normal;
	text-align:center;
	letter-spacing: normal;
	color:#8d804b;	
}


.ig-homepage-titre-texte-sous-rubrique {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.2em;
	font-style: normal;
	text-align:center;
	letter-spacing: normal;
	color:#8d804b;	
}

/* ----- cadre pour des textes sur la page d'accueil ----- */
.igp-text-frame-01 {
	background-color: #ffffff;
	color:#8d804b;
	width:80%;
	line-height:1.9em;
	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;
}

.igp-text-frame-02 {
	background-color: #ffffff;
	color:#8d804b;
	width:80%;
	line-height:1.8em;
	text-align:center;
	padding: 0.5em;
	margin-top:0.2em;
	margin-left:auto;
	margin-right:auto;
	font-weight: normal;
	display:block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 2.2em;
	font-style: normal;
	letter-spacing: normal;
}


hr.igp01 { 
  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);
  width: 25%;
  margin-bottom: 2.0em;
  margin-left:auto;
  margin-right:auto;
}


.ig-homepage-texte-intro-rubrique {
	font-family : Arial, Helvetica, sans-serif ;
	font-size: 1.2em;
	font-style: normal;
	font-weight:300;
	color: #666;
	text-align:center;
	letter-spacing: normal;
	line-height: normal;
}

.ig-comment-vp-paragraphe {
	text-align:left;
}

.ig-comment-vp-texte {
	font-family : Arial, Helvetica, sans-serif ;
	color : #999 ;
	font-size : 1.10em ; 
	letter-spacing: normal;
	font-style:italic;
	line-height : 1.4em ;
	word-wrap:break-word;
    -webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
}

.ig-div-photo {
	display: inline-block; 
	float: left; 
	margin: 10px 10px 3px; 
	width: 400px; 	
	background-color: #ffffff;
}

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

/* copyright */
.ig-copyright {
	line-height: 1.8em;
}

/* presentation des photos dans les articles généraux sous la forme de tableaux*/
.ig-divTable-article {
	display: table;
	width: 100%;
	border: medium solid #ffffff;
}
.ig-divTableRow-article {
	display: table-row;
}
.ig-divTableHeading-article {
	background-color: #EEE;
	display: table-header-group;
}
.ig-divTableCell-article, .gp-divTableHead-article {
	border: thin solid #ffffff;
	display: table-cell;
	padding: 3px 10px;
	vertical-align:middle;
}
.ig-divTableHeading-article {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.ig-divTableFoot-article {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.ig-divTableBody-article {
	display: table-row-group;
}

/* divers : pour la page d'erreur si URL non trouvée */
#ig-cadre02 {
	background-color: #CCF;
	border:1px solid #9FC6FF;
	padding:5px;
	-moz-border-radius:10px 0;
	-webkit-border-radius:10px 0;
	border-radius: 5px 10px 10px 5px;
	-moz-box-shadow: 10px 10px 5px #656565;
	-webkit-box-shadow: 10px 10px 5px #656565;
	-o-box-shadow: 10px 10px 5px #656565;
	box-shadow: 5px 5px 5px #656565;
}

.ig-citation-01 { 
	font-family:Verdana, Geneva, sans-serif;
	font-size:1.6em;
	color:#8d804b;
	font-weight:lighter;
	font-weight: normal;
	font-style: normal;
}

.ig-nom-citation-01 { 
	font-family:Verdana, Geneva, sans-serif;
    font-size: 1.3em;
	color:#8d804b;
	line-height: 17pt;
	font-weight:lighter;
	font-style: normal;
}

/* utilisé dans le fichier item.php de du template GuillenPhoto pour avoir l'article décalé pour le scroll et les boutons réseaux sociaux */	
.igp-article-margin {
	margin-left: 0%;
	margin-right: 0%;
}


/********************** UL ********************************/
/* styles liste ul                                        */
/**********************************************************/
ul.ig01 > li {
	list-style-position: inside !important;
	list-style-type: square !important;
    width: 90%;
	text-align:justify;
	color:#333399;
	margin-left: 0;
	padding-left: 2em;
}

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


/********************** ol ********************************/
/* styles liste ol                                        */
/**********************************************************/
ol.ig01 > li {
	list-style-position:inside;
    width: 90%;
	text-align:justify;
	margin: 1.0em !important; /* espace entre les li */	
	color:#333399;
	margin-left: 0;
	padding-left: 2em;
}

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


/* photo dans un article de blog ou dans un bandeau */
.ig-photo-alignement-02 {
	text-align:center;
	margin-top:2.0em;
	margin-bottom:2.0em;
}



/***************************************************/
/*                                                 */
/* 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 */
.igp-photo-wall-grid-container {
	display: flex;
	justify-content: center;
	padding: 0 1rem;
	margin-bottom: 30px;
}

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

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

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

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


.igp-article-texte {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 1.2em;
	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.6em;
	text-align: justify;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 2.0em;	
}


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

.igp-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;
}


/* ----- button for a complimentary service ----- */
.igp-button-complimentary {
	background-color:#f6f5ee;
	color:#8d804b;
	width:40%;
	line-height:1.5em;
    border: 1px solid #8d804b;
	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:Verdana, Geneva, sans-serif;
	font-size:1.2em;
	font-weight: normal;
	display:block;
    text-decoration: none;
}


/* ----- button for miscellaneaous ----- */
.igp-button-miscellaneous {
	background-color:#f6f5ee;
	color:#8d804b;
	width:50%;
	line-height:1.5em;
    border: 1px solid #8d804b;
	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:Verdana, Geneva, sans-serif;
	font-size:1.2em;
	font-weight: normal;
	display:block;
}


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


.igp-space-before-and-after-paragraph-02 {
	margin-top: 1.0em;
	margin-bottom: 1.0em;
}

/* propriétés pour les éléments dans le top des pages */
.igp-logo-top-container {
	display: flex;
	padding: 0 1rem;
	margin-bottom: 30px;
}

.igp-logo-top {
 	display: flex;	
	width:1280px;
 	flex-wrap: wrap;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}

.igp-logo-top-item {
	width:50%;
}

.igp-logo-top-item img {
	display: block;
	margin: 1rem;
	margin-left:0;
}


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

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

.igp-step-item {
	width:23%;
	margin-left: 10px;
	margin-right: 10px;
}


.igp-step-item-title {
	font-family : Arial, Helvetica, sans-serif;
	color:#8d804b;	
	font-size:1.5em;
	text-align:center;
}

.igp-step-item-description {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 1.0em;
	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.6em;
	text-align: justify;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 2.0em;	
}


/* propriétés pour les éléments des testimonials */
.igp-testimonial-container {
	display: flex;
	padding: 0 1rem;
	margin-bottom: 30px;
}

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

.igp-testimonial-item {
	width:45%;
	margin-left: 10px;
	margin-right: 10px;
}

.igp-testimonial-item-2 {
	width:45%;
	margin-left: 50px;
	margin-right: 0px;
}


.igp-testimonial-description {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 1.3em;
	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;	
}

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


.igp-text-home-page {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 1.8em;
	color:#8d804b;
	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: center;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 2.0em;	
}

/* ----- cadre pour les bullets ----- */
.igp-cadre-bullet {
	margin-left:auto;
	margin-right:auto;
	width:80%;
}


.igp-tagline-1 {
	line-height: normal;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.8em;
	font-style: normal;
	text-align:center;
	letter-spacing: normal;
	color:#8d804b;	
}

.ig-photo-space-after {
	margin-left:auto;
	margin-right:auto;
	margin-bottom:2.0em;
}	


/* bouton naviguer ou ouvrir des documents  */
.igp-bloc-button {
	width:100%;	
	margin-top: 2.0em;
	margin-bottom: 2.0em;
}

.igp-button {
	background-color:#f6f5ee;
	color:#8d804b;
    border: 1px solid #8d804b;    
	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: 'Oxygen';	
	font-size:1.5em;
	font-weight: normal;
	display:block;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}

.igp-button:hover {
  background-color: #D1C180;
  color: white;
}

/*********************************************************/
/*                                                       */
/* styles pour les boutons de la barre de notification   */
/*                                                       */
/*********************************************************/
.igp-button-notification-bar {
	background-color:#f6f5ee;
    background-color:#ffffff;
	color:#8d804b;
	width:70%;
	line-height:1.5em;
    border: 1px solid #8d804b;
	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:Verdana, Geneva, sans-serif;
	font-size:1.2em;
	font-weight: normal;
	display:block;
}

/********************** LIENS ********************************/
/* surcharge des liens : souligné                            */
/*************************************************************/
a.igp01:link { 
	text-decoration: none;
	color:#8d804b;
}

/* visited link */
a.igp01:visited {
   	color:#8d804b;
}

/* mouse over link */
a.igp01:hover {
	color:#8d804b;
}

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


/******************************************/
/*                                        */
/* styles pour les encadrés lire aussi    */
/*                                        */
/******************************************/
.igp-lire-aussi {
	font-family: 'Raleway';	
	font-size : 1.5em; 
	color: #666;
	font-style: normal;
	font-weight: bold;
	letter-spacing: normal;
	margin-left:10px;
	border-left:5px solid #8d804b;
	padding-left: 10px;
}

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

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

a.igp-lire-aussi-lien:link { 
	text-decoration: none;
	color:#8d804b;
}


/* un bloc pour une citation */
blockquote.igp04 {
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: 1.2em;
   font-style: italic;
   font-weight: normal;
   text-align:justify;
   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.igp01 {
  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;
}


/******************************************/
/*                                        */
/* styles pour les encadrés à découvrir   */
/*                                        */
/******************************************/
.igp-a-decouvrir {
	font-family: 'Raleway';	
	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;
}

.igp-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;
}

.igp-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.igp-a-decouvrir-lien:link { 
	text-decoration: none;
	color:#333399;
}

/* surcharge de blocquote pour supprimer les guillements de Gavick */
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;
}


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

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

.igui-lightbox{
	background-color:rgba(255,255,255,1)!important;
	color:#999999!important;
}

.ig-lightbox-descriptions, .ig-thumb-scroller-lbox{
	background-color:999999!important;
}


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

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

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


/* 
--------------------------------------------------------------
    Override : tablettes
--------------------------------------------------------------
*/
@media (max-width: 1024px) {

	.h1 {
		font-family: Verdana, Geneva, sans-serif;
		font-size: 1.4em;
		font-style: normal;
		text-align:center;
		letter-spacing: normal;
		color:#8d804b;	
	}

	/* utilisé dans le fichier item.php de du template GuillenPhoto pour avoir l'article décalé pour le scroll et les boutons réseaux sociaux */	
	.igp-article-margin {
		margin-left: 3%;
		margin-right: 2%;
	}
	
	.ig-standard-text {
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 1.0em;
		font-style: normal;
		font-weight: normal;
		color:#000000;
		letter-spacing: normal;
	}

	.ig-call-us-size {
		font-size: 1.0em;
	}
	
	.ig-email-size {
		font-size: 1.0em;
	}
	
	.igp-article-texte {
		font-family : Arial, Helvetica, sans-serif;
		font-size : 1.0em;
		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.6em;
		text-align: justify;
		margin-left: 1%;
		margin-right: 1%;
		margin-bottom: 2.0em;	
	}	
	
	.igp-photo-article-legende-01 {
		text-align: center;
		padding: 10px 20px;
		color: #656565;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.8em;
		font-style: normal;
		font-weight: normal;
	}	
	
	/* ----- bouton pour réserver sur la page d'accueil ----- */
	.igp-button-complimentary {
		background-color: #f6f5ee;
		color:#8d804b;
		width:70%;
		line-height:1.1em;
		border: 1px solid #8d804b;
		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:Verdana, Geneva, sans-serif;
		font-size:1.2em;
		font-weight: normal;
		display:block;
	}

	.igp-button-miscellaneous {
		background-color: #f6f5ee;
		color:#8d804b;
		width:70%;
		line-height:1.1em;
		border: 1px solid #8d804b;
		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:Verdana, Geneva, sans-serif;
		font-size:1.2em;
		font-weight: normal;
		display:block;
	}

	.igp-text-frame-02 {
		background-color: #ffffff;
		color:#8d804b;
		width:80%;
		line-height:1.8em;
		padding: 0.5em;
		margin-top:0.2em;
		margin-left:auto;
		margin-right:auto;
		font-weight: normal;
		display:block;
		font-family: Verdana, Geneva, sans-serif;
		font-size: 1.4em;
		font-style: normal;
		text-align:center;
		letter-spacing: normal;
	}

	.ig-titre-rubrique {
		font-family: Verdana, Geneva, sans-serif;
		font-size: 1.4em;
		font-style: normal;
		text-align:center;
		letter-spacing: normal;
		color:#8d804b;	
	}

	.igp-tagline-1 {
		font-family: Verdana, Geneva, sans-serif;
		font-size: 1.4em;
		font-style: normal;
		text-align:center;
		letter-spacing: normal;
		color:#8d804b;	
	}

	.igp-text-frame-01 {
		background-color: #ffffff;
		color:#8d804b;
		width:80%;
		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;
	}

	.igp-article-texte {
		font-family : Arial, Helvetica, sans-serif;
		font-size : 1.0em;
		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.6em;
		text-align: justify;
		margin-left: 1%;
		margin-right: 1%;
		margin-bottom: 2.0em;	
	}

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

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

	.igp-step-item-title {
		font-family : Arial, Helvetica, sans-serif;
		color:#8d804b;	
		font-size:1.2em;
		text-align:center;
	}

	.igp-text-home-page {
		font-family : Arial, Helvetica, sans-serif;
		font-size : 1.2em;
		color:#8d804b;
		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: center;
		margin-left: 3%;
		margin-right: 3%;
		margin-bottom: 2.0em;	
	}

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

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

	.ig-div-photo-left {
		width: 100%;
		display:none;
		float: none;  
		margin: auto;  
	}

	/* un bloc pour une citation */
	blockquote.igp04 {
	  font-family: Georgia, "Times New Roman", Times, serif;
	  font-size: 1.3em;
	  font-style: italic;
	  font-weight: normal;
	  text-align:justify;
	  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.igp01 {
	  font-family: Georgia, "Times New Roman", Times, serif;
	  font-size: 0.9em;
	  font-style: italic;
	  font-weight: normal;
	  text-align:left;
	  margin-left: 2.0em;
	}

	/******************************************/
	/*                                        */
	/* styles pour les encadrés à découvrir   */
	/*                                        */
	/******************************************/
	.igp-a-decouvrir {
		font-family: 'Raleway';	
		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;
	}
	
	.igp-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;
	}
	
	.igp-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.igp-a-decouvrir-lien:link { 
		text-decoration: none;
		color:#333399;
	}

}



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

	.h1 {
		font-family: Verdana, Geneva, sans-serif;
		font-size: 1.2em;
		font-style: normal;
		text-align:center;
		letter-spacing: normal;
		color:#8d804b;	
	}

	/* propriétés de la photo affichée dans l'introduction des articles sur les stages */
	.ig-div-photo-left {
		width: 100%;
		display:none;
		float: none;  
		margin: auto;  
	}


	/* utilisé dans le fichier item.php de du template GuillenPhoto pour avoir l'article décalé pour le scroll et les boutons réseaux sociaux */	
	.igp-article-margin {
		margin-left: 8%;
		margin-right: 5%;
	}

	/* ----- bouton pour réserver sur la page d'accueil ----- */
	.igp-button-complimentary {
		background-color: #f6f5ee;
		color:#8d804b;
		width:70%;
		line-height:1.1em;
		border: 1px solid #8d804b;
		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:Verdana, Geneva, sans-serif;
		font-size:1.0em;
		font-weight: normal;
		display:block;
	}

	.igp-button-miscellaneous {
		background-color: #f6f5ee;
		color:#8d804b;
		width:70%;
		line-height:1.1em;
		border: 1px solid #8d804b;
		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:Verdana, Geneva, sans-serif;
		font-size:1.0em;
		font-weight: normal;
		display:block;
	}

	.igp-text-frame-02 {
		background-color: #ffffff;
		color:#8d804b;
		width:80%;
		line-height:1.8em;
		padding: 0.5em;
		margin-top:0.2em;
		margin-left:auto;
		margin-right:auto;
		font-weight: normal;
		display:block;
		font-family: Verdana, Geneva, sans-serif;
		font-size: 1.2em;
		font-style: normal;
		text-align:center;
		letter-spacing: normal;
	}

	.ig-titre-rubrique {
		font-family: Verdana, Geneva, sans-serif;
		font-size: 1.2em;
		font-style: normal;
		text-align:center;
		letter-spacing: normal;
		color:#8d804b;	
	}

	.igp-tagline-1 {
		font-family: Verdana, Geneva, sans-serif;
		font-size: 1.2em;
		font-style: normal;
		text-align:center;
		letter-spacing: normal;
		color:#8d804b;	
	}

	.igp-text-frame-01 {
		background-color: #ffffff;
		color:#8d804b;
		width:80%;
		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.0em;
		font-weight: normal;
		display:block;
	}

	.igp-article-texte {
		font-family : Arial, Helvetica, sans-serif;
		font-size : 1.2em;
		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.6em;
		text-align: justify;
		margin-left: 1%;
		margin-right: 1%;
		margin-bottom: 2.0em;	
	}

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

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

	.igp-step-item {
		width:100%;
		margin-left: 10px;
		margin-right: 10px;
	}

	.igp-step-item-title {
		font-family : Arial, Helvetica, sans-serif;
		color:#8d804b;	
		font-size:1.0em;
		text-align:center;
	}

	.igp-step-item-description {
		font-family : Arial, Helvetica, sans-serif;
		font-size : 1.0em;
		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.6em;
		text-align: justify;
		margin-left: 1%;
		margin-right: 1%;
		margin-bottom: 2.0em;	
		margin-top: 2.0em;	
	}

	.igp-text-home-page {
		font-family : Arial, Helvetica, sans-serif;
		font-size : 1.1em;
		color:#8d804b;
		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: center;
		margin-left: 3%;
		margin-right: 3%;
		margin-bottom: 2.0em;	
	}

	/* ----- cadre pour les bullets ----- */
	.igp-cadre-bullet {
		margin-left:auto;
		margin-right:auto;
		width:100%;
	}

	/* un bloc pour une citation */
	blockquote.igp04 {
	  font-family: Georgia, "Times New Roman", Times, serif;
	  font-size: 1.3em;
	  font-style: italic;
	  font-weight: normal;
	  text-align:justify;
	  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.igp01 {
	  font-family: Georgia, "Times New Roman", Times, serif;
	  font-size: 0.9em;
	  font-style: italic;
	  font-weight: normal;
	  text-align:left;
	  margin-left: 2.0em;
	}

	/******************************************/
	/*                                        */
	/* styles pour les encadrés à découvrir   */
	/*                                        */
	/******************************************/
	.igp-a-decouvrir {
		font-family: 'Raleway';	
		font-size : 1.2em; 
		color: #900;
		font-style: normal;
		font-weight: bold;
		letter-spacing: normal;
		margin-left:10px;
		border-left:5px solid #900;
		padding-left: 10px;
	}
	
	.igp-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;
	}
	
	.igp-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.igp-a-decouvrir-lien:link { 
		text-decoration: none;
		color:#333399;
		font-family: 'Raleway';	
		font-size : 1.2em; 
	}

}