@view-transition {
    navigation: auto;
}


@view-transition-old (root) {
    animation: 5s cubic-bezier(0.87, 0, 0.13, 1) both move-out;
}


@view-transition-new(root) {
    animation: 5s cubic-bezier(0.87, 0, 0.13, 1) both move-in;
}
@keyframe move-out {
    from {
        transform: translateY(0%);
    }

    to {
        transform: translateY(-100%);
    }
}


@keyframe move-in{
    from{
        transform: translateY(100%);
    }
    to{
        transform: translateY(0%);
    }
}


* {
margin:0;
padding:0;
font-weight:300;
border:0;
list-style:none;
color:#444444;
}



p, label, form{

font-family:'Pontano Sans', sans-serif;
font-size:0.9em;
line-height:115%;

}

body{
background:#f3f0eb;}

.wrap{
overflow:hidden;
}
h1{
font-size:1em;

}
h3{
font-family:'Oswald', Arial, sans-serif;
color:#FF6600;
font-size:1.1em;
}

p{
margin-bottom:3px;
}
.footer>p{
font-size:65%;
color:#999999;
margin-top:15px;
}

tbody tr td{
padding:5px 0 0 0 ;}

input[type="submit"]{
 cursor:pointer;
background:#555555;
color:#FFFFFF;
padding:5px;
}

input[type="submit"]:hover{
background:#222222;
color:#DDDDDD;
}

a{
color:#0099FF;
text-decoration:none;
}

.header a{
color:#333333;
text-decoration:none;
}

.liens_menu li.active a{
color:#0099FF;
text-decoration:none;
}

a:hover{
color:#0066cc;
text-decoration:none;
}



.header h1 img{
width:200px;
}
.site, .header
{
padding:0 8px 0 8px;
}

/*Padding des blocs*/

.header{
padding-top:8px;
padding-bottom:8px;
}


.header{
text-transform: uppercase;
background:#e2dacf;
}


.header li {
display:inline;
}

.header * {
font-family:'Oswald', Arial, sans-serif;
font-weight:300;
}
.header h1 {
width:110px;
float:left;
margin:0 8px 0 0;
}

.liens_menu{
float:left;
}

.liens_options{
float:right;
}


  
.liens_menu ul li a{
display:block;
float:left;
margin-right:5px;
}



/* -------------------- logo -------------------- */
.header h1 img{
width:110px;
text-align:center;
}

/* -------------------- Tablette --------------------
.contenu_principal img{
width:140px;
}


*/


.images_section img{
 width:70px; /*pour tablette de 768 de large*/
/* width:90px; pour tablette de 768 de large*/
}



/* -------------------- SMARTPHONE HORIZONTAL -------------------- */

@media screen and (min-width:100px) and (max-width:480px){
.images_section img{
 width:35px; /*pour tablette de 768 de large*/
/* width:90px; pour tablette de 768 de large*/
}
	
  }
  
  @media screen and (min-width:481px) and (max-width:959px){
.images_section img{
 width:40px; /*pour tablette de 768 de large*/
/* width:90px; pour tablette de 768 de large*/
}
  }
  
  @media screen and (min-width:960px) and (max-width:1920px){
.images_section img{
 width:70px; /*pour tablette de 768 de large*/
/* width:90px; pour tablette de 768 de large*/
}
 }


/* -------------------- +1366 px --------------------*/

 @media screen and (min-width:1000px){
 
 .site{
width:65%;
margin:0 auto;}
 
}
/* Fin grande resolution */

/* -------------------- IMAGES DE LA GALERIE --------------------*/
.contenu_principal a img{
margin:5px 0 0 0;
padding:0;
display:block;
float:left;
}

.contenu_principal a:last-child img{
margin-right:0;
}

.contenu_principal a img{

border:#0099FF 1px solid;
border:#6699cc 1px solid;

}

.images_section li.active img, .images_section a:hover img{
border:#FF6600 1px solid;
}

.images_section li{
display: list-item;
margin:0 5px 0px 0px;
float:left;
}
.images_section ul:first-child{
margin:0;
}

.visuel img{
width:100%;
}


.firstname {
	display: none;
}

/*
    html, body {
        position: relative;
        height: 100%;
    }
    body {
        background: #eee;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
        font-size: 14px;
        color:#000;
        margin: 0;
        padding: 0;
    }
    .swiper-container {
        width: 100%;
        height: 100%;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        /* Center slide text vertically */
		
		/*
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
*/