@charset "UTF-8";
/* CSS Document */

body {
  max-width: 100vw;
    overflow-x: hidden;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-size: cover;
	color: #FDFCFB;
	text-align: left;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
}




img {
 
  max-width: 300px;
  border-radius: 5;
}

.header {
	
	
    padding: 0px;
    height:100px;
 	background: #fff;
   
    width:100%;

   border-bottom: 1px solid #ddd;
 
}


.soustitre {
	 color:#8f605f;
	position: absolute;
	padding-left: 135px;
	margin-top: 70px; 
	font-size: 14px;
    font-family: arial, serif;
	word-spacing: 1rem;
	left: 1px;
	width:700;
	
 }
 
.JFK{margin-top: 0px;margin-bottom: 0px;font-size: 14px;margin-left: -12px;

	color: #333;
font-family: georgia;

	
}

.deca{margin-left:12px;}

.video{margin:15;

font-size: 14px;
line-height: 150%;
	color: #333;
font-family: georgia;
	text-align: left;
}


.soumettre{color: #FFF;
	text-decoration: none;
	background-color: #1a73e8;
	padding-left: 30;
		padding-right: 30;
		padding-bottom:10;
		padding-top:10;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-size: 15px;
	   font-weight: normal;
	
	 border-radius: 5px 5px 5px 5px;

}




 .boutonpaypal{padding-left: 10;}


.accordionhaut {
border-radius: 5px;

text-decoration:underline;
  background-color: #FFF;
  color: #950000;
 align-content: center;
  cursor: pointer;
   margin-top: 15;
    font-size: 15px;
  padding-left: 20px;
  padding-top: 5;padding-bottom:5 ;
 font-family: Georgia, serif;
 width: 96%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordionhaut:hover {
  background-color: #FFF;
}


/* Style the accordion panel. Note: hidden by default */
.panelhaut {
    width: 95%;
  padding: 0 12px;
 padding-top: 0;padding-bottom:10 ;

    border-radius: 5px;
  background-color: #FFF;
     color: #555;
   font-family: Georgia, serif; border: 1px solid #ddd;
    font-size: 14px;text-align: left;
  display: none;
  overflow: hidden;
  margin-left: 30;


}

.filtre {
  background-color: #FFF;
  color: #555;
  align-content: left;
  cursor: pointer;
  margin-top: 15px;
  font-size: 14px;
  padding: 18px;
  padding-top: 5px;
  padding-bottom: 5px;
font-family: Georgia, serif;
  width: 91%;
  text-align: left;
  outline: none;
  transition: 0.4s;
  position: relative;
 
}











.accordion {

text-decoration:underline;
  background-color: #FFF;
 
 align-content: center;
  cursor: pointer;
  	font-size: 14px;
 
  font-family: georgia;
   ; /* Ajuster la largeur pour s'adapter au conteneur */
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
font-weight: normal; color:#ba133f;









}







/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
  background-color: #FFF;
}

 .accordion {
            background-color: #f9f9f9;
            border: none;
            text-align: left;
            padding: 10px;
            cursor: pointer;
            outline: none;
            transition: background-color 0.3s ease;
        }
        .accordion:hover {
            background-color: #e6e6e6;
        }
        .panel {
            display: none;
            padding: 0 10px;
            background-color: #fff;
            overflow: hidden;
        }
        .panel.show {
            display: block;
        }




.ads {
  
 margin-left:50px;


 
 

  }
  
 .bloc-image {
	 margin-top:10px;
  position:absolute;
 margin-left:10px;
  margin-right:10px;
 width: 100%;
 background:#fff;
 align:left;
 

  } 
  
  
  
.info {
  
display:block;

 
 

  }
  
  
 .bloc-videomax {margin-left:20px;margin-top:8px; }
  
  
  .bloc-texte {
	
  position:absolute;
   margin-top:42px;
 margin-left:135px;
 width: 580px;
 background:#fff;
 margin-bottom:30;
 font-size: 14px;
line-height: 150%;
	color: #333;
font-family: georgia;
	text-align: left;

 

  }

  .resultatssensefiltre{color:#555;margin-left:6px;	font-size: 13px;margin-top:10px;
font-family: georgia; border-bottom: 1px solid #ddd;width: 600px;padding-bottom: 15;}

.bloc-sensefiltre {
	 margin-top:20px;
  position:absolute;
 margin-left:133px;
 width: 600px;
 background:#fff;
 margin-bottom:30;

 

  }

  .soustitre {


	 color:#555;
	position: absolute;
	margin-left: 115px;
	margin-top: 71px; 
	font-size: 15px;
    font-family: arial, serif;


	width:700;
	
 }

 .bloc-variable {
	 margin-top:68px;
  position:absolute;
 margin-left:238px;
;
 width: 90%;
 background:#fff;
 margin-bottom:30;

 

  }



.info-variable {
   margin-top:50px;
  position:absolute;
 margin-left:255px;
;
 width: 90%;
 background:#fff;
 margin-bottom:30;

  animation: fadeInUp 0.6s ease-in-out both;
    transition: background-color 0.3s ease, box-shadow 0.3s ease, transform 0.2s ease;

  }


.bloc-resultat {
   margin-top:75px;
  position:absolute;
 margin-left:258px;
 width: 600px;
 background:#fff;
 margin-bottom:30;

 

  }





.bloc-tipeee {
     margin-top:42px;
  position:absolute;
 margin-left:133px;
;
 width: 90%;
 background:#fff;
 margin-bottom:30;

 

  }




.variable_tipeee {width: 600px; }

 .variable_margin {width: 600px; }
  
  
.variable_texte {width: 600px; margin-left:10;}
  
  
    
  
.chrome {
       position:absolute;
right:130px;

  margin-top:15px; /* position haut*/
color:#555;
   font-family: arial, serif;
  font-size: 14px;
     font-weight: normal;
  

 }

.chromex {
       position:absolute;
right: 150px;
width:150;
  margin-top:15px; /* position haut*/
color:#555;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
  font-size: 12px;
     font-weight: normal;
  

 }


 
 .firefox {
  
 display: none;
  }
 

/*LOGO*/
 
 .souslogo {
	  position:absolute;
	left: 55px;
	top: 4px; 
	
	 }
	
		 .souslabarre {
	position: absolute;
width: 450px;
margin-top:50 ;
	

 }
		
		
 a.logo:link {color:#ba133f;font-size: 43px;font-family: 'La Belle Aurore', cursive;
  
  text-decoration:none; }
a.logo:visited {color:#ba133f;}
a.logo:hover {color:#ba133f;}
a.logo:active {color:#ba133f;}



		a.paypal:link {width: fit-content;
    font-size: 14px;
    color: #A25B08;
    text-decoration: none;
 }

a.paypal:hover {text-decoration: underline;}
a.paypal:active {color:#A25B08;}
a.paypal:visited {color:#A25B08;}

 
 
 
 
 
 
 
 
      .vertical-line{
	
padding-right:10;
        border-left: 1px solid #ddd;
         display: inline-block;
        height: 12px;
     
      }


 
.horizontal-line{
	
border-top: 1px solid #ddd;
  display: inline-block;
width : 100%;  }

.note {
	
margin-top: 14;
	font-size: 13px;
line-height: 125%;
	color: #555;
    font-family: arial, serif;
	text-align: left;
margin-left: 17; margin-right: 10;
}







/* Style pour les éléments impairs */
li:nth-child(odd) {
    background-color: #fff ; /* Couleur de fond pour les éléments impairs */
}

/* Style pour les éléments pairs */
li:nth-child(even) {
    background-color: #ebf4fa; /* Couleur de fond pour les éléments pairs */
}

/* Style général des <li> */
li {
    list-style-type: square;
    margin-bottom: 8px;
    padding: 8px 12px;
    color: #333;
    font-size: 16px;
    font-family: arial, serif;
    border-radius: 10px;
    line-height: 1.5;
   
    transition: transform 0.2s ease, background-color 0.3s ease;
}

/* Effet au survol */
li:hover {
}


 
p {

	margin: 6px 0;
    line-height: 18px;
    color: #333;
   font-family: arial, serif;
    font-size: 16px;
     line-height: 150%;
}
  
 
   
 
  
   
   
 h1 {  font-size: 24px;line-height: 150%;
  color: #333;
    font-family: arial, serif;
 font-weight: bold;
margin-left: 0;


}

 h2 {  font-size: 16px;
line-height: 115%;
  color: #333;
    font-family: arial, serif;
	text-align: left;
 font-weight: bold;
  text-decoration: none;

}


 h5 {  font-size: 14px;
line-height: 115%;
  color: #333;
    font-family: arial, serif;
  text-align: left;
 font-weight: normal;
  text-decoration: underline;

}


 h3 {   margin: 6px 0;
    font-size: 18px;
    color: #333;
   
     font-family: arial, serif; font-weight: normal;}

    a.title:link {
    font-size: 18px;
    color: #333;
    text-decoration: none;
       font-family: arial, serif; font-weight: normal;}
    a.title:active {color:#333;}
 a.title:visited {color:#333;}
 a.title:hover {color:#333;}



h4 {  font-size: 20px;line-height: 150%;
color: #333;
    font-family: arial;
 font-weight: bold;
margin-left: 7;
 text-decoration: none;


}
.amazon {
  margin-top: 0px;
  font-size: 14px;
  color: #555;
 font-family: arial, serif;
  text-align: left;
  margin-left: 22px;
  margin-right: 32px;
 
}

 a.amazon:link {color:#950000;text-decoration:none;

}
  	
 	 
a.amazon:visited {color:#950000  }
a.amazon:hover {color:#950000;}
a.amazon:active {color:#950000;}


a.url :link {
    background-color: #fff;
   
    font-size: 14px;
    color: #A25B08;
    text-decoration: none;  }



a.contact:link {color:#666;
  
  text-decoration:none; }
a.contact:visited {color:#666; }
a.contact:hover {text-decoration:underline;}
a.contact:active {color:#666;}

a.navigator:link {color:#666;
  
  text-decoration:none; }
a.navigator:visited {color:#666;}
a.navigator:hover {text-decoration:underline;}
a.navigator:active {color:#666;}

a.chrome-only:link {color:#A25B08;
  
  text-decoration:none; border: 1px solid #A25B08;
  border-radius: 10px;
  padding: 10; padding-left: 15;padding-right: 15;
  font-family: arial;
 }
a.chrome-only:visited {color:#A25B08;}
a.chrome-only:hover {text-decoration:underline;}
a.chrome-only:active {color:#A25B08;}



.ads_bottom {display:none;}


 a.class2:link {
   font-size: 16px;
 color:#0000cc;
	text-decoration: none;
	line-height: 140%
}


/* visited link */
a.class2:visited {
  color:#0000cc;  
}

/* mouse over link */
a.class2:hover {
 
	 text-decoration: underline;
	
}

 a.abo:link {
 margin-left: 7;
 font-size: 16px;
    color: #bb4b31;
	text-decoration: underline;

}



a.abo:visited {
     color: #bb4b31;
}






 a.class3:link {
	 


	background-color: #FFF;
	
	
	padding:2;
				
	
margin-right:5;
	     border-radius: 5px 5px 5px 5px;
	
	
}


a.class3:visited {
	 color:#555;
}


/* mouse over link */
a.class3:hover {
 
text-decoration: underline;

	
} 


 a.class4:link {
    color: #666;
	text-decoration: none;
	word-spacing: 4px;
}



a.class4:visited {
     color: #666;
}

a.class4:hover {
 color: #333;
	/*border-bottom: 2px solid #fcdd09;
	padding-bottom:12px;*/
	
	
}










a.class5:link {
 text-decoration: underline;
 
       color: #666;
  
}


a.class5:visited {
    color: #666;

}




a.class5:hover { color: #333;


	
	
}



a.mapes:link {
    color: #666;
  text-decoration: none;
  word-spacing: 4px;
}



a.mapes:visited {
     color: #666;
}

a.mapes:hover {
 color: #333;
  /*border-bottom: 2px solid #fcdd09;
  padding-bottom:12px;*/
  
  
}



 a.CA:link {
    color: #333;
	text-decoration: none;

}



a.CA:visited {
     color: #333;
}

a.CA:hover {
 color: #333;
	/*border-bottom: 2px solid #fcdd09;
	padding-bottom:12px;*/
	
	
}





a.amaz:link {
    color: #666;
  text-decoration: none;
  word-spacing: 4px;
   border-radius: 10px 10px 10px 10px;
   background:  #fff;
 
}



a.amaz:visited {
     color: #666;
}

a.amaz:hover {
 color: #333;
  /*border-bottom: 2px solid #fcdd09;
  padding-bottom:12px;*/
  
  
}


	 
	
	 
	 
	 
	 


a.tip:link {
margin-left:18px;
 background: #fff url(https://www.trobo.cat/images/tip1-off.png) no-repeat left;
padding:5;padding-left:0;padding-right:0;
	 font-family: arial;
	  font-size: 16px;
 font-weight: bold;
color: #444;
 
	text-decoration: none;

	 
}



a.tip:visited {
  color: #444;  
}

a.tip:hover {
	 background: #fff url(https://www.trobo.cat/images/tip2-on.png) no-repeat left;
	text-decoration: none; 
	
	 
	 }

/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
  position: absolute;
  top: 150%;
  left: 75%;
  margin-bottom: 5px;
  margin-left: -135px;
  padding: 12px;
  width: 550px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 10px;
background:  #faf7b1;
color: #555;
  content: attr(data-tooltip);
  text-align: left;
 font-family: georgia;
	  font-size: 15px;
  line-height: 140%;
}

/* Triangle hack to make tooltip look like a speech bubble */


/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* Style the label to display next to the inputs */
label {
  padding: 12px 12px 12px 0;
  display: inline-block;
  font-size: 13px;
 color:#666;
 font-family: arial;
}



a.donation:link {
    display: inline-block;
    background-color: #3498db;  /* Bleu au lieu de #e74c3c */
    color: white;
    padding: 12px 25px;
    text-decoration: none;
    font-weight: bold;
    border-radius: 8px;
    transition: background-color 0.3s;
    font-size: 1.1em;
    margin-top: 15px;
}

a.donation:visited {
    color: white;
}

a.donation:hover {
    background-color: #2980b9;  /* Bleu plus foncé au survol */
}



footer {
  position: fixed;
  right: 0;
    font-family: arial, serif;
color:#666;
	font-size: 12px;
	 text-align: left;
	font-weight: normal;
	line-height: 140%;
  bottom: 0;
  left: 0;
padding: 10px 260px ;
  background-color: #fafafa;

  
 


}


.foot {
	height: 140px;
 background-color: #fafafa;
}

.autocomplete {
  position: relative;
  display: inline-block;
width:90%;
 
}

.search {
  width: 100%;
  position: relative;
  display: flex;
   
}



.searchTerm {
  width: 100%;
  font-size: 15px;
  background: #FFF;
  color: #333;
     font-family: arial, serif;
  padding-left: 25px;
  padding-right: 28px;
  border-radius: 25px 0 0 25px;
  border: 1px solid #ccc;
  border-right: none;
  height: 45px;
  outline: none;
transition: box-shadow 0.2s ease-in-out, border-color 0.2s ease-in-out;


}

.searchTerm:hover {
     border-color: #60b0ff; /* Bord bleu comme Google */
    box-shadow: 0 0 8px rgba(66, 133, 244, 0.4); /* Halo diffus bleu */
   transition: box-shadow 0.2s ease-in-out, border-color 0.2s ease-in-out;
}

.searchTerm:hover + .searchButton {
  background: #ba133f;
}

.searchTerm:hover + .searchButton i {
  color: #fff;
}

.searchButton {
  width: 55px;
  height: 45px;
  background: #fff;
    border: 1px solid #ccc;

  border-left: 0px;
  border-radius: 0 25px 25px 0;
  outline: none;
  cursor: pointer;
  transition: background 0.3s ease-in-out, color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;

}

.searchButton:hover {
  background: #ba133f;
  border: 0px solid #ba133f;


}

.searchButton:hover i {
  color: #fff;

}

.searchButton i {
  font-size: 17px;
  color: #666;
}

/* Styles pour le bouton de nettoyage */
.clearButton {

   position: absolute;
    right: 60px;
    top: 50%;
    transform: translateY(-50%);
    display: none; /* Masqué par défaut */
    cursor: pointer;
    background: transparent;
    border: none;
    outline: none;
 
   color: #bbb;
  font-size: 17px;
  
}




/*Resize the wrap to see the search bar change!*/
.wrap{
max-width: 800;
  margin-top: 20;
margin-left:210px;

}

/*autocomplete **********************************/
.autocomplete-items {
  position: absolute;
  border: none;
 border-radius: 5px;
  padding-left: 11;
  color: #333;
  font-size: 15px;
    font-family: arial, serif;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 99;
  top: 48px;
  left: 7px;
  right: 11px;
  overflow-y: hidden;
  /* max-height: 281px; wikipedia */
  /*max-height: 271px;*/
  background: #FFF;
}

.autocomplete-items div {
    padding: 10px;padding-bottom: 6px;
  cursor: pointer;
  background-color: #fff; 
}

.autocomplete-items div:hover {
  font-size: 15px;
  background-color: #fff; 
}

.autocomplete-active {
  background-color: DodgerBlue !important; 
  color: #ffffff; 
}


 .autocomplete-item-img {
            width: 30px;
            height: 30px;
            margin-right: 10px;
            object-fit: contain;
        }

@keyframes fadeInUp {
    0% {
        opacity: 0; /* Début : invisible */
        transform: translateY(20px); /* Légèrement décalé vers le bas */
    }
    100% {
        opacity: 1; /* Fin : visible */
        transform: translateY(0); /* Retour à la position initiale */
    }
}

.container {
    display: flex;
    flex-direction: column; /* Aligner les résultats verticalement */
    justify-content: center;
    align-items: stretch;
    flex-wrap: nowrap; /* Empêcher le wrap horizontal */
    gap: 10px;

    width: 580px; /* Ajuster la largeur pour s'adapter au conteneur */
    margin-left: 19px;
    margin-top: 10px;
}

.results {
    flex: 1;
    width: 96%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 5px;
    border: 0;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;

    overflow: hidden;
    background-color: #FFF;
    margin-bottom: 0px;

    /* Animation d'apparition */
    animation: fadeInUp 0.6s ease-in-out both;
    transition: background-color 0.3s ease, box-shadow 0.3s ease, transform 0.2s ease;
}



.results img {
    float: left;
    margin-right: 10px;
    
    height: auto;
    border-radius: 5px;

    /* Ajout d'une transition pour l'image 
    transition: transform 0.10s ease;*/
}

/*.results img:hover {
    transform: scale(1.1); }*/

.results h1 {
    margin: 6px 0;
    font-size: 24px;
 color: #333;
    text-decoration: none;
    font-family: arial, serif;
       font-weight: bold;
}




.results h3 {
    margin: 6px 0;
    font-size: 17px;
 color: #333;
    text-decoration: none;
    font-family: arial, serif;
       font-weight: normal;
}

.results h4 {
    margin: 6px 0;
    font-size: 18px;
    color: #333;
    text-decoration: none;
      font-family: arial, serif;
     font-weight: normal;
}

.results p {
    margin: 6px 0;
    color: #444;
       font-family: arial, serif;
    font-size: 15px;
}


.results a {
  width: fit-content;
  font-size: 13px;
  color: #950000;
  text-decoration: none;
    font-family: arial, serif;
}

.results a:hover {
  text-decoration: none;

}





/*Wikipedia **********************************/

.actu {
     border: 0px solid #eee;
  
  position:absolute;
  
 width:360;

  margin-top: 25px;; /* position haut*/ 

    margin-left:700px;
  padding:5;
  padding-top:0;
    border-radius: 15px;
}



.wikiplace {
   
    width: 503; /* Ajuster la largeur pour s'adapter au conteneur */
    margin-left: 18px;
    margin-top: 10px; 
}




.wiki {
    flex: 1;
    width: 100%; /* Utiliser 100% pour remplir la largeur du conteneur */
    display: flex;
    flex-direction: column; /* Disposer les éléments enfants verticalement */
    justify-content: space-between;
    border-radius: 5px;
    border: 1px solid #ddd;
    padding: 16px;
    padding-top: 12px;
    overflow: hidden; /* Clear floats */
    margin-bottom: 10px;
}

.wiki img {
    float: right; /* Aligner les images à gauche */
    margin-left: 10px; /* Ajouter un espace à droite de l'image */
    border-radius: 5px;
    width: 30%
}

.wiki h3 {
    margin: 6px 0;
    font-size: 18px;
  color: #333;
    text-decoration: none;
    font-family: arial, serif;
     font-weight: bold;
}

.wiki p {
    margin: 6px 0;
    line-height: 22px;
    color: #444;
        font-family: arial, serif;
    font-size: 15px;
}



.wiki a {
    margin: 6px 0;
    width: fit-content;
    font-size: 14px;
 color: #950000;
    text-decoration: none;
          font-family: arial, serif;
    
}

.wiki a:hover {

     color: #950000;
}



  


 .container_margin {margin-left: 0px;}



 .btn {
            display: inline-block;
            padding: 10px 20px;
            margin-top: 20px;
            font-size: 16px;
            color: white;
            background-color: #007bff;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            text-decoration: none;
        }
        .btn:hover {
            background-color: #0056b3;
        }




/*RSS*/


.variable_margin img {
            width: 100%;
        
            object-fit: cover; /* Assure que l\'image couvre la taille définie sans déformation */
        }

.rss-feed {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 25px;
    max-width: 1000px;
    margin: 0 auto;
    padding: 20px;
}

.rss-item {
    background: white;
    border-radius: 0px;
    padding: 10px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.00);
    transition: transform 0.2s ease;
    border-bottom: 1px solid #ddd;
}



.rss-title {
    font-family: 'Georgia', serif;
    font-size: 1.3rem;
    width: 75%;
    font-weight: bold;
    margin-bottom: 10px;
    color: #333;
    line-height: 1.4;
}

.rss-title a {
    color: inherit;
    text-decoration: none;
}

.rss-title a:hover {
    color: #333;
}

.rss-description {
    display: flex;
    gap: 15px;
    margin-bottom: 15px;
}

.rss-description img {
    width: 100px;
    height: auto;
    border-radius: 4px;
    object-fit: cover;
}

.rss-text {
    flex: 1;
}

.rss-text p {
    font-family: 'Helvetica', sans-serif;
    font-size: 0.9rem;
    color: #555;
    line-height: 1.5;
    margin: 0 0 10px 0;
}

.rss-link {
    text-align: right;
}

.rss-link a {
    font-size: 0.8rem;
    color: #A25B08;
    text-decoration: none;
    font-style: italic;
}

.rss-link a:hover {
    text-decoration: underline;
}


/* Version mobile */
@media (max-width: 768px) {
    .rss-description {
        flex-direction: column;
    }
    
    .rss-description img {
        width: 100%;
        margin-bottom: -20px;
        order: -1; /* Place l'image avant les autres éléments */
    }
    
    .rss-text {
        width: 100%;
    }

    .rss-feed {
   
   
    padding: 10px;
}

.rss-description {
    display: flex;
    gap: 15px;
    margin-bottom: -15px;
}

/* Styles for the responsive image */
.responsive-image {
    max-width: 100%;
    height: auto;
    width: 25%;
    border-radius: 5px;
   
}


/* Media query for mobile devices */
@media (max-width: 768px) {
    .responsive-image {
        width: 40%;
       
    }

    .rss-title {
   
    width: 100%;}
}









/* Recherche en espagnol*******************************************************/








.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
min-width: 125px;
  	word-spacing: 0rem;
  color: #666;
  position: absolute;
  background-color: #fff;
 border-radius: 5px 5px 5px 5px;
   box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  left: -16;
padding: 12px 16px;
  z-index: 1;
}

.dropdown:hover .dropdown-content {
  display: block;
  
}
 a.class6:link {
    color: #666;
	text-decoration: none;

	
	
}




	


.container {
  display: flex;
}

.col {
  flex: 1;
  


}

.col:nth-child(2) {
 
}

/*TABLETTE*/



@media (min-width: 768px) and (max-width: 1024px) {
	.ajudans{
	    display: none;

 }
	
.souslogo {
	
	right: 10px;
	
}

.wrap{
	width: 630px;
	
margin-left:20px;
	
}
.autocomplete {
  
width:88%;
 
}

.don{
 
 Padding-left: 45px;
 
}

 .bloc-variable-gg {margin-top:15px;
  position:absolute;
 margin-left:22px;
 width: 630px;
 background:#fff;}

.bloc-tipeee {
  
margin-top:60px;
  position:absolute;
 margin-left:22px;
 width: 50%;
 background:#fff;
  }


.bloc-resultat {
   margin-top:50px;
  position:absolute;
 margin-left:22px;
 width: 600px;
 background:#fff;
 margin-bottom:30;

 

  }
	 
 .bloc-variable {
  
margin-top:60px;
  position:absolute;
 margin-left:22px;
 width: 600px;
 background:#fff;
  }
  .bloc-texte {
	 margin-top:40px;
  position:absolute;
margin-left:35px;
 width: 600px;


 

  }


.info-variable {
  
margin-top:60px;
  position:absolute;
 margin-left:22px;
 width: 580px;
 background:#fff;
  }
  .bloc-texte {
   margin-top:40px;
  position:absolute;
margin-left:35px;
 width: 600px;
}

  
    .feedwind{display: none;
}
  
  
  
  .actu {
	 display: none;
}
 .abc {
	 display: none;
}
  
ads_bottom {
	 width:100%; background:#FAFAFA;
}

	.chrome {
	   
	     display: none;
  }


.chromex {
     
       display: none;
  }



.bloc-annonce {display: none;
  }

 
 
 
 .souschrome {
	    
	     display: none;
  }




.soustitre {
	
	margin-left: 20px;
padding-left: 0;
	
 }

 .data-tooltip{
      display: none;
  }
 
 .souschrome {
	    position:absolute;
	
 margin-left:1180px;/* position gauche */
  margin-top:36px; /* position haut*/
  
font-size: 15px;
 color:#bbb;
     font-family: arial, serif;


 }
footer {

 	padding: 10px 30px ;
 


}





  
}

















/*MOBILE*/
@media screen and (max-width: 600px) {
  .col-25, .col-75, input[type=submit] {
    width: 100%;
    margin-top: 0;
  }
  .bloc-support {display: none;}
}

  @media (max-width: 640px) {
* {
		box-sizing: border-box;
	}
	
	
.header {
	
	
 	background: #FFF;
   
   

  
 
}


.rss-item {
           
            max-width: 100%;
            
        }





.results {
                width: 100%;
                max-width: none;
            }

.accordionhaut {width: 95%}

.panelhaut {width: 95%}

.panelhaut img {
    width: 100%;
    height: auto; /* Pour maintenir le ratio de l'image */
}
 

.accordion {width: 95%}

.panel {width: 100%}
 
 
	body {
	
		margin-top: 15;
		margin-right:20;
		
		 	background: #FFF;
	}
	
.info{display: none;}

	.hide_mobile {
		display: none !important;
	}
	
	/* Un message personnalisé */
 .souslogo {
  position: absolute;
  left: 30px;

  
  top: 01px;
  

 }

 a.logo:link {color:#ba133f;font-size: 55px;font-family: 'La Belle Aurore', cursive;
 }
 


 
	




.wrap{
  width: 100%;

  margin-left:10px;


	
}

 .autocomplete {
  
  width:82%;
}

/*.autocomplete-items { display: none; }*/

.header {
	
	 width: 100%;
  margin-top: 85px;
    height:30px;
border-bottom: 0px solid #dcd3bd;

  
 
}

 
  
  .actu {
	 display: none;
}
  
  .footer {

padding: 0px 4px ;
 text-align: center;
 
}

.article {
	     position:absolute;
 margin-left:0px;
 width: 300px;

  }
  .soustitre { display: none; }

  


.bloc-variable {
 margin-top:0px;
 margin-left:10px;
width: 95%;
 
 
   } 

.info-variable {
 margin-top:0px;
 margin-left:10px;
width: 95%;
 
 
   } 



.bloc-resultat { margin-top:15px;
 margin-left:20px;
width: 90%;} 



.variable_texte {width: 100%; }

    .variable_margin {width: 100%; }
   .variable_tipeee {width: 96%; }

   .bloc-video{padding-right:20px; } 


   .bloc-actu {
 margin-top:45px;
 margin-left:10px;

 width: 95%;
 
 
   } 

.resultatssensefiltre{width: 92%;}


 .container_margin {width: 95%; }


.container {
    
    width: 95%; /* Ajuster la largeur pour s'adapter au conteneur */
    
}

.wikiplace {width: 95% ;
    
}
  

 .bloc-texte {

margin-top: 22;
 margin-left:20px;
 margin-right:20px;
 width: 90%;
 a
 
   } 
	
	.chromex {
     
       display: none;
  }


  .chrome {
	    display: none;
	}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
   display: none;
  
}


.bloc-image {
	 margin-top:34px;
   width: 95%;

  } 
  
a.mapes:link { display: none; }

 .firefox { 
  display:block;
 position:absolute;
right: 25px;

top:4px; /* position haut*/
color:#777;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-size: 13px;
	   font-weight: normal;

}

   
  
 .vertical-line{ display: none; }
 .suport{ display: none; }
	

	
	footer {
width: 100%;
  text-align:center;
padding: 15px 0px ;

}




}



  
  @media (max-device-width:768px) and (orientation: landscape) {
  html {
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
  }
  .souschrome {
	    
	     display: none;
  }
  
 
  .bloc-support {display: none;}
}