html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
table{border-collapse:collapse;border-spacing:0;}

html{font-family: sans-serif, arial; font-size: 16px; color:#333;}

/* GENERAL */
a{text-decoration:none;transition:color 0.3s;}


/* LAYOUT */
.header{max-width:1100px; margin:5px auto;text-align:center;overflow:hidden;}
.section{max-width:1100px; width:1100px;position:relative;margin:0 auto;overflow:hidden;padding:10px 0;}
.nav, .footer{min-width:1100px; width:100%;text-align:center;}
.aside{float:left;width:240px;}
.blabla{margin-left:305px;width:760px; overflow:hidden;}


/* HEADER */
.logo{width:450px; height:300px; float:left;}


.carousel{
	border-radius:6px;
    width:600px;
    margin:10px 10px 10px 470px;
    height:280px;
background:url('img/carousel1.jpg') no-repeat center; 
background:url('img/carousel1.jpg'),url('img/carousel2.jpg'),url('img/carousel3.jpg'),url('img/carousel4.jpg');
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
background-position:0px 0px, 0px 0px, 0px 0px, 0px 0px;

  -webkit-animation: carousel 24s linear 0s infinite alternate;
     -moz-animation: carousel 24s linear 0s infinite alternate;
       -o-animation: carousel 24s linear 0s infinite alternate;
          animation: carousel 10s linear 0s infinite alternate;

}

@-webkit-keyframes carousel {
    0%{background-position:600px 0px, 0px 0px, 0px 0px, 0px 0px;}
    33%{background-position:600px 0px, 0px 300px, 0px 0px, 0px 0px;}
    66%{background-position:600px 0px, 0px 300px, 0px -300px, 0px 0px;}
    100%{background-position:0px 0px, 0px 300px, 0px -300px, -600px 0px;}
}

@-moz-keyframes carousel {
    0%{background-position:600px 0px, 0px 0px, 0px 0px, 0px 0px;}
    33%{background-position:600px 0px, 0px 300px, 0px 0px, 0px 0px;}
    66%{background-position:600px 0px, 0px 300px, 0px -300px, 0px 0px;}
    100%{background-position:0px 0px, 0px 300px, 0px -300px, -600px 0px;}
}

@-o-keyframes carousel {
    0%{background-position:600px 0px, 0px 0px, 0px 0px, 0px 0px;}
    33%{background-position:600px 0px, 0px 300px, 0px 0px, 0px 0px;}
    66%{background-position:600px 0px, 0px 300px, 0px -300px, 0px 0px;}
    100%{background-position:0px 0px, 0px 300px, 0px -300px, -600px 0px;}
}

@keyframes carousel {
    0%{background-position:600px 0px, 0px 0px, 0px 0px, 0px 0px;}
    33%{background-position:600px 0px, 0px 300px, 0px 0px, 0px 0px;}
    66%{background-position:600px 0px, 0px 300px, 0px -300px, 0px 0px;}
    100%{background-position:0px 0px, 0px 300px, 0px -300px, -600px 0px;}
}





/* NAV */
.nav{text-align:center; background:orange; box-shadow: 0 0 2px 3px lightgrey; font-size:1.1em;}
.nav a{color:#fff;}
.nav li{padding:8px 4px; transition:background 0.3s;}
.nav>ul>li{display:inline-block; margin:0px 35px;position:relative;}
.nav ul li ul{position:absolute; z-index:2;top:37px;left:-30px; border:1px orange solid; width:250px;}
.nav ul li ul li{border-top:1px lightgrey solid;font-size:0.9em;}
.nav ul li ul li:first-of-type{border-top:none;}
.nav li:hover{background:#e67e22;}
.nav ul li ul li ul{position:absolute; z-index:2;top:0px; left:250px;}
.nav ul li ul, .nav ul li ul li ul{display:none; background:orange;}
.nav ul li:hover>ul, .nav ul li ul li:hover>ul{display:block;}



/* ASIDE */
.liens{margin:0 10px 10px; z-index:1;}
.liens li{padding-top:10px;}
.liens li a{color:grey; text-shadow:1px 1px 2px lightgrey;}
.liens li a:hover{color:orange;}
.liens ul ul{margin-left:20px;}

.contact{text-align:center; font-size:0.9em; transition:background 0.3s;border-radius:6px; margin:20px 5px; padding:5px; border:2px solid orange;}
.contact b{color:royalblue; font-weight:bold;}
.certif{text-align:center;}
.certif img{width:130px;}

/* BLABLA */
.blabla div{border-bottom:1px solid silver;padding:10px 0;}
.blabla div:first-of-type{padding:0 0 10px;}
h2{color:royalblue; font-size:1.8em; text-shadow:1px 1px 2px lightgrey; border-bottom:1px solid #3498db;margin:15px 0;}
h3{color:orange; font-size:1.3em; text-shadow:1px 1px 2px lightgrey; margin:15px 5px 10px;}
h4{font-weight:bold; padding:0px 0px 10px; color:grey; text-align:center;}
.blabla b{font-weight:bold;}
.blabla img{display:block; margin:8px auto; max-width:740px;}
.blabla .petiteimg{display:inline-block; width:350px; margin:8px 10px;}
.blabla p, .blabla ul{font-size:0.9em; padding:8px 5px; line-height:1.2em;text-align:justify;}
.blabla li{list-style:circle;margin:5px 0 5px 20px;}

/* FORMULAIRE */
form li{margin:10px 0;text-align:right;}
form label{vertical-align:top; line-height:30px;}
form input, form textarea, select{vertical-align:top;padding:3px; font-size:16px;width:650px; margin-left:20px;}
textarea{height:300px;}



/* FOOTER */
.footer{background:lightgrey; padding:10px 0; color:grey;}
.footer a{color:#333}
.footer a:hover{color:black;}