@charset "iso-8859-1";	   


	A {TEXT-DECORATION: none}
	A:hover {TEXT-DECORATION: underline}
	A:link {color: blue}
	A:visited {color: #000080}
	A:active {color: red}
	body {	   
	
		min-height: 100%;
		color:black;	
		margin: 0; 
		padding: 2em;  				
		background-image:url(../images/fond.png);	 
										 /* no-repeat center fixed; */
		background-size: cover; 
	}

	img {
		max-width: 100%;
		height: auto;
	}		 
audio
{		  
		 float: left; 
		width: 50%; 	
		
		margin: 0 10px 10px 0; 	

-webkit-transition:all 0.5s linear;
-moz-transition:all 0.5s linear;
-o-transition:all 0.5s linear;
transition:all 0.5s linear;
-moz-box-shadow: 2px 2px 4px 0px #006773;
-webkit-box-shadow:  2px 2px 4px 0px #006773;
box-shadow: 2px 2px 4px 0px #006773;
-moz-border-radius:7px 7px 7px 7px ;
-webkit-border-radius:7px 7px 7px 7px ;
border-radius:7px 7px 7px 7px ;
}

@media screen and (max-width: 767px) {
	.magazine {
		width: 650px; 
		margin: auto; 
		float: none; 
		background-color: #FFF2FF;	 
		text-align: center;
		font-family: Arial, Helvetica, sans-serif; font-size: 10pt; 
		border: none; 
		box-shadow: 0px 10px 20px #333;
		-moz-box-shadow: 0px 10px 20px #333;
		-webkit-box-shadow: 0px 10px 20px #333; 
	}
		
	.entete_magazine {
		clear: both;   
		float: left;   
		margin-top: 1em;
	}
	.logo_entete_magazine {
		width: 300px; 
		float: left; 
	}
	.titre_entete_magazine {
							clear: both;   
		float: left;   
		margin-top: 1em;
		margin-top: 2em;
		margin-left: 150px;
		width: 300px; 
		float: left; 
	}
	.numero_entete_magazine {
		margin-top: 2em;
		width: 200px; 
		float: left; 
	}
	.souligne {
		clear: both;   
	}
	.space1 {
		width: 120px; 
		height: 9px;
		float: left; 
	}
	.space2 {
		width: 530px; 
		height: 9px;
		float: left; 
	}
	.une_magazine {
		clear: both;   
	}
	.colonne_gauche { 
		width: 170px; 
		margin: 10px 10px 10px 10px;
		float: left; 
	}
	.accroche {
		float: left; 
		margin: 10px 10px 10px 10px;
		width: 250px; 	
		/* font-weight: bold; */
	}
	.image_accroche {
		float: left; 
		width: 50%; 	
		height: auto;
		margin: 0 10px 10px 0; 	
	}
	.texte_accroche {
		float: none;  
		font-size: 11pt; 
		text-align: justify;
	}
	.colonne_droite {
		width: 170px; 
		margin: 10px 10px 10px 10px;
		float: right; 
	}
	.encart {	
		background-color: white; 
		border-color: #bd108c; 
		width: 170px; 
		border-style: solid; 
		border-width: 1px
	}
	.titre_encart {
		background-color: #ffe0ff; 
		width: 100%; 
		font-weight: 800; 
		font-size: 12pt; 
		color: blue
	}
	.image_encart {	
		width: 160px; 
		height: auto; 
		margin-top: 5px
	}
	.legende_encart {	
		margin: 5px 5px 5px 5px; 
		font-size: 8pt; 
		color: blue
	}
	.titre_enqueue {
		clear: both;   
		background-color: #ffe0ff; 
		width: 100%; 
		font-weight: 800; 
		font-size: 12pt; 
		color: blue
	}
	.enqueue_magazine {
		clear: both;   
		width: 100%; 
		height: 100px;
	}
	.logo_enqueue {
		margin-left: 2em;
		margin-top: 1em;
		float: left; 
	}
	.bandeau_enqueue {
		margin-top: 3em;
		width: 360px; 
		float: left; 
	}
	.image_bandeau_enqueue {   
		width: 70%; 	
		height: auto;
	}
	.dons_enqueue {
		margin-right: 2em;
		float: right; 
	}

	.entete_article { 
		clear: both;   
		float: left;   
		margin-top: 1em;

	}
	.logo_entete_article {
		width: 150px; 
		margin : 2em 0 0 2em;
		float: left; 
	}
	.titre_entete_article {
		margin-top: 5em;
		float: left;  
		font-size: 10pt; 	
		text-align: left;
		font-style: italic
	}
	.numero_entete_article {
		margin-top: 3em;
		width: 100px; 
		float: right; 
	}
	.texte_article {  
		clear: both; 
		margin: 8em 10em 5em 10em;
		text-align: justify;	 
		font-family: Arial, Courier New, Times New Roman; 
		font-size: 12pt; 
		color: black
	}			  
	
	.titre_article {  
		font-size: 20pt; 
		margin-bottom: 2em;
		font-weight: bold; 
		text-align: center; 		
		
		text-decoration: underline
	}
	.soustitre_article {  
		font-size: 14pt; 
		margin-bottom: 1em;
		margin-left: -1em;
		font-weight: bold; 
		text-align: left; 		
		
		text-decoration: underline
	}
	.imagegauche_article {
		float: left;
		margin: 2em;
		width: auto;
		height: auto;
	}
	.imagedroite_article {
		float: right;
		margin: 2em;
		width: auto;
		height: auto;
	}
	.imagecentre_article { 
		clear: both;		
		margin: 2em;
		text-align: center;
	}
	.imagegauche2_article {
		float: left;
		margin: 0em 1em 1em 0em ;
		width: auto;
		height: auto;
	}
	.imagedroite2_article {
		float: right;
		margin: 0em 0em 1em 1em;
		width: auto;
		height: auto;
	}
	.imagecentre2_article { 
		clear: both;		
		margin: 1em;
		text-align: center;
	}
	.enqueue_article {	 
		clear:both; 
		text-align: center;
		padding: 1em 0 2em 0;
	}
}	

@media screen and (max-width: 979px) and (min-width: 768px){
	.magazine {
		width: 700px; 
		margin: auto; 
		float: none; 
		background-color: #FFF2FF;	 
		text-align: center;
		font-family: Arial, Helvetica, sans-serif; font-size: 10pt; 
		border: none; 
		box-shadow: 0px 10px 20px #333;
		-moz-box-shadow: 0px 10px 20px #333;
		-webkit-box-shadow: 0px 10px 20px #333; 
	}
		
	.entete_magazine {
		clear: both;   
		float: left;   
		margin-top: 1em;
	}
	.logo_entete_magazine {
		width: 300px; 
		float: left; 
	}
	.titre_entete_magazine {
		margin-top: 2em;
		width: 200px; 
		float: left; 
	}
	.numero_entete_magazine {
		margin-top: 2em;
		width: 200px; 
		float: left; 
	}
	.souligne {
		clear: both;   
	}
	.space1 {
		width: 120px; 
		height: 9px;
		float: left; 
	}
	.space2 {
		width: 580px; 
		height: 9px;
		float: left; 
	}
	.une_magazine {
		clear: both;   
	}
	.colonne_gauche { 
		width: 170px; 
		margin: 10px 10px 10px 10px;
		float: left; 
	}
	.accroche {
		float: left; 
		margin: 10px 10px 10px 10px;
		width: 300px; 	
		/* font-weight: bold; */
	}
	.image_accroche {
		float: left; 
		width: 50%; 	
		height: auto;
		margin: 0 10px 10px 0; 	
	}
	.texte_accroche {
		float: none;  			
		font-size: 12pt; 
		text-align: justify;
	}
	.colonne_droite {
		width: 170px; 
		margin: 10px 10px 10px 10px;
		float: right; 
	}
	.encart {	
		background-color: white; 
		border-color: #bd108c; 
		width: 170px; 
		border-style: solid; 
		border-width: 1px
	}
	.titre_encart {
		background-color: #ffe0ff; 
		width: 100%; 
		font-weight: 800; 
		font-size: 12pt; 
		color: blue
	}
	.image_encart {	
		width: 160px; 
		height: auto; 
		margin-top: 5px
	}
	.legende_encart {	
		margin: 5px 5px 5px 5px; 
		font-size: 8pt; 
		color: blue
	}
	.titre_enqueue {
		clear: both;   
		background-color: #ffe0ff; 
		width: 100%; 
		font-weight: 800; 
		font-size: 12pt; 
		color: blue
	}
	.enqueue_magazine {
		clear: both;   
		width: 100%; 
		height: 100px;
	}
	.logo_enqueue {
		margin-left: 2em;
		margin-top: 1em;
		float: left; 
	}
	.bandeau_enqueue {
		margin-top: 2em;
		width: 410px; 
		float: left; 
	}
	.image_bandeau_enqueue {   
		width: 75%; 	
		height: auto;
	}
	.dons_enqueue {
		margin-right: 2em;
		float: right; 
	}

	.entete_article { 
		clear: both;   
		float: left;   
		margin-top: 1em;

	}
	.logo_entete_article {
		width: 150px; 
		margin : 2em 0 0 2em;
		float: left; 
	}
	.titre_entete_article {
		margin-top: 5em;
		float: left;  
		font-size: 10pt; 	
		text-align: left;
		font-style: italic
	}
	.numero_entete_article {
		margin-top: 3em;
		width: 100px; 
		float: right; 
	}
	.texte_article {  
		clear: both; 
		margin: 8em 10em 5em 10em;
		text-align: justify;	 
		font-family: Arial, Courier New, Times New Roman; 
		font-size: 12pt; 
		color: black
	}			  
	
	.titre_article {  
		font-size: 20pt; 
		margin-bottom: 2em;
		font-weight: bold; 
		text-align: center; 		
		
		text-decoration: underline
	}
	.soustitre_article {  
		font-size: 14pt; 
		margin-bottom: 1em;
		margin-left: -1em;
		font-weight: bold; 
		text-align: left; 		
		
		text-decoration: underline
	}
	.imagegauche_article {
		float: left;
		margin: 2em;
		width: auto;
		height: auto;
	}
	.imagedroite_article {
		float: right;
		margin: 2em;
		width: auto;
		height: auto;
	}
	.imagecentre_article { 
		clear: both;		
		margin: 2em;
		text-align: center;
	}
	.imagegauche2_article {
		float: left;
		margin: 0em 1em 1em 0em ;
		width: auto;
		height: auto;
	}
	.imagedroite2_article {
		float: right;
		margin: 0em 0em 1em 1em;
		width: auto;
		height: auto;
	}
	.imagecentre2_article { 
		clear: both;		
		margin: 1em;
		text-align: center;
	}
	.enqueue_article {	 
		clear:both; 
		text-align: center;
		padding: 1em 0 2em 0;
	}
}	

@media screen and (max-width: 1199px) and (min-width: 981px){
	.magazine {
		width: 900px; 
		margin: auto; 
		float: none; 
		background-color: #FFF2FF;	 
		text-align: center;
		font-family: Arial, Helvetica, sans-serif; font-size: 10pt; 
		border: none; 
		box-shadow: 0px 10px 20px #333;
		-moz-box-shadow: 0px 10px 20px #333;
		-webkit-box-shadow: 0px 10px 20px #333; 
	}
		
	.entete_magazine {
		clear: both;   
		float: left;   
		margin-top: 1em;
	}
	.logo_entete_magazine {
		width: 300px; 
		float: left; 
	}
	.titre_entete_magazine {
		margin-top: 2em;
		width: 400px; 
		float: left; 
	}
	.numero_entete_magazine {
		margin-top: 2em;
		width: 200px; 
		float: left; 
	}
	.souligne {
		clear: both;   
	}
	.space1 {
		width: 120px; 
		height: 9px;
		float: left; 
	}
	.space2 {
		width: 780px; 
		height: 9px;
		float: left; 
	}
	.une_magazine {
		clear: both;   
	}
	.colonne_gauche { 
		width: 170px; 
		margin: 10px 10px 10px 10px;
		float: left; 
	}
	.accroche {
		float: left; 
		margin: 10px 10px 10px 10px;
		width: 500px; 	
		/* font-weight: bold; */
	}
	.image_accroche {
		float: left; 
		width: 50%; 	
		height: auto;
		margin: 0 10px 10px 0; 	
	}
	.texte_accroche {
		float: none;  	   
		font-size: 13pt; 
		text-align: justify;
	}
	.colonne_droite {
		width: 170px; 
		margin: 10px 10px 10px 10px;
		float: right; 
	}
	.encart {	
		background-color: white; 
		border-color: #bd108c; 
		width: 170px; 
		border-style: solid; 
		border-width: 1px
	}
	.titre_encart {
		background-color: #ffe0ff; 
		width: 100%; 
		font-weight: 800; 
		font-size: 12pt; 
		color: blue
	}
	.image_encart {	
		width: 160px; 
		height: auto; 
		margin-top: 5px
	}
	.legende_encart {	
		margin: 5px 5px 5px 5px; 
		font-size: 8pt; 
		color: blue
	}
	.titre_enqueue {
		clear: both;   
		background-color: #ffe0ff; 
		width: 100%; 
		font-weight: 800; 
		font-size: 12pt; 
		color: blue
	}
	.enqueue_magazine {
		clear: both;   
		width: 100%; 
		height: 100px;
	}
	.logo_enqueue {
		margin-left: 2em;
		margin-top: 1em;
		float: left; 
	}
	.bandeau_enqueue {
		margin-top: 2em;
		width: 610px; 
		float: left; 
	}
	.image_bandeau_enqueue {   
		width: 85%; 	
		height: auto;
	}
	.dons_enqueue {
		margin-right: 2em;
		float: right; 
	}

	.entete_article { 
		clear: both;   
		float: left;   
		margin-top: 1em;

	}
	.logo_entete_article {
		width: 150px; 
		margin : 2em 0 0 2em;
		float: left; 
	}
	.titre_entete_article {
		margin-top: 5em;
		float: left;  
		font-size: 10pt; 	
		text-align: left;
		font-style: italic
	}
	.numero_entete_article {
		margin-top: 3em;
		width: 100px; 
		float: right; 
	}
	.texte_article {  
		clear: both; 
		margin: 8em 10em 5em 10em;
		text-align: justify;	 
		font-family: Arial, Courier New, Times New Roman; 
		font-size: 12pt; 
		color: black
	}			  
	
	.titre_article {  
		font-size: 20pt; 
		margin-bottom: 2em;
		font-weight: bold; 
		text-align: center; 		
		
		text-decoration: underline
	}
	.soustitre_article {  
		font-size: 14pt; 
		margin-bottom: 1em;
		margin-left: -1em;
		font-weight: bold; 
		text-align: left; 		
		
		text-decoration: underline
	}
	.imagegauche_article {
		float: left;
		margin: 2em;
		width: auto;
		height: auto;
	}
	.imagedroite_article {
		float: right;
		margin: 2em;
		width: auto;
		height: auto;
	}
	.imagecentre_article { 
		clear: both;		
		margin: 2em;
		text-align: center;
	}
	.imagegauche2_article {
		float: left;
		margin: 0em 1em 1em 0em ;
		width: auto;
		height: auto;
	}
	.imagedroite2_article {
		float: right;
		margin: 0em 0em 1em 1em;
		width: auto;
		height: auto;
	}
	.imagecentre2_article { 
		clear: both;		
		margin: 1em;
		text-align: center;
	}
	.enqueue_article {	 
		clear:both; 
		text-align: center;
		padding: 1em 0 2em 0;
	}

}	

@media screen and (min-width: 1200px) {
	.magazine {
		width: 1000px; 
		margin: auto; 
		float: none; 
		background-color: #FFF2FF;	 
		text-align: center;
		font-family: Arial, Helvetica, sans-serif; font-size: 10pt; 
		border: none; 
		box-shadow: 0px 10px 20px #333;
		-moz-box-shadow: 0px 10px 20px #333;
		-webkit-box-shadow: 0px 10px 20px #333; 
	}
		
	.entete_magazine {
		clear: both;   
		float: left;   
		margin-top: 1em;
	}
	.logo_entete_magazine {
		width: 300px; 
		float: left; 
	}
	.titre_entete_magazine {
		margin-top: 2em;
		width: 500px; 
		float: left; 
	}
	.numero_entete_magazine {
		margin-top: 2em;
		width: 200px; 
		float: left; 
	}
	.souligne {
		clear: both;   
	}
	.space1 {
		width: 120px; 
		height: 9px;
		float: left; 
	}
	.space2 {
		width: 880px; 
		height: 9px;
		float: left; 
	}
	.une_magazine {
		clear: both;   
	}
	.colonne_gauche { 
		width: 170px; 
		margin: 10px 10px 10px 10px;
		float: left; 
	}
	.accroche {
		float: left; 
		margin: 10px 10px 10px 10px;
		width: 600px; 	
		/* font-weight: bold; */
	}
	.image_accroche {
		float: left; 
		width: 50%; 	
		height: auto;
		margin: 0 10px 10px 0; 	
	}
	.texte_accroche {
		float: none;  
		font-size: 14pt; 
		text-align: justify;
	}
	.colonne_droite {
		width: 170px; 
		margin: 10px 10px 10px 10px;
		float: right; 
	}
	.encart {	
		background-color: white; 
		border-color: #bd108c; 
		width: 170px; 
		border-style: solid; 
		border-width: 1px
	}
	.titre_encart {
		background-color: #ffe0ff; 
		width: 100%; 
		font-weight: 800; 
		font-size: 12pt; 
		color: blue
	}
	.image_encart {	
		width: 160px; 
		height: auto; 
		margin-top: 5px
	}
	.legende_encart {	
		margin: 5px 5px 5px 5px; 
		font-size: 8pt; 
		color: blue
	}
	.titre_enqueue {
		clear: both;   
		background-color: #ffe0ff; 
		width: 100%; 
		font-weight: 800; 
		font-size: 12pt; 
		color: blue
	}
	.enqueue_magazine {
		clear: both;   
		width: 100%; 
		height: 100px;
	}
	.logo_enqueue {
		margin-left: 2em;
		margin-top: 1em;
		float: left; 
	}
	.bandeau_enqueue {
		margin-top: 2em;
		width: 710px; 
		float: left; 
	}  
	.image_bandeau_enqueue {   
		width: 90%; 	
		height: auto;
	}
	.dons_enqueue {
		margin-right: 2em;
		float: right; 
	}

	.entete_article { 
		clear: both;   
		float: left;   
		margin-top: 1em;

	}
	.logo_entete_article {
		width: 150px; 
		margin : 2em 0 0 2em;
		float: left; 
	}
	.titre_entete_article {
		margin-top: 5em;
		float: left;  
		font-size: 10pt; 	
		text-align: left;
		font-style: italic
	}
	.numero_entete_article {
		margin-top: 3em;
		width: 100px; 
		float: right; 
	}
	.texte_article {  
		clear: both; 
		margin: 8em 10em 5em 10em;
		text-align: justify;	 
		font-family: Arial, Courier New, Times New Roman; 
		font-size: 12pt; 
		color: black
	}			  
	
	.titre_article {  
		font-size: 20pt; 
		margin-bottom: 2em;
		font-weight: bold; 
		text-align: center; 		
		
		text-decoration: underline
	}
	.soustitre_article {  
		font-size: 14pt; 
		margin-bottom: 1em;
		margin-left: -1em;
		font-weight: bold; 
		text-align: left; 		
		
		text-decoration: underline
	}
	.imagegauche_article {
		float: left;
		margin: 2em;
		width: auto;
		height: auto;
	}
	.imagedroite_article {
		float: right;
		margin: 2em;
		width: auto;
		height: auto;
	}
	.imagecentre_article { 
		clear: both;		
		margin: 2em;
		text-align: center;
	}
	.imagegauche2_article {
		float: left;
		margin: 0em 1em 1em 0em ;
		width: auto;
		height: auto;
	}
	.imagedroite2_article {
		float: right;
		margin: 0em 0em 1em 1em;
		width: auto;
		height: auto;
	}
	.imagecentre2_article { 
		clear: both;		
		margin: 1em;
		text-align: center;
	}
	.enqueue_article {	 
		clear:both; 
		text-align: center;
		padding: 1em 0 2em 0;
	}
}