/* --------------------------------------------------------- */
/* Feuille de style des squelettes par defaut pour SPIP 2.0  */
/* --------------------------------------------------------- */


/* ------------------------------------------
/* Typographie generale (style transversaux)
/* ------------------------------------------ */


												/* ------------------------------------------
												/* GRANDES RESOLUTIONS
												/* ------------------------------------------ */

	
	
	@media screen and (min-width: 801px){
		
			@font-face {
  font-family: "Raleway light";
  src: url(../../font/Raleway-Light.ttf);
}		

			

html, body{ 
  margin:0;
  padding:0;
  font-family: "Raleway light";
  font-size:1em;
}


/* Couleurs des liens
---------------------------------------------- */
a, a:visited{ 	color: #333;
	text-decoration: none;
	margin:0;
	padding:0;
 }
a:focus,a:hover,a:active { color: #e9bb19; text-decoration: underline; }




/* Titraille / Intertitres */
h1,h2,h4,h5,h6 { margin: 0; padding: 0; font-weight: normal; font-family: verdana; text-align: left;}
h1 { font-size: 18px; color: #0e3c44; margin:0; padding:0; }
h2 { font-size: 25px; font-weight: normal; text-align: left;}
h2, h2 a, h2 a:focus, h2 a:hover, h2 a:active { color: #003; }
h3 { font-size: 12px; font-weight: bold; text-align:left; }
h3.spip {} /* Cf.: spip_style.css */
hr.spip {} /* Cf.: spip_style.css */
h4{height: 30px;}
h5{ font-size: 13px ; text-transform:uppercase;}

/* Autres enrichissements typo */
strong { font-weight: bold; }
em { font-style: italic; }
abbr, acronym { border-bottom: 1px dotted; cursor: help; }
small { font-size: 0.90em; color: #666; }
dfn { font-weight: bold; color: #666; }
del { text-decoration: line-through; }
ins { color: red !important; text-decoration: none; }
sup, sub { font-size: .8em; font-variant: normal; }

/* Listes */
ul.spip {} /* Cf.: spip_style.css */
ol.spip {} /* Cf.: spip_style.css */
dl {}
dt {}
dd {}

/* Citations, code et poesie */
cite {}
q {}
blockquote {}
blockquote.spip {} /* Cf.: spip_style.css */
blockquote.spip_poesie {} /* Cf.: spip_style.css */
.spip_code {} /* Cf.: spip_style.css */
.spip_ {} /* Cf.: spip_style.css */
address {}

/* Tableaux */
table.spip {padding: 0; padding: 0;} /* Cf.: spip_style.css */
/* Tableaux */
table.spip caption { caption-side: top; /* bottom pas pris en compte par IE */  padding: 0; padding: 0; font-weight: bold; }
table.spip tr.row_first {padding: 0; padding: 0;}
table.spip tr.row_odd { padding: 0; padding: 0; }
table.spip tr.row_even { padding: 0; padding: 0; }
table.spip th, table.spip td { padding: 0; padding: 0; }
table.spip th {  padding: 0; padding: 0;}
table.spip td {padding: 0; padding: 0; }
table.spip td.numeric {padding: 0; padding: 0;}

/* Logos, documents et images */
img { margin: 0; padding: 0;}
.spip_logos { margin: 5px; padding:0;} /* Cf.: spip_style.css */
.spip_documents {margin: 0; padding:0;} /* Cf.: spip_style.css */
.spip_documents_center {} /* Cf.: spip_style.css */
.spip_documents_left {} /* Cf.: spip_style.css */
.spip_documents_right {} /* Cf.: spip_style.css */
.spip_doc_titre {} /* Cf.: spip_style.css */
.spip_doc_descriptif {} /* Cf.: spip_style.css */

#produit_accueil{
float: left; width: 28%; height: 350px; margin: 0 5px 5px 5px; padding: 5px 5px 5px 5px; border: 1px solid #44807A; background: url(../../IMG/fond-produit.png) repeat;}

 #titre__produit_accueil {
 width: 100%; height: 60px; text-align:center; background:url(../../IMG/fond-titre-accueil.png) repeat; margin:0; padding:5px 0;}
 
 #bouton_ajouter {
 width: 120px; text-align:center; background-color: #277A81; height: 20px; border: 1px solid #1A5155; margin: 10px 0;
 }
 

 
/* ------------------------------------------
/* BLOCS PRINCIPAUX
/* ------------------------------------------ */

#global_sommaire { position: relative; /*overflow: hidden;*/ width: 100%; }
	
#global { width: 100%; }

#fait_main { position: fixed; bottom: 20px; right: 20px; width: 200px; z-index:100; }
#fait_main img { width: 200px; }

					

	/* pour toutes les pages sauf sommaire */			
#page	{ width:60%;min-height:1200px;height:auto; overflow:hidden;margin:0 auto; padding:0; }

	
	/* PIED */			
#footer { 
	position:fixed;
	bottom: 0;
	width: 100% ;
	height: auto;
	overflow:hidden;
	margin:0;
	padding:0;
	z-index:100;
	}

#footer a, #footer a:visited {
color: #fff!important;
}
#footer a:hover {
color: #b9a6a2!important;
background:none;
border:none;
}

#dentelle {
height:50px;
background:url("../../IMG/fonds/dentelle-blanche.png") repeat-x;
  }
  
  #footer_text {
	color:#fff;  background:#997e83; padding: 15px;
  }

	
	/* PIED SOMMAIRE */
	#footer_sommaire { 
	position:absolute!important;
	bottom: 0!important;
	width: 100% ;
	height: auto;
	overflow:hidden;
	margin:0;
	padding:0;
	}

#footer_sommaire a, #footer_sommaire a:visited {
color: #fff!important;
}
#footer_sommaire a:hover {
color: #b9a6a2!important;
background:none;
border:none;
}

#dentelle {
height:50px;
background:url("../../IMG/fonds/dentelle-blanche.png") repeat-x;
  }
  
 #footer_sommaire #footer_text {
	color:#fff;  background:#997e83; padding: 15px;
  }


/* Menu*/

	 /* HEADER  */
						header {
						  background-color: #fff;
						  
						  /* Pour bien le voir */
						  transition: background-color 400ms linear;
						  height:180px;
						  padding: 10px 0 0 0;
						}

		
								header .nav_bis {
								width:30%;
								padding: 10px;
								display:inline-block;
								}								
								
								header	.nav_text{
									display:inline-block;	padding: 0 10px; border-right: dotted 2px #fff;
									}
									
								header .nav_text a, header .nav_text a:visited, header .nav_text a:focus {
										font-family: "Raleway Light" ;
										font-weight: 500;
										font-size: 1.2em; 
										text-transform:uppercase;
										color:#333;
										}
								header	.nav_text a:hover{
										text-decoration: underline;
										background:none!important;
										color:#87676d;
										}
						
						 
							header .logo{
							display:inline-block;
							width: 160px;
							margin:0;
							padding:0;	
							 }
							 header .logo img{
							width: 160px;
							height:160px;
							margin:0;
							padding:0;	
							 }
							 
							 	header .logo a, header .logo a:hover{
							background:none;
							border:none;
							text-decoration:none;
							 }
							 
							 
							 /* HEADER SCROLLED */
							 
							 header.scrolled {
							  position: fixed;
							   top: 0;
							  left: 0;
							  right: 0;
							  padding: 5px 0 0 0;
							  background-color: #fff;
							  height:70px;
							  z-index:100;
								}


								header.scrolled .nav_bis {
								width:30%;
								padding: 10px;
								display:inline-block;
								}								
								
								header.scrolled	.nav_text{
									display:inline-block;	padding: 0 10px; border-right: dotted 2px #fff;
									}
									
								header.scrolled	.nav_text a, header.scrolled .nav_text a:visited header.scrolled .nav_text a:focus {
										font-family: "Raleway Light";
										font-weight: 500;
										font-size: 1.2em; 
										text-transform:uppercase;
										color:#333;
											
													
										}
								header.scrolled		.nav_text a:hover{
										text-decoration: underline;
										background:none!important;
										color:#b9a6a2;
										}
						
						 
							header.scrolled .logo{
							display:inline-block;
							 }
							 
							 header.scrolled .logo img {
							width: 60px;
							height: 60px;
							 }
							 
							 
	/* SOMMAIRE EFFET PARALLAXE */
				

				/* SLIDE 1 */
					
				#page_sommaire{
				position:relative;
				 -webkit-background-size: cover; /* pour Chrome et Safari */
  				-moz-background-size: cover; /* pour Firefox */
 				 -o-background-size: cover; /* pour Opera */
 				background-size: cover; /* version standardisée */
					background:url(../../IMG/fonds/fond_1-sommaire.jpg) center 0 no-repeat fixed;
							height: 750px;
											 -webkit-background-size: 100%; /* pour Chrome et Safari */
  				-moz-background-size: 100%; /* pour Firefox */
 				 -o-background-size: 100%; /* pour Opera */
 				background-size: 100%; /* version standardisée */

}

				/* accueil*/
				
				.conteneur_sommaire {
					position: absolute;
					bottom:20px;
					left:20px;
					height:auto;
					overflow:hidden;
					margin: 0;
					padding: 0;
					}

					.conteneur_sommaire_text {
					font-size:7em;
					text-align: left;
					color:#fff;
					font-weight:bold;
					line-height:0.9em;
					}
						

			


				/* SLIDE 2 */

				#page_ours{
				
				background:url(../../IMG/fonds/fond_3 ours.jpg) center 0 repeat fixed;
				height: 600px;
								 -webkit-background-size: cover; /* pour Chrome et Safari */
  				-moz-background-size: cover; /* pour Firefox */
 				 -o-background-size: cover; /* pour Opera */
 				background-size: cover; /* version standardisée */
				padding-top:50px;
				}
				
						/* ours */
				
						.conteneur_ours {
						width: 90%;
						height: 700px;
						margin:0 auto;
						padding:0;
							}
		

					#ours {  
					 display:inline-block; margin: 10px 0 0 0; padding:0; vertical-align:middle!important;
					 }  

							#ours img {  
							width: 100%;	margin: 0; padding:0; vertical-align:middle!important;
							}  

					.contenu_ours{
					display:inline-block; width:45%; margin: 0 0 0 25px; padding:0; font-size:1.5em; text-align:justify; line-height: 2em; vertical-align:middle!important;
					}
					

				/* SLIDE 3 */

				#page_douceur{
				
				background:url(../../IMG/fonds/fond_2.jpg) center 0 no-repeat fixed;
				height: 500px;
								 -webkit-background-size: cover; /* pour Chrome et Safari */
  				-moz-background-size: cover; /* pour Firefox */
 				 -o-background-size: cover; /* pour Opera */
 				background-size: cover; /* version standardisée */
				padding-top:50px;

				}
				
				
				

				/* SLIDE 4 */
				
				#page_creations {
				background:url(../../IMG/fonds/fond_4-creations.jpg) center 0 no-repeat fixed;
				 -webkit-background-size: cover; /* pour Chrome et Safari */
  				-moz-background-size: cover; /* pour Firefox */
 				 -o-background-size: cover; /* pour Opera */
 				background-size: cover; /* version standardisée */
				height: 1000px;
				padding-top:0;
				}
				
				
						/* créations*/
						
						#conteneur_creations {
						width:100%;
						height:auto;
						overflow:hidden;
						margin: 0;
						padding: 20px;
						}
						
			.conteneur_creations_cadre1 {  width:100%; padding:0; margin:0;}
						 	
					.conteneur_creations_cadre1 .texte {display:inline-block;color:#333; font-size:7em; font-weight:bold; line-height:0.9; padding:15px 20px 15px 10px; vertical-align:top;}
						
						.conteneur_creations_cadre1 .texte .tout {float:left;margin:0; padding: 10px;text-align: left;font-size:30%; color:#333;}
							.conteneur_creations_cadre1 .texte .tout a {font-size:80%; color:#333;}
							.conteneur_creations_cadre1 .texte .tout a:hover {text-decoration:none; background:none;border: none;color:#585757;}
							
							
							
						.conteneur_creations_cadre1 .image {display:inline-block; position:relative;width:300px; height:300px;margin: 0 10px 10px 0;vertical-align:top;}
							
						.conteneur_creations_cadre1 .image p { position:absolute; bottom:0; width:100%;height:auto; overflow:hidden;margin: 0; padding: 0; background:#fff!important;opacity: 0.9; line-height:normal; font-size: 0.9em;}

					



				/* SLIDE 5 */

				#page_autres{
				
				background:url(../../IMG/fonds/fond_5-autre.jpg) center 0 no-repeat fixed;
				height: 500px;
								 -webkit-background-size: cover; /* pour Chrome et Safari */
  				-moz-background-size: cover; /* pour Firefox */
 				 -o-background-size: cover; /* pour Opera */
 				background-size: cover; /* version standardisée */
				padding-top:50px;

				}
				
	
						


			/* ARTICLE CREATIONS */
						
							/* créations*/
					
					#article_creations {
						height:auto;
						overflow:hidden;
						margin: 30px 0;
						padding: 0 0 100px 0;
					}
					
					.contenu_article_creations { margin:0 auto;padding: 10px; color:#333333; height:auto; overflow:hidden;}
				
				.contenu_article_creations .cadre_image_creations {
				display: inline-block;
				margin: 0 10px 10px 0;
				}
				
					.contenu_article_creations .cadre_image_creations img {
				margin: 0;
				padding:0;
				}

				.creations_titre { padding:30px;font-size: 7em; color:#999999; text-align:left;}
				
				.creations_descriptif { width:80%; margin: 0 auto;padding:10px;font-size: 2em; color:#333; text-align:left;}
				
				
				
							/* ARTICLES RESTAURATIONS */
				
						#global_restauration {position:relative;margin:0; padding:0; padding-top:50px; }
				
							#articles_restauration { float:left;width:60%;}
						
								#articles_restauration .titre_article_restauration{font-size:2em; padding: 10px; font-weight:bold;}

							#menu_restauration { float:right;width:25%; border-left: dotted 3px #eee; }
				
								.menu_restauration_liens {}
				
				
						#menu_restauration .titre_menu {font-size:1.5em; padding: 10px; font-weight:bold;}
				
						}
						
					
										/* FIN GRANDES RESOLUTIONS*/



						
						

				/* Boutique*/
				
				.conteneur_boutique {
					width:813px;
					height:1200px;
					margin: 0 auto 0 auto;
					padding: 0;
					background: url(../../IMG/fonds/fond_conteneurs/fond_boutique.png) no-repeat;
				}
				
				.contenu_boutique{position:relative; top: 40px; left:220px; padding: 10px; }

				#boutique {  
				position: absolute;  
				left:0; top:100px; 
				z-index:-50; 
						}  










/* menu_boutique.html*/
				
#menu_boutique{
	position: fixed;  
	top:0;
	left:0;
	width: 50px;
	height:auto;
	margin:0 ;
	padding:10px 0 10px 0;
	z-index: 100;
	background-color: #26a3b9;
	}
				
				
			
#menu_boutique img{
margin:0;
padding:0;
}
		


				/* LES PAGES DE LA BOUTIQUE*/

				#pages_boutique{
				height: 1200px;
				background: url(../../IMG/fonds/fond_pages/page_boutique.png) no-repeat fixed;
				 -webkit-background-size: cover; /* pour Chrome et Safari */
  				-moz-background-size: cover; /* pour Firefox */
 				 -o-background-size: cover; /* pour Opera */
 				background-size: cover; /* version standardisée */
				}

				
				.conteneurs_boutique {
					width: 813px;
					min-height:1500px;
					max-height:auto;
					height:auto;
					margin: 0 auto 0 auto;
					padding: 0;
				}
				
				.contenus_boutique{padding: 200px 20px; line-height: normal; font-size:105%; text-align:justify; }


				/* MENU PRINCIPAL*/

				#page_parutions, #page_aparaitre, #page_presse, #page_evenement{
				height: 1200px;
				}
				
				#page_parutions{
				background: url(../../IMG/fonds/fond_pages/page_parutions.png) no-repeat fixed ;
				-webkit-background-size: cover; /* pour Chrome et Safari */
  				-moz-background-size: cover; /* pour Firefox */
 				 -o-background-size: cover; /* pour Opera */
 				background-size: cover; /* version standardisée */
				}
				
				#page_aparaitre{
				background: url(../../IMG/fonds/fond_pages/page_apparaitre.png) no-repeat fixed ;
				-webkit-background-size: cover; /* pour Chrome et Safari */
  				-moz-background-size: cover; /* pour Firefox */
 				 -o-background-size: cover; /* pour Opera */
 				background-size: cover; /* version standardisée */
}
			
				#page_presse{
				background: url(../../IMG/fonds/fond_pages/page_presse.png) no-repeat fixed ;
				-webkit-background-size: cover; /* pour Chrome et Safari */
  				-moz-background-size: cover; /* pour Firefox */
 				 -o-background-size: cover; /* pour Opera */
 				background-size: cover; /* version standardisée */
}
				#page_evenement{
				background: url(../../IMG/fonds/fond_pages/page_evenement.png) no-repeat fixed ;
				-webkit-background-size: cover; /* pour Chrome et Safari */
  				-moz-background-size: cover; /* pour Firefox */
 				 -o-background-size: cover; /* pour Opera */
 				background-size: cover; /* version standardisée */
}
				
				/* Parutions*/
				
				.conteneur_parutions {
					position:relative;
					top:170px;
					width: 813px;
					height:500px;
					margin: 0 auto 0 auto;
					padding: 0;
					background: url(../../IMG/fonds/fond_conteneurs/fond-parutions.png) no-repeat;
					}
				
				.contenu_parutions {width: 400px; height:auto; padding: 10px;text-align: justify; overflow-y: auto; overflow-x: hidden;}
				.contenu_parutions_list{ float:left; width: 400px;height:auto; padding: 10px; overflow-y: auto; overflow-x: hidden;}


				/* A paraitre*/

				.conteneur_aparaitre {
					position:relative;
					top:170px;
					width: 813px;
					height:500px;
					margin: 0 auto 0 auto;
					padding: 0;
					background: url(../../IMG/fonds/fond_conteneurs/fond_aparaitre.png) no-repeat;
					}
				
				.contenu_aparaitre {width: 400px; height:auto; padding: 10px;text-align: justify; overflow-y: auto; overflow-x: hidden;}
				.contenu_aparaitre_list{ float:left; width: 400px;height:auto; padding: 10px; overflow-y: auto; overflow-x: hidden;}


				/* Côté presse*/

				.conteneur_presse {
					position:relative;
					top:170px;
					width: 813px;
					height:500px;
					margin: 0 auto 0 auto;
					padding: 0;
					background: url(../../IMG/fonds/fond_conteneurs/fond_presse.png) no-repeat;
					overflow: hidden;
					}
				
				.contenu_presse{position:relative;top:100px; left: 250px;margin: 0;}

			
			
			/* Côté evenement*/

				.conteneur_evenement {
					position:relative;
					top:170px;
					width: 813px;
					height:500px;
					margin: 0 auto 0 auto;
					padding: 0;
					background: url(../../IMG/fonds/fond_conteneurs/fond_evenement.png) no-repeat;
					overflow: hidden;
					}
				
				.contenu_evenement{position:relative;top:100px; left: 250px;margin: 0;}






/* STYLE LIENS MENU BOUTIQUE*/

a.menu, a.menu:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
}
a.menu:focus,a.menu:hover { color: #e9bb19; text-decoration: underline; font-size: 12px;}

a.menu:active { 	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
 } /* liens exposes */



	



 /* conteneur */
 

fieldset{
height: auto;
margin: 20px auto;
padding: 5px;
border: 2px #eee dotted;
}

legend{
color: #333 ;
font-size: 2em;
}



#retour{
margin: 60px 0;
}
a.retour{
color:#333333;
text-decoration:underline;
}

a.etape {
color:#FFFFFF;
 }
 

#dernierProduit{
float:left; width: 100%;height: auto; margin: 0; padding:0;
}





#extra { float: right; clear: right; width: 30%; margin-top: 1em; overflow: hidden; }

/* Espaceur de blocs */
.nettoyeur { clear: both; height: 0; margin: 0; padding: 0; border: 0; line-height: 1px; font-size: 1px; }

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }



/* ------------------------------------------
/* Habillage des elements du contenu
/* ------------------------------------------ */

#hierarchie { clear: both; margin-bottom: 2em; font-size: 0.90em; }
#hierarchie, #hierarchie a { color: #666; }


.chapo { margin: 0; line-height: normal;  color: #1F4250; text-transform:uppercase; }
.texte {  }
.hyperlien { display: block; background: #EEE; padding: 0.50em 1em; font-weight: bold; color: #8B6F92; }
.ps, .notes { margin-bottom: 2em; line-height: 1px; }
.notes { clear: both; font-size: 0.90em; }

abbr.published { border: 0; }

/* Portfolio */
#documents_portfolio { clear: both; margin: 0; text-align: center; }
#documents_portfolio .spip_logos { margin: 0; border: none; }
#documents_portfolio a.on .spip_logos { border-color: #F57900; }
#documents_portfolio a:focus .spip_logos,
#documents_portfolio a:hover .spip_logos,
#documents_portfolio a:active .spip_logos { border-color: #8B6F92; }


/* Habillage des forums
---------------------------------------------- */
.repondre { clear: both; margin-top: 2.50em; margin-right: 1em; text-align: right; font-weight: bold; }

/* Habillage des forums */
ul.forum { display: block; clear: both; margin: 0; padding: 0; }
ul.forum, ul.forum ul { list-style: none; }
.forum-fil { margin-top: 1.50em; }
.forum-fil ul { display: block; margin: 0; padding: 0; margin-left: 1em; }
.forum-chapo .forum-titre, .forum-chapo .forum-titre a { display: block; margin: 0; padding: 0; font-weight: bold; color: #333; }
.forum-texte { margin: 0; padding: 0.50em 1em; color: #333; }
.forum-texte .hyperlien {}
.forum-texte .repondre { margin: 0; padding: 0.10em 0; text-align: right; }

/* Boite d'un forum : eclaircissement progressif des bords */
ul .forum-message { border: 1px solid #666; margin: 0; padding: 0; margin-bottom: 1em; }
ul ul .forum-message { border: 1px solid #A4A4A4; }
ul ul ul .forum-message { border: 1px solid #B8B8B8; }
ul ul ul ul .forum-message { border: 1px solid #CCC; }
ul ul ul ul ul .forum-message { border: 1px solid #E0E0E0; }
ul ul ul ul ul ul .forum-message { border: 1px dotted #E0E0E0; }

/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */
ul .forum-chapo { border: 0; border-bottom: 1px dotted #B8B8B8; margin: 0; padding: 3px 6px 2px 6px; background: #C4E0E0; }
ul ul .forum-chapo { background: #D4E8E8; }
ul ul ul .forum-chapo { background: #E4F0F0; }
ul ul ul ul .forum-chapo { background: #F4F8F8; border-bottom: 1px dotted #E0E0E0; }
ul ul ul ul ul .forum-chapo { background: #FFF; }


/* Habillage des petitions
---------------------------------------------- */
#signatures { clear: both; margin: 0 0 2em 0; padding: 0; background: none; }
#signatures table { width: 100%; margin: 1em 0 0 0; }
#signatures thead { text-align: center; color: #555; }
#signatures td { padding: 0.50em; border: 2px solid #FEFEFE; vertical-align: top; }
#signatures td.signature-date { background: #E4F0F0; text-align: center; white-space: nowrap; }
#signatures td.signature-nom { background: #ECF4F4; text-align: center; }
#signatures td.signature-nom small { display: block; }
#signatures td.signature-message { background-color: transparent; }
#signatures .formulaire_recherche { margin: 20px 0; text-align: right; } /*Cf.: spip_formulaires.css*/
#signatures .formulaire_recherche input.text { width: 10em; text-align: left; } /*Cf.: spip_formulaires.css*/


/* ------------------------------------------
/* Sous-navigation et autres menus
/* ------------------------------------------ */

/* Pagination */
.pagination { clear: both; text-align: right; font-size: 0.90em; color: #666; }
.pagination .on {
	font-weight: bold;
color: #006F8A;
}

/* Rubriques */
.rubriques ul { border: 0; }
.rubriques ul li { border: 0; }

.formulaire_recherche {
	margin-bottom: 2em;
	background-color: transparent;
} /*Cf.: spip_formulaires.css*/

/* Listes d'articles et extraits introductifs */

.articles ul li { clear: both; padding: 0.40em 0.20em; color:#333333;}
.articles ul li h3 { margin: 0.30em 0; }
.articles .spip_logos { float: left; clear: right; margin: 0 5px 5px 0; }
.articles ul li .enclosures { float: right; text-align: right; max-width: 60%; margin: 0; }
.articles ul li .introduction { margin-top: 0.30em; line-height: 1px; }



#thelia_lien .lien-thelia {width: auto; background-color:#02727B; padding: 0; margin:0;color:#FFFFFF;}


/* BLOC BOUTIQUE PRODUTI*/
a.produit_lien, a:visited.produit_lien  {
float:left;
display: block;
width: 200px; 
height: 200px; 
text-decoration:none;
color:#333333;
text-transform:uppercase;
background:url(../../IMG/fonds/fond_produit_fiche.png) no-repeat;
opacity:0.7;
filter:alpha(opacity=80); /* For IE8 and earlier */
padding:5px 0 0 10px;
margin: 5px;
}

a:hover.produit_lien {
float:left;
display: block;
width: 200px; 
height: 200px; 
text-decoration:none;
text-transform:uppercase;
color: #22575E;
background:url(../../IMG/fonds/fond_produit_fiche.png) no-repeat;
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
padding:5px 0 0 10px;
margin: 5px;
}



a.fiche  {
color:#FFFFFF;
}

 a.fiche:visited {
color:#FFFFFF;
}


 a.fiche:hover {
color: #33FFFF;
}