/*colors: Purple = #8C1243; Red = #C0213E; Orange = #E6863C; Blue = #49B3BF*/

/*-----------------LINKS------------------*/


/*-----------------GÉNÉRALITÉ------------------*/

/*html {
    width:100%;
}*/


body {
    margin: 0;
    color:#ffffff;
    font-family: 'Roboto', cursive;
    font-weight: 1500;
    background-color:#ffffff!important;   
    box-sizing: border-box;
    background-image: url('../pics/fond_final.svg');
    background-size: cover;
    background-repeat: no-repeat;
}

input {
    font-family:Made Tommy Soft;
}



/*-----------------------------------------------------HEADER------------------------------------------------*/

.container {
    margin: 0 2% 0 2%
}
header {
    background-color:#BF213E;
    top:0;
    left:0;
    right:0;
    /*width:100%;*/
}

header::after {
    content:'';
    display: table;
    clear: both;
}
.logo {
    float: left;
    height: 6%;
    width: 6%;
    padding:1% 0;
    transition: transform .3s; 
}

nav{
    margin: 0 0 0 20%;

}
nav ul {
    padding: 0;
    margin:0;
    list-style: none;
}

nav li {
     display:inline-block;
     padding-top: 3%;
     margin:0 5% 0 1%
        
    }
nav a {
    color:#ffffff;
    text-decoration:none;
    font-size:1em;
    padding: 20px;
    width:300px;
    border-radius: 5mm; 
    
}
nav a:hover {
    background-color:#8C1243;
    border-radius: 5mm;
    padding: 20px;
    width:300px;
    box-sizing: border-box; 
    transition-duration: 0.5s;
}

.compte {
    float: right;
    width: 3%;
    margin-right: 3%;
    margin-top: .7%;
    background-color: #49b3bf;
    padding:1% 1.2%;
    border-radius: 5mm;
    transition: transform .3s; 
}

.compte:hover, .logo:hover{
    transform: scale(1.1);

}
/*-----------------------------------------------------FOOTER------------------------------------------------*/

footer{
    background-color: #49B3BF;
    padding: 1%;
    margin: 20% 0 0 0;
}

footer p{
    margin-left: 50%
}
  
/*-------------------------------------------------ACTUALITÉ------------------------------------------------*/

.affiche_expo{
    left:0 ;
    margin: 60px;   
}

.EXPO{
    border-radius: 21px;
}
.cuisine {
    background-color: #49b3bf;
    border-radius:21px;
    display: inline-block;
	cursor:pointer;
	font-size:23px;
	padding:23px 76px;
	text-decoration:none;
}
.cuisine:hover {
	background-color:#2f7981;
}

.conference{
	background: #E6863C;
	border-radius:21px;
    display: inline-block;
	cursor:pointer;
	font-size:23px;
	padding:23px 76px;
	text-decoration:none;
} 
.conference:hover {
	background-color:#c56c28;
}
.sondage {
   background: #8C1243;
	border-radius:21px;
    display: inline-block;
	cursor:pointer;
	font-size:23px;
	padding:23px 76px;
	text-decoration:none;
}
.sondage:hover {
	background-color:#500925;
}

.bouton{
    top:200px;
    position:absolute;
    left:775px;
    z-index:1;
}

.content{
   background-color: #BF213E; 
   border-radius: 25px;
   max-width: 800px;
   font-size:15px;
   padding:80px 75px;
   display:inline-flex;
position: absolute;
            left: 700px;
            top:345px;
            z-index: 1;

}
.plat{
    margin: 2%;
}
.nom_plat{
    background:#49B3BF;
	border-radius:21px;
    display: inline-block;
	cursor:pointer;
	font-size:11px;
	padding:10px 76px;
	text-decoration:none;
    position: absolute;
            top: 795px;
            left: 750px;
            z-index: 1;
        
}
.annonce{
    background:#8C1243;
	border-radius:21px;
    width: 275px;
    display: inline-block;
	cursor:pointer;
	font-size:28px;
	padding:0 76px;
	text-decoration:none;
    text-align: center;
    position: absolute;
            top: 795px;
            left: 42px;
            z-index: 1;       
}

video{
  width: 560px;
  height: 315px;
  border-radius: 5mm;
  }

.img_plat{
  border-radius: 5mm;
}