/* DEFINITION DES POLICES */ 

/* Définition des polices personnalisées */

@font-face {
	font-family: "Dayrom";
	src: url(polices/dayrom.eot);
	src: url(polices/dayrom.eot?#iefix) format("embedded-opentype"), url(polices/dayrom.woff) format("woff"), url(polices/dayrom.ttf) format("truetype"), url(polices/dayrom.svg#Dayrom) format("svg");
	font-weight: normal;
	font-style: normal;
}


/* ElEMENTS PRINCIPAUX DE LA PAGE */

#body {
	background-color: #EFE9EF; 
	max-width: 100%;
}

.container {
	max-width: 100%;
}

img {	 
	max-width: 100%;
}

ul {
	list-style: none;
}

#formulaire_contact {
	background-image: url(images/mer.jpg); 
	height: 400px;
}

#formulaire {
	width: 900px; 
	margin: 60px auto 70px;
}

.FlexMedias {
    display: flex; /* Permet d'utiliser flexbox et de placer les éléments les uns à côté des autres */
    justify-content: center; /* C'est une propriété de flexbox que l'on peut utiliser qu'après avoir fait display: flex. Centre les box horizontalement*/
}

/* Reseaux sociaux */

.fb-page {
	margin: 40px 0px 0px 40px;
}


.Suivez h1{
	font-size: 1.8rem;
	font-family: Dayrom, serif;
	color: #fff; 
	text-align: center; 
	text-transform: uppercase;
	margin-top: 20px;
	padding-top: 20px;
}

.Suivez {
	background-color: #5A858F;
	box-shadow: 0px 2px 5px #1c1a19; 
	border-radius: 5px;
	margin: 40px 0px 30px 40px;
}

#reseaux{
	background-color: #5A858F;
	width: 93.33%;
	margin: 15px auto;
	overflow: hidden;
	text-indent: -9999px;
}

#reseaux a {
	float: left;
	width: 42px;
	height:42px;
	margin-top: 15px;
	margin-left: 52px;
	margin-bottom: 35px;
}

#reseaux a:first-child {
	background: url(Logos/YouTube.jpg) no-repeat 0 0;
	margin-left: 30px;
}

#reseaux a:nth-child(2) {
	background: url(Logos/facebook.png) no-repeat 0 0;
	margin-left: 30px;
}

#reseaux a:nth-child(3) {
	background: url(Logos/instagram.png) no-repeat 0  0;
	margin-left: 30px;
}

#reseaux a:nth-child(4) {
	background: url(Logos/twitter.png) no-repeat 0 0;
	margin-left: 30px;
}

#reseaux a:nth-child(5) {
	background: url(Logos/enveloppe.png) no-repeat 0 0;
	margin-left: 30px;
	
}



/* Bordures */

#pink-border {
	border: 3px solid #F0D4EA; 
	padding-top: 40px; 
	margin-top: 40px;
	width:100%;
}

#pink-border a {
	text-decoration: none;
}

#pink-border h2{
	color: #341C68;
}


#white-border {
	border: 3px solid #fff; 
	padding-top: 40px; 
	margin-top: 40px;
}

#white-border a {
	text-decoration: none;
}

/* flèches */

#fleches {
	margin-top: 50px;
}

#fleche-gauche {
	width: 230px; 
	height: 30px; 
	background: url(images/fondviolet.jpg) repeat-x; 
	border-radius: 4px; 
	border: 1px solid #000;
	margin-bottom: 5px;
}

#fleche-droite {
	width: 230px; 
	height: 30px; 
	float:right;  
	background: url(images/fondviolet.jpg) repeat-x; 
	border-radius: 4px; border: 1px solid #000;	
}

/* couleur sélection de texte */

::selection{
	background-color: #EFE9EF;
	opacity: transparent !important;
	 /*color: white;  */
  }
  
  /* Firefox */
  ::-moz-selection {
	background-color: #D7C3DC;
	opacity: transparent !important;
	/* color: white; */
  }

  /* PAGE INDEX Actus */

  #bordeaux-border {
	border: 3px solid #760001; 
	padding-top: 40px; 
	margin-top: 40px;
	width:100%;
}


#bordeaux-border h1 {
	font-family: 'Amiri', cursive;
	font-size: 1.9rem;
	font-weight: normal;
	text-align: center;
	margin: 3px 0;
	color: #5F0036; /* violet */
} 

#bordeaux-border h2 {
	font-family: 'dayrom', cursive;
	font-size: 1.5rem;
	text-align: left;
	color: #6A236C; 
	padding-bottom: 0rem;
} 

#bordeaux-border p {
	font-family: 'Amiri', cursive;
	font-size: 1.4rem;
	text-align: left;
	color: #B86868; /* rouge clair */
	margin-left: 20px;
	padding-bottom: 0rem;
	padding-top: 0rem;
} 

.texte-index {
	background-color: #215561; 
	box-shadow: 0px 2px 5px #1c1a19; 
	border-radius: 5px;
	margin: 40px 0px 0px 40px;
}

.texte-index h1{
	font-size: 1.5rem;
	padding-top: 20px;
	color: #fff!important; 
	text-align: center;
	font-family: Dayrom, serif;
}

.texte-index h2{
	font-size: 2rem;
	padding-top: 10px;
	color: #89AAB1!important; 
	text-align: center;
	font-family: Dayrom, serif;
}

.texte-index p{
	font-size: 1.2rem;
	margin: 10px 18px 15px 18px;
	text-align: justify;
	color: #fff !important;
	text-indent:0em;
}

.texte-index img {
	border: 1px solid #181818;
	width: 100%;
	margin-bottom: 10px;
	padding: 0px !important;
}

.texte-index a {
	color: #BDE2EB; 
	font-weight: 500;
}

.texte-index a:hover {
	color: #8DC4D1; 
	font-weight: 500;
}


.ProchainVoyage {
	background-color: #386A76;
	box-shadow: 0px 2px 5px #1c1a19; 
	border-radius: 5px;
	margin: 40px 0px 0px 40px;
	height: 300px;
}

.ProchainVoyage p{
	font-size: 1.1rem;
	margin: 10px 18px 15px 18px;
	text-align: justify;
	color: #fff;
	text-indent:0em;
}

.ProchainVoyage h1{
	font-size: 1.5rem;
	color: #89AAB1; 
	text-align: center; 
	text-transform: uppercase;
	font-family: Dayrom, serif;
	margin-top: 20px;
	padding-top: 20px;
}

.ProchainVoyage a {
	color: #BDE2EB; 
	font-weight: 500;
}

.ProchainVoyage a:hover {
	color: #8DC4D1; 
	font-weight: 500;
}


/* PAGE ACTUALITES */ 

.actualites h1 {
	font-family: 'Dayrom', cursive;
	font-size: 1.3rem;
	color: #6A236C;
	text-align: center;
}

.actualites h2 {
	font-family: 'Dayrom', cursive;
	font-size: 0.9rem;
	color: #6A236C;
	text-align: center;
	margin-bottom: 15px;
	margin-top: -20px;
}  

.actualites p {
	font-family: 'Amiri', cursive;
	font-size: 1.3rem;
	text-align: left;
	color: #864287;
	margin-left: 20px;
	margin-bottom: 30px;
	padding: 0px;
	text-indent:2em;
} 

#Lienactus {
	background-color: #DBCEDC; 
	border: 1px solid #85478B; 
	font-size: 0.9rem;
	margin-right: 50px;
	padding: 0px 4px;
	font-family: 'Amiri', cursive;
}

.actualites img {
	margin-left: 15px;
	margin-right: 25px;
	float:left;
	width : 400px;
	max-width:100%;
}


/* BOUTON ROUGE PAGE D'ACCUEIL */ 

.bouton_index{
	display: inline-block;
	height: 30px;
	width:200px;
	line-height : normal;
    background: url(images/fondrouge.jpg) repeat-x;
    border: 1px solid #760001; /* rouge foncé */
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-ms-border-radius: 15px; 
    border-radius: 15px;
    font-size: 1.2rem;
    color: white;

    text-decoration: none;
}

.bouton_index:hover {
    color: #FEBCBC;
}


 /* FORMULAIRE DE CONTACT */

.divider {
    width:100px;
    height: 2px;
    background: #FF45AB;
    margin: 40px auto;
}

.heading-contact {
	padding-top:70px;      
}

.heading-contact h2{
    text-align: center;       
}

#contact-form {
	font-size: 20px;
	background: -webkit-linear-gradient(to left,#fff,#C4E5F2); /* Dégradé de couleurs pour Cbrome et Safari */
    background: linear-gradient(to left,#fff,#C4E5F2); 
    padding: 40px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px; 
    border-radius: 10px;
    border: 0.5px solid #FF45AB; 
}

.blue {
    color: #7B7BFF;
    font-size: 1.3rem;
}

.form-control {
    height: 50px;
    font-size: 18px;
}

#contact-form input[type=submit] {
    margin: 40px auto 0px;
    display: block;
}

.comments {
    font-style: italic;
    font-size: 18px;
    color: #FF45AB;
    height: 25px
}

.thank-you {
    text-align: center;
	margin-top: 15px;	
	font-size: 22px;
	color:#26084E;
}

.button1 {
    border: 2px solid #fff; 
	background: -webkit-linear-gradient(to left,#7B8CCF,#fff); /* Dégradé de couleurs pour Cbrome et Safari */
    background: linear-gradient(to left,#7B8CCF,#fff); 
    color: #7B8CCF;
    width: 100%;        
    font-weight: bold;
    text-transform: uppercase;
    padding: 18px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px; 
    border-radius: 5px;
    transition: all 0.3s ease-in 0s;
}

.button1:hover {
    background: #5668B3;
    border-color: #897C9D; 
    font-size: 1rem;
}


/* NAVIGATION */

#bg {
	background: -webkit-linear-gradient(to left,#FCEAF1,#D7C3DC); /* Dégradé de couleurs pour Cbrome et Safari */
	background: linear-gradient(to left,#FCEAF1,#D7C3DC); /* pour les autres navigateurs */
	max-width: 100%;
	outline: 0; /* supprime le carré bleu autour du hambuger */
}

.navbar {
 	font-size: 1.4rem;
 }

 /* Navigateur A */

 #nav_degrade  {
	background: -webkit-linear-gradient(to left,#D7C3DC,#FCEAF1); /* Dégradé de couleurs pour Cbrome et Safari */
	background: linear-gradient(to left,#D7C3DC,#FCEAF1); /* pour les autres navigateurs */
	border: 1px solid #000;  
	width: 100%;
	margin-left: 2px;
}

.navbar a{
  	color: #664E99 !important; /* pour changer le CSS de Bootstrap. Important fixe la priorité sur la valeur donnée à l'élément 
  	et non à Bootsrap qui a son code couleurs, ici un gris changé en mauve foncé */
  	font-weight: normal;
	font-family: "Dayrom", serif;
 }

.navbar a:hover {
	  color: #341C68!important; 
} 

.titre-navbar {
	margin-top: 2px;
	margin-right:8rem;
	color: #8F4991!important ; 
	font-style: italic;
	font-family: 'dayrom', 'cursive';
	font-size:1.6rem; 
	text-transform: capitalize;
}

.navbar .navbar-collapse {
	text-align: center;
}

.nav-item {
	font-size: 1rem; 
	text-transform: uppercase;
	font-weight: bold; 
	margin-top: 4px;
	width: 200px;
}

/* Navigateur B */

.nav-link { 
	outline:0 !important;
	font-size:1rem; 
}

.bg-menu {
	margin-top: 15px;
	background-color:#D7C3DC;
	outline: 0; /* supprime le carré bleu autour du hambuger */
} 

.dropdown-menu a {
	background-color: #d2badb;
}

.dropdown-menu a:hover{
	background-color: #e0d5e3;
}

.dropdown-item a {
	background-color: #D7C3DC;
	color:#664E99;
}


/* HEADER*/

header {
	border-bottom: #2D073B solid 3px; 
	margin-top: 90px;
	margin-bottom: 40px;
}

header h1{
	font-family: "Dayrom", cursive;
	color: #6A236C; 
	font-size: 2.5rem;
	font-weight: normal;
}

header h2 {
	font-family: 'Marck Script', cursive;
	font-size: 2.2rem;
	margin-left: 78px;
	font-weight: normal;
	color: #B851BC; 
}


/*LOGOS*/

/* icone bateau */

#logo {
	float: left;
	margin: 0.3em 1em 0 0.5em;
	border: 2px solid #6A236C;
	border-radius: 8px;
	width: 80px;
}

/* Bannières */ 

#banniere_image {
	max-width: 97,916%;
	height: 100%;
	background: no-repeat;
	position: relative;
	box-shadow: 0px 0px 4px #2C043B;
	border-radius: 4px;	
	list-style: none outside none;
	overflow: hidden;
	font-size: 0.9rem;
	
}

#banniere_image img {
	padding: 0px;
}

#banniere_image span {
	width: 100%;
	background: rgba(30, 1, 44, 0.6); /* Les légendes auront un arrière-plan mauve foncé avec une opacité de 50% */
	color: #fff;
	font-weight: bold;
	height: 30px;
	left: 0;
	line-height: 10px;
	padding-top: 10px;
	padding-left: 15px;
	position: absolute;
	text-shadow: 2px 2px #333;
	z-index: 20;
	bottom: -40px;	
}

/* Style pour la légende de la bannière */

#banniere_image:hover span {
	 bottom: 0;	
	 transition: bottom 0.3s ease-in-out;
	-moz-transition: bottom 0.3s ease-in-out;
	-o-transition: bottom 0.3s ease-in-out;
	-webkit-transition: bottom 0.3s ease-in-out;
}


/* PARTIE CENTRALE */ 

section a {
	color:#2B054B; 
	font-weight: 500;
}

section a:hover {
	color: #856A9D; 
	font-weight: 600;
}

/* Titre pays */

section h1 {
	font-family: 'dayrom', cursive;
	font-size: 1.7rem;
	font-weight: normal;
	text-transform: uppercase;
	margin: 3px 0;
	color: #6A236C; 
} 

/* Titre articles */

section h2 {
	font-family: 'Amiri', serif;
	font-weight: normal;
	font-size: 2.4rem;
	padding: 30px;
	text-align: center;
	color: #341C68; 
}

/* Sous-titre article */

section h3 {
	clear:both; /* permet de centrer le titre dans la page en annulant le float des photos précédentes */
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1.5rem;
	color: #172F7E;
	text-align: center;
	padding-top: 35px;
	font-style: italic;
}

/* Sous-titre pays */

section h4 {
	font-family: 'Marck Script', cursive;
	font-weight: normal;
	font-size: 2.2rem;
	color: #4B3280; 
	margin-left: 60px;	
	margin-top: 20px;
}

section h5 {
	font-weight: normal;
	font-size: 1.4rem !important;
	color: #172F7E;
	margin-top: 5px;
	text-align: center;
}

section p {
	font-size : 1.2rem;
	margin: 0 auto 0.8em;
	text-align: justify;
	color: #573079; 
	padding: 12px;
	text-indent:2em;
}

section img {
	padding: 12px;
}

/* Carousel*/

#carousel {
	width: 960px;
	max-width: 100%;
	margin: 0 auto 40px;
}

#carousel2 {
	width: 580px; 
	max-width: 100%; 
	margin: 0 auto 30px;
}

.carousel h3 {
	color: #DFE1DF;
	font-size: 1.3rem;
}

/********** PAGE DESTINATIONS *************/

#continent {
    background: #DEEBEE;
}

.continent {
    width: 100%;
    height: 60rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pays {
    height: 35rem;
    width: 45rem;
    background: rgb(211,203,178);
    margin: 1.5rem;
    overflow: hidden;
}

.paysPic {
    width: 100%;
    height: 65%; 
    position: relative;
    z-index: 1;
    transition: all 0.4s ease-in-out;
}

.sousTxt {
    width: 100%;
    height: 35%;
    text-align: center;
    position: relative;
    z-index: 2;
}

.sousTxt h4 {
    font-size: 2rem;
    margin: 0;
    padding-top: 3.2rem;
    color:#4e4665; 
}

.sousTxt p{
    color: #5f537d ;  
    margin: .1rem 0.3rem;
    text-indent: 0 ;
}

.pic1 {
    background:url("Photos/Destinations/Bulgarie.jpg"); 
    background-position: 50% 50%;

}

.pic1:hover{
    transform: scale(1.2);
}

.pic2 {
    background:url("Photos/Destinations/Canaries.jpg");
    background-position: 0% 70%;
	
}

.pic2:hover{
    transform: scale(1.2);
}

.pic3 {
    background:url("Photos/Destinations/Chypre.jpg");
    background-position: 10% 90%;
	
}

.pic3:hover{
    transform: scale(1.2);
}


/* Spoilers */
 
div.spoiler div.contenuSpoiler {
    display: none;
}

.btn-spoiler { 
	background-color: #765195;
	color:#fff;
	margin-bottom: 20px;
}

.btn-spoiler-recette {
	background-color: #B41228;
	color:#fff;
	margin-bottom: 10px;
}

.btn-spoiler-focus {
	background-color: #643F00;
	color:#fff;
	margin-bottom: 10px;
}

.btn-spoiler-aside {
	background-color: #5A858F;
	color:#fff;
	margin-bottom: 10px;
}

.btn-spoiler-musee {
	background-color: #5B7492;
	color:#fff;
	margin-bottom: 10px;
}

.btn-spoiler-plant {
	background-color:#107A7F;
	color:#fff;
	margin-bottom: 10px;
}

.btn-spoiler-bar {
	background-color:#244268;
	color:#fff;
	margin-bottom: 10px;
}

.btn-spoiler-vin {
	background-color:#49000D;
	color:#fff;
	margin-bottom: 10px;
}

.btn-spoiler-loisir{
	background-color:#11657C;
	color:#fff;
	margin-bottom: 10px;
}

.btn-spoiler-marche{
	background-color:#761740;
	color:#fff;
	margin-bottom: 10px;
}


#card{
	background-color: #EFE9EF; 
}

#card-aside{
	background-color: #215561; 
}


/* PHOTOS */

.encadre img {
	margin:0px 20px;
	float:left;
	width: 420px;
}
 
.photo_encadre1 {
	width: 340px;
	float: left;
	margin: 0px 15px;
}

.photo_encadre2 {
	width: 340px;
	float: right;
	margin: 0px 15px;
}

/* photo portrait droite */
.photo_encadre3 {
	width: 260px;
	float: right;
	margin: 0px 70px;
	max-width: 100%;
}

/* photo portrait gauche */

.photo_encadre4 {
	width: 240px;
	float:left;
	max-width: 100%;
}

/* Légendes images*/

figcaption {
	margin:0 20px;
	text-align: left;
	font-style: italic;
	color: #443551;
	font-size: 1rem;
	font-weight: normal;
}

.texte figcaption {
	text-align: center;
	font-style: italic;
	color:#BFD2D6;
	font-size: 1rem;
}

/* VIDEOS */

/* Encadré vidéo */

#video {
	width:100%; 
	padding: 20px;
}

#encadre_video{
	padding: 40px 60px 30px 60px;
	margin-top: 50px;
	border: 3px solid #C2AFFF; 
}

.texte_video{
	font-size: 1.2rem;
	color: #573079; 
}

.controls {
	width: 560px;
	height: 315px;
}

.poster {
	max-width: 560px !important;
}

 /* ENCADRES */

 .encadre {
	padding: 5px;
	margin: 60px auto 30px;	
 }

.encadre h1 {
	font-family: 'Indie Flower', sans-serif !important;
	font-size: 1.6rem;
	text-align: center;
	padding-bottom: 20px;
}

.encadre p {
	font-size : 1.2rem;
}

 .encadre span {
 	float: left;
	font-size: 1rem;
	text-align: center;
	padding: 4px 8px 4px 8px;
 }

/* bar */

.bar {
	border: 3px solid #244268; 
}

.bar h1 {
	color: #244268; 
}

.bar p {
	color: #425F84; 
}

.bar span{
	width: 45px;
	border: 3px solid #244268; 
	margin-top: -25px;
	margin-left: -35px;
	color: #425F84; 
	background-color: #C6D1DF; 
}

/* hôtel */

.hotel {
	border: 3px solid #7E4E81; 
}

.hotel h1 {
	color: #7E4E81; 
}

.hotel p {	
	color: #9E6DA2; 
}

.hotel span {
	width: 60px;
	border: 3px solid #7E4E81; 
	color: #9E6DA2; 
	background-color: #DED2E4; 
	margin-top: -25px;
	margin-left: -50px;
}

.hotel a {
	color: #743178;
	font-weight: 600;
}

.hotel a:hover {
	color: #A46AA8;
	font-weight: 700;
}

/* insolite */

.insolite {
	border: 3px solid #053F47; 
}

.insolite h1 {
	color: #053F47;
}

.insolite p {
	color: #246868; 
}

.insolite span{
	width: 70px;
	border: 3px solid #053F47; 
	margin-top: -25px;
	margin-left: -45px;
	color: #246868; 
	background-color: #AFD4D4; 
}

/* loisir */

.loisir {
	border: 3px solid #11657C; 
}

.loisir h1 {
	color: #11657C; 
}

.loisir p {
	color: #428181; 
}

.loisir span{
	width: 60px;
	border: 3px solid #11657C; 
	margin-top: -25px;
	margin-left: -45px;
	color: #428181; 
	background-color: #BED9E1; 
}

/* marché */

.marche {
	border: 3px solid #761740; 
}

.marche h1 {
	color: #761740; 
}

.marche p {
	color: #853B54; 
}

.marche span {
	width: 73px;
	border: 3px solid #761740; 
	margin-top: -25px;
	margin-left: -50px;
	color: #853B54; 
	background-color:#EBC1D3;  
}

.marche a {
	color: #6E213B; 
	font-weight: 600;
}

.marche a:hover {
	color: #4D0B21; 
	font-weight: 700;
}

/* musée */

.musee {
	border: 3px solid #5B7492; 
}

.musee h1 {
	color: #5B7492; 
}

.musee p {
	color: #097093; 
}

.musee span {
	width: 70px;
	border: 3px solid #5B7492; 
	margin-top: -25px;
	margin-left: -45px;
	color: #097093; 
	background-color: #CECDFF; 
}

.musee a {
	color: #045975; 
	font-weight: 600;
}

.musee a:hover {
	color: #024058; 
	font-weight: 700;
}

/* plant */

.plant {
	border: 3px solid #107A7F; 
}

.plant h1 {
	color: #053F47;  
}

.plant p {
	color: #29888C;  
}

.plant span{
	width: 70px;
	border: 3px solid #107A7F; 
	margin-top: -25px;
	margin-left: -45px;
	color: #29888C; 
	background-color: #BEE9EB; 
}

.plant a {
	color: #0E6F74;
	font-weight: 600;
}

.plant a:hover {
	color: #005458;
	font-weight: 700;
}

/*recette */

.recette {
	border: 3px solid #D41E5E; 
}

.recette h1 {
	 color: #D41E5E; 
}

.recette p {
	color: #B41228; 
}

.recette span {
	width: 75px;
	border: 3px solid #D41E5E; 
	margin-top: -25px;
	margin-left: -55px;
	color: #B41228; 
	background-color:#FFD3C6; 
}

.recette a {
	color: #960015;
	font-weight: 600;
}

.recette a:hover {
	color: #F48776;
	font-weight: 700;
}

/*resto */

.resto {
	border: 3px solid #793F7D; 
}

.resto h1 {
	color: #793F7D; 
}

.resto p {
	 color: #87538B;
}

.resto span {
	width: 100px;
	border: 3px solid #793F7D; 
	margin-top: -25px;
	margin-left: -60px;
	color: #87538B;
	background-color: #D4CAF2; 
}

.resto a {
	color: #704074;
	font-weight: 600;
}

.resto a:hover {
	color: #99709C;
	font-weight: 700;
}

/* Focus */

.focus {
	border: 3px solid #643F00; 
}

.focus h1 {
	color: #643F00; 
}

.focus p {
	color: #8F5A00; 
}

.focus span {
	width: 63px;
	border: 3px solid #643F00; 
	margin-top: -25px;
	margin-left: -35px;
	color: #8F5A00; 
	background-color: #F8E8CE; /* pêche */
}

.focus a {
	color: #864E0B; 
	font-weight: 600;
}

.focus a:hover {
	color: #B8813B; 
	font-weight: 700;
}
	
/* vin */

.vin {
	border: 3px solid #49000D;  
}

.vin h1 {
	color: #49000D; 
}

.vin p {
	color: #6D071A; 
}

.vin span{
	width: 50px;
	border: 3px solid #49000D; 
	margin-top: -25px;
	margin-left: -45px;
	color: #6D071A; 
	background-color: #F2A4B2; 
}

.vin a {
	color: #49000D; 
	font-weight: 600;
}

.vin a:hover {
	color: #871C47; 
	font-weight: 700;
}


/* PARTIE LATERALE */

/* aside */

.texte {
	background-color: #215561; 
	box-shadow: 0px 2px 5px #1c1a19; 
	border-radius: 5px;
	margin: 40px 0px 0px 40px;
}

.texte h1{
	font-size: 1.5rem;
	padding-top: 20px;
	color: #fff; 
	text-align: center;
	font-family: Dayrom, serif;
}

.texte h2{
	font-size: 2rem;
	padding-top: 10px;
	color: #89AAB1; 
	text-align: center;
	font-family: Dayrom, serif;
}

.texte p{
	font-size: 1.2rem;
	margin: 10px 18px 15px 18px;
	text-align: justify;
	color: #fff;
	text-indent:0em;
}

.texte img {
	border: 1px solid #181818;
	width: 100%;
	margin-bottom: 10px;
	padding: 0px !important;
}

.texte a {
	color: #BDE2EB; 
	font-weight: 500;
}

.texte a:hover {
	color: #8DC4D1; 
	font-weight: 500;
}


/* Lettre contact */

.Contact {
	background-color: #386A76;
	box-shadow: 0px 2px 5px #1c1a19; 
	border-radius: 5px;
	margin: 40px 0px 0px 40px;
	height: 280px;
}

.Contact h1{
	font-size: 1.5rem;
	color: #fff; 
	text-align: center; 
	text-transform: uppercase;
	font-family: Dayrom, serif;
	margin-top: 20px;
	padding-top: 20px;
}

.Contact img {
	width:230px;
	margin: auto;
	display: block;
	text-align: center;
}

/* DIAPOS UNES */

.pink-divider {
    width: 100px;
    height: 2px;
    background: #FF45AB; 
    margin: 30px auto 50px;
}

#diapo_unes {
   border: 3px solid #832BB0; 
   margin: 40px auto 50px;
   width:100%;
}

#diapo_unes a{
	text-decoration: none;
 }

#diapo_unes p {
	text-align: center;
	width: 250px;
	width:100%;
	height: 150px;
	color: #99549B; 
	font-size: 0.9rem;
}

#diapo_unes img {
    width: 100%;
    height: 100%;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%); 
}

#diapo_unes img:hover {
     filter: none;
    -webkit-filter: none; 
}

#diapo_unes a h5:hover {
	color:#b173b3; 
}

#diapo_unes .col-md-4 {
    margin-bottom: 60px;
    height: 300px;
}

.heading {
	margin-top: 30px;
}

.heading h2{ 
    color: #682B76;
    font-family: 'Amiri', serif;
	font-size: 1.5rem;
	text-transform: uppercase; 
}

h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1rem !important;
	color: #682B76;
	text-align: center;
	clear:both; /* permet de centrer le titre dans la page en annulant le float des photos précédentes */
}

h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9rem;
	padding-top: 6px; 
	color: #fff !important; 
	text-align: center;
	clear:both; /* permet de centrer le titre dans la page en annulant le float des photos précédentes */
}

/* ANCRE */

#ico_top { 
	border-top: #2D073B solid 5px; /* noir*/
	margin: 30px auto 10px;
	text-indent: -9999px;
}

#ico_top a {
	background:url(images/ico_top.png) no-repeat 0 0; /* A SUPPRIMER SI GLYPHICON*/
	display: block;
	width: 59px;
	height: 29px;
	margin: 0 auto;
}

/* SEPARATEUR */

#separateur { 
	border-top: #6A236C solid 3px; 
	margin: 40px 100px 20px;
}


/* FOOTER */

footer {
	margin-top: 15px;
}

footer ul {
	font-size: 0.7rem;
}

footer li {
	width: 80px;
	margin-bottom: 10px;
}

footer h1 {
	font-size: 1.3rem;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center;
	color: #8E3F78; /* mauve*/
}


#voyage h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1rem;
	text-align: center;
	color: #1E90FF; 
	margin-top: -20px;
	margin-bottom: -20px;
}



#tweet, #voyage {
	border: 2px solid #EFE9EF; 
	height: 340px;
	background-color: #333333 !important; /* gris foncé */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 20px;
    vertical-align: top;
} 


/* Tweets */

.twitter-timeline {
	margin-top: 10px!important;
}

.twitter {
	height:320px !important;
	overflow: hidden;
}

#conseils {
	border: 2px solid #EFE9EF; 
	height: 290px;
	background-color: #333333 !important; /* gris foncé */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 20px;
	vertical-align: top;
}

#qui_sommes_nous {
	height: 48px;
	background-color: #333333 !important; /* gris foncé */
	border-radius: 15px;
	vertical-align: top;
	margin-top: -15px;
}
	
#text-button {
	color:#fff;
	margin-top: 5px;
}



/* Dernier voyage */

.img-footer {
	margin-left: 0.5em;
	width: 11.5em;
}

/* Sites conseils */

#conseils h1 {
	margin-bottom: 12px;
}	

#conseils ul {
	margin-top: 30px;
	line-height: 20px;
	display: inline-block;
	vertical-align: top;
	width: 45%;
	list-style-image: url(images/flecheblanchedroite.png);
	padding-left: 10%;
}
 
#conseils a:link {	
	font-size: 1rem;
	color:#CE90BC; 

}

#conseils a:hover {
	color : #FAD8F0;/* rose clair*/
	text-decoration: none;	
}

#conseils a:visited {		
	color: #9C3E80; /* mauve foncé*/	
	
}