@charset "UTF-8";
* {
    box-sizing: border-box;
}

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 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

body{ 
    font-family:Arial, Helvetica, sans-serif; 
    font-size:12px;
    background-image: url("../img/barre.png");
}/*#F2F2F2*/

a:hover	{ 
    text-decoration:underline;
}

.conteneur{
    margin: 0 auto;
   width:  80%
}

/* TOP */
#top_wrapper					{ background-position:50% 50%;}
#logo h1, #logo h2				{ display: none;}	


/* Main menu */
#nav{ 
    width:100%;
    background-color:#FFF;
}
#nav ul	{ 
    width:100%;
    list-style:none;
    display: flex
}
#nav ul li{ 
    margin: 25px 0 0 0
}
#nav ul li a { 
    font-family: "Amatic SC",cursive;
    color:#000;
    display:block;
    font-size:24px;
    text-align:center;
    text-decoration:none;
    box-sizing: border-box;
    padding: 0% 21%
}
.line1  {
   border-bottom: 1px solid #000
}
/* lignes pour le déroulant*/
#nav ul li:hover a{ 
    color:#FFF;    
   background: #000;   
}
.line1 ul {
    position: absolute;
    left: -999em;
    text-align: left;
    z-index: 1000;
}
.line1 li:hover ul {
    left: auto;
}
.line1 li:hover ul li a{
    widows: 20%;
    text-align: left;
    padding: 0;
}
/*
.comp{color:#466a6a;} vert 
.comp:hover{color:#6ba4a4;}
.crea{color:#be0d26;}/* rouge
.crea:hover{color:#e5455c;}
.at{color:#631c4b;}/* violet foncé 
.at:hover{color:#ad237e;}
.lab{color:#e18f3e;}/* orange 
.lab:hover{color:#f9b16a;}
.cal{color:#9f6e90;}/* violet clair
.cal:hover{color: #c9b1c1;}
.con{color:#88d4c8;}/* vert  
.con:hover{color:#93a9a6;}
*/

/* Menu page */
#navigation_wrapper				{ width:100%}
#navigation						{ width:100%; height:65px; z-index:100;}
#navigation ul					{ list-style:none; margin:0; margin-left:80px; padding-top:10px;}
#navigation ul li				{ background:#F2F2F2;margin:0; padding:0; display:inline;}
#navigation ul li a				{ display:block; float:left; margin:0; padding:0; height:45px; width:195px; line-height:2; font-size:15px; font-weight:bold;text-align:center; margin-right:86px; text-decoration:none; color:#494646;}
#navigation ul li a:hover		{ background:#F2F2F2; color:#494646;}



/* STRUCTURE */
section{
    width: 100%;
}
.main{ 
    width:970px; 
    margin:0 auto;
}
#content, article{
    width: 100%;
    background: #FFF;
    margin: 9% 0
}
/***********/
/* Accueil */
/***********/

.leonie-part{
    display: flex;
    padding: 2%;
    background: #FFF;
    border-radius: 10px;
    box-sizing: border-box;
    box-sizing: content-box
}
.col-l{
    width: 50%;
     color: #5a5a5a;
    margin-right: 2%;
    font-size: 13px;
}
.col-r{
    width: 50%;
    text-align: center;
}
.title-site{
    font-family: "Amatic SC",cursive;
    color:#494646;
    font-size:45px;
    margin:25px;
}
.col-r img{
    margin:4% 0 0
}


.info-comp 						{ width:100%; height:auto;padding:10px 0}
/*.compagnie						{ background-color:#466a6a;}*/
.creations						{ background-color:#9d1a1a;}
/*.labo							{ background-color:#e18f3e;}*/
/*.ateliers						{ background-color:#631c4b;}*/
/*.calendrier 					{ background-color:#c9b1c1;}*/
/*.contact 						{ background-color:#88d4c8;}*/

.home-title  { 
    background: #FFF;
}
.home-title h1 { 
    font-size:50px;
    text-align: right;
    font-family: 'Amatic SC', cursive;
    font-weight: bold;
}
.maintitle{
    width:80%;
}
/*** ANIMATION titre ***/
.animated {   
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
 }

 @-webkit-keyframes bounceInRight {
    0% {
       opacity: 0;
       -webkit-transform: translateX(100px);
    }

    100% {
       -webkit-transform: translateX(0px);
    }
 }

 @keyframes bounceInRight {
    0% {
       opacity: 0;
       transform: translateX(100px);
    }


    100% {
       transform: translateX(0px);
    }
 }

 .bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
 }
/***/  
.redTitle1{color:#9d1a1a}
.redbtn{background:#9d1a1a }
.redbtn:hover{background:#ab565d}
.greenTitle {color:#466a6a}
.redTitle {color:#ab565d}
.info-comp h2 { 
    font-size:15px;
    color:#FFF;
    font-weight:lighter;
    margin-top:5px;
}
.info-comp h3 { 
    font-size:15px;
    color:#fff;
    font-weight:lighter;
    margin-top:15px;
}
.info-comp a { 
    color:#494646;
}
.title {
    background-color:#F2F2F2;
    color:#494646;
    height:50px;
    border-radius:5px; 
}
.title p {
    padding:15px;
    color:#494646;
    font-size: 18px
}
.wix {
    margin:0 auto;
    width:80%;
    text-align: center;
    border-radius:5px;
    height:50px;
    color:#fff;
    cursor:pointer
}
.green {
    background-color:#466a6a;
}
.red {
    background-color:#ab565d;
}
.wix a 							{
    text-decoration: none;color:#fff;
    font-size: 25px;
    font-family: "Amatic SC",cursive
}
.line_btn_wix{    
    line-height:2;
}
.green:hover {
    background-color: #4db2b2;
}
.red:hover {
    background-color: #ce565d;
}
.jardin	{ 
    text-decoration: none;
    color:#466a6a;
    font-size: 15px;
    cursor:pointer
}

/*--------------------------------------------------------------------------------------------------------------------
/* SECTION: Nous trouver */ 
*--------------------------------------------------------------------------------------------------------------------*/
.pieces{ 
    height:auto; 
    padding:10px 5px;
    border-radius:10px; 
    margin:10px 0; 
}
.pieces h1{ 
    font-size:20px;
    padding:10px 0;
}
.pieces p{ 
    color:#5a5a5a;
    width:450px;
    font-size:13px;
    margin:0 20px 10px 0;
    float: left;
    padding:8px;
}
.button	{ 
    width:205px;
    height:45px;
    display:block; 
	background-color:#F2F2F2; 
    -moz-border-radius:5px; 
    -webkit-border-radius:5px;
    border-radius:5px; 
    text-align:center;
    color:#494646;
    text-decoration: underline; 
    font-size:15px;
    line-height:45px;
    margin:15px 0;
    text-decoration:none;
}


/*--------------------------------------------------------------------------------------------------------------------
 * SECTION: Portfolio
 *--------------------------------------------------------------------------------------------------------------------*/
.galery{
    display: flex;
    width: 100%
}
.portfolio{
    position: relative;
    height: auto;
}

.portfolio-item {
    position: relative;
    width: 375px;
    height: 212px;
    overflow: hidden;
    max-width: 100%;
    z-index: 0;
}
.portfolio-item img {
    width: 33%;
}
.portfolio-item img:hover {
    opacity: 0.8
}







/*--------------------------------------------------------------------------------------------------------------------
 * SECTION: Footer
 *--------------------------------------------------------------------------------------------------------------------*/
#footer {
    padding:15px 0;
    text-align:center;
    font-size:11px;
    color:#494646;
    background: #f2f2f2
}
.infos p{
    font-family: "Amatic SC",cursive;
    font-size: 30px;
}
.infos a {
    color:#494646;
    font-size: 15px
}
.infos img {
    width:3%
}
/*
.spinning_icons a { 
    width:48px;
    height:48px;
    display: block;
    background-position:0 0;
    background-repeat:no-repeat;
    justify-content: right
}
.spinning_icons a:hover	{ 
    transform:rotate(360deg); -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); transition:transform 0.2s ease-out; -webkit-transition: -webkit-transform:0.2s ease-out; -moz-transition: -moz-transform:0.2s ease-out;
}
.facebook {background:url(../img/facebook.jpg)}*/