/*
style.css
---------
*/
body
{
background-image: url("../images/design/crea/fond.webp"); /*Lien pour l'image de fond*/ 
width:920px;
height:900px;
margin:auto;
min-width:850px;
background-attachment:fixed;

}
.corp
{
width:920px;
background-repeat: repeat-y;
background-position:center;
}
.corp .navg {
text-align:justify;
}
.header
{
text-align:center;
}
img
{
border:none;
}
.navtop {
background-image: url("../images/design/crea/top_cadre.png"); /*Lien pour l'image de fond ( corp )*/ 

padding-top:50px;
width:920px;
height:75px;
}
.navtop a {
display:inline;
padding-left:25px;
padding-right:25px;
font-family:gabriola;
font-size:1.2em;
color:#78384a;
text-decoration:none;

}
.navtop a :hover 
{
text-decoration:underline;
font-weight:bold;
}
.navg{
width:250px;
margin-left:125px;
margin-top:100px;
float:left;
}
.navg img{
padding-top:7px;
}
.navg a :hover{
-khtml-opacity:0.8;
-ms-filter: "alpha(opacity=80)"; 
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); 
opacity:0.8;}
.clear {
  clear: both;
}
.texte_intro{
margin-left:65px;
margin-right:65px;
margin-top:40px;
color:#78384a;
font-family:gabriola;
font-weight:bold;
font-size:1.3em;
text-align:left;
line-height: 100%; 
}
.mep{
background-image: url("../images/design/crea/corp_cadre.png"); /*Lien pour l'image de fond ( corp )*/ 
background-repeat :repeat-y;
}
.texte{
margin-left:75px;
margin-right:75px;
color:#78384a;
font-family:gabriola;
font-weight:bold;
font-size:1.3em;
text-align:left;
line-height: 100%; 
}
.end_cadre{
background-image: url("../images/design/crea/bas_cadre.png"); /*Lien pour l'image de fond ( corp )*/ 
height:83px;
}
.atelier{
float:right;
margin-left:25px;
}
.savoir_faire{
float:right;
margin-left:25px;
}
.rens{
font-family:calibri;
margin-left:500px;
color:black
}
.rens h5 {text-decoration:underline;color:#78384a; display:inline;font-size:1.1em;}
.maps{
float:left;
}
.texte h2 {display: inline;}
.avap {margin-right:40px;margin-left:40px;text-align:center;}
.avap img {width:320px;height:240px;}
.center {margin-right:50px;margin-left:50px;text-align:center;}
.center1 {text-align:center;}
.relook img {width:320px;height:240px;}
.restau img {width:320px;height:240px;}
.restau1 img {width:240px;height:320px;}
.texte a {color:#6D29E2;}
.foire img{width:320px;height:240px;}
.pied  {margin-right:50px;margin-left:50px; text-align:center;}
.pied a {text-decoration:none;color:#656565}
.pied a:hover {text-decoration:underline;}
.diapo {
    margin-right: 150px;
    width: 300px;
    height: 422px;
    box-shadow: 0px 15px 10px -5px #777;
    background-color: #EDEDED;
    background-size: contain;
    animation: fondu 40s ease-in-out infinite both;
    float:right;
}

.diapo:hover{animation-play-state: paused;}
@keyframes fondu{
    0%{background-image: url("../images/diapo/0.jpg");}
    10%{background-image: url("../images/diapo/1.jpg");}
    20%{background-image: url("../images/diapo/2.jpg");}
    30%{background-image: url("../images/diapo/3.jpg");}
    40%{background-image: url("../images/diapo/4.jpg");}
    50%{background-image: url("../images/diapo/5.jpg");}
    60%{background-image: url("../images/diapo/6.jpg");}
    70%{background-image: url("../images/diapo/7.jpg");}
    80%{background-image: url("../images/diapo/8.jpg");}
    90%{background-image: url("../images/diapo/9.jpg");}
    100%{background-image: url("../images/diapo/0.jpg");}
}