#carousel {
	margin-left: 18px;
	
}
#carousel1 {
	font-family: "prest";
	margin-bottom: 15px;
	width:540px;
	overflow:scroll;
	text-align:center;
	border:2px solid #999;
	font-size: 24px;
 
}
 #carousel1 ul li img {
 
 
}
#textes1 {
	width: 560px;
	background-color: #ffffff;
	
	float:left;
	border-radius: 10px;
	
	
	padding-top: 10px;
	padding-bottom: 10px;
 
	padding-left: 20px;
 
	margin-left: 30px;	
-moz-box-shadow: 0 0 2px #fff, 0 0 4px #fff, 0 0 5px #fff, 0 0 5px #0066cc, 0 0 7px #0066cc, 0 0 8px #0066cc, 0 0 10px #0066cc, 0 0 10px #0066cc;
		 -webkit-box-shadow: 0 0 2px #fff, 0 0 4px #fff, 0 0 5px #fff, 0 0 5px #0066cc, 0 0 7px #0066cc, 0 0 8px #0066cc, 0 0 10px #0066cc, 0 0 10px #0066cc;
           box-shadow: 0 0 2px #fff, 0 0 4px #fff, 0 0 5px #fff, 0 0 5px #0066cc, 0 0 7px #0066cc, 0 0 8px #0066cc, 0 0 10px #0066cc, 0 0 10px #0066cc;

	 -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	border-radius: 10px;
	margin-bottom: 100px;
	margin-top: 20px;
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: center;
	color: #000000;
}

.textes2 {
	width: 480px;
	background-color: #ffffff;
	margin-left: 30px;
	float:left;
	border-radius: 10px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-right: 30px
	
 -moz-box-shadow: 2px 2px 2px 2px #999;
    -webkit-box-shadow: 2px 2px 2px 2px #999;
	box-shadow: 2px 2px 2px 2px #999;
	 -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	border-radius: 10px;
	margin-bottom: 20px;
	margin-top: 20px;
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: center;
	color: #000000;
}







#typo{
	position:relative;
	width:550px;
	margin:10px;
	font-size:21px;
	margin-bottom: 2px;
	margin-top: 2px;
	margin-left: 20px;
	font-family: "prest";font-weight: bold;
}
#typo div{
/*perspective*/
-webkit-perspective:550px;
   -moz-perspective:550px;
    -ms-perspective:550px;
     -o-perspective:550px;
        perspective:550px;
/*perspective-origin*/
-webkit-perspective-origin:50% 0;
   -moz-perspective-origin:50% 0;
    -ms-perspective-origin:50% 0;
     -o-perspective-origin:50% 0;
        perspective-origin:50% 0;
}
#typo div p{
/*animation*/
-webkit-animation:rot .6s ease-in-out 1s backwards;
   -moz-animation:rot .6s ease-in-out 1s backwards;
    -ms-animation:rot .6s ease-in-out 1s backwards;
     -o-animation:rot .6s ease-in-out 1s backwards;
        animation:rot .6s ease-in-out 1s backwards;
/*transform-origin*/
-webkit-transform-origin:50% 0;
   -moz-transform-origin:50% 0;
    -ms-transform-origin:50% 0;
     -o-transform-origin:50% 0;
	transform-origin:50% 0;
	width:550px;
	margin-top:10px;
	margin-bottom:10px;
	background:linear-gradient(rgba(255,255,255,.2),transparent),#fff;



-webkit-border-radius:5px;
   -moz-border-radius:5px;
	border-radius:5px;
	/*linear-gradient*/
background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.2)),color-stop(transparent),0.5),to(#ffffff));
	background:-webkit-linear-gradient(rgba(255,255,255,.2),transparent),#fff;
	background:   -moz-linear-gradient(rgba(255,255,255,.2),transparent),#fff;
	background:     -o-linear-gradient(rgba(255,255,255,.2),transparent),#fff;
	background:        linear-gradient(rgba(255,255,255,.2),transparent),#fff;
	border-top:1px solid rgba(255,255,255,.7);
	color:rgba(0,0,0,.75);
	text-align:center;
	text-shadow:0 1px 0 rgba(255,255,255,.7), 0 1px 2px rgba(255,255,255,.5);



/*box-shadow*/
-webkit-box-shadow:0 0 5px rgba(0,0,0,.75);
   -moz-box-shadow:0 0 5px rgba(0,0,0,.75);
	box-shadow:0 0 5px rgba(0,0,0,.75);
	padding: 10px;
	font-style: normal;
	font-weight: normal;
	font-size: 20px;
}

#typo div:first-child p{
font-size:20px;

/*animation-delay*/
-webkit-animation-delay:.6s;
   -moz-animation-delay:.6s;
    -ms-animation-delay:.6s;
     -o-animation-delay:.6s;
        animation-delay:.6s;
}
#typo div:nth-child(2) p{
font-size:20px;

/*animation-delay*/
-webkit-animation-delay:1s;
   -moz-animation-delay:1s;
    -ms-animation-delay:1s;
     -o-animation-delay:1s;
        animation-delay:1s;
}
#typo div:nth-child(3) p{
font-size:20px;

/*animation-delay*/
-webkit-animation-delay:1.4s;
   -moz-animation-delay:1.4s;
    -ms-animation-delay:1.4s;
     -o-animation-delay:1.4s;
        animation-delay:1.4s;
}
#typo div:nth-child(4) p{
font-size:20px;

/*animation-delay*/
-webkit-animation-delay:1.8s;
   -moz-animation-delay:1.8s;
    -ms-animation-delay:1.8s;
     -o-animation-delay:1.8s;
        animation-delay:1.8s;
}
#typo div:nth-child(5) p{
font-size:20px;

/*animation-delay*/
-webkit-animation-delay:2.2s;
   -moz-animation-delay:2.2s;
    -ms-animation-delay:2.2s;
     -o-animation-delay:2.2s;
        animation-delay:2.2s;
}

#typo :hover{

-webkit-transform-origin:  50% 50%;
   -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
     -o-transform-origin: 50% 50%;
       transform-origin: 50% 50%;
-webkit-transform: scale(1.08) ;
   -moz-transform: scale(1.08) ;
    -ms-transform: scale(1.08) ;
     -o-transform: scale(1.08) ;
       transform: scale(1.08) ;

-webkit-transition: all .6s ease-in;
-moz-transition: all .6s ease-in;
-o-transition: all .6s ease-in;
transition: all .6s ease-in;

	z-index: 58;
}


#typo2{
	position:relative;
	width:145px;
	margin:10px;
	font-size:11px;
	margin-bottom: 2px;
	margin-top: 15px;
	margin-left: 5px;
}
#typo2 div{
/*perspective*/
-webkit-perspective:145px;
   -moz-perspective:145px;
    -ms-perspective:145px;
     -o-perspective:145px;
        perspective:145px;
/*perspective-origin*/
-webkit-perspective-origin:60% 30%;
   -moz-perspective-origin:60% 30%;
    -ms-perspective-origin:60% 30%;
     -o-perspective-origin:60% 30%;
        perspective-origin:60% 30%;
}
#typo2 div p{
/*animation*/
-webkit-animation:rot .6s ease-in-out 1s backwards;
   -moz-animation:rot .6s ease-in-out 1s backwards;
    -ms-animation:rot .6s ease-in-out 1s backwards;
     -o-animation:rot .6s ease-in-out 1s backwards;
        animation:rot .6s ease-in-out 1s backwards;
/*transform-origin*/
-webkit-transform-origin:60% 30%;
   -moz-transform-origin:60% 30%;
    -ms-transform-origin:60% 30%;
     -o-transform-origin:60% 30%;
	transform-origin:60% 30%;
	padding:5px;
	width:145px;
	margin-top:10px;
	margin-bottom:10px;
	background:linear-gradient(rgba(255,255,255,.2),transparent),#DEC0D6;



-webkit-border-radius:10px;
   -moz-border-radius:10px;
	border-radius:10px;
	/*linear-gradient*/
background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.2)),color-stop(transparent),0.5),to(#DEC0D6));
	background:-webkit-linear-gradient(rgba(255,255,255,.2),transparent),#DEC0D6;
	background:   -moz-linear-gradient(rgba(255,255,255,.2),transparent),#DEC0D6;
	background:     -o-linear-gradient(rgba(255,255,255,.2),transparent),#DEC0D6;
	background:        linear-gradient(rgba(255,255,255,.2),transparent),#DEC0D6;
	border-top:1px solid rgba(255,255,255,.7);
	color:rgba(0,0,0,.75);
	text-align:center;
	text-shadow:0 1px 0 rgba(255,255,255,.7), 0 1px 2px rgba(255,255,255,.5);


	font-weight: normal;
	font-variant: normal;
	font-style: normal;

/*box-shadow*/
-webkit-box-shadow:0 0 5px rgba(0,0,0,.75);
   -moz-box-shadow:0 0 5px rgba(0,0,0,.75);
	box-shadow:0 0 5px rgba(0,0,0,.75);
	font-size: 12px;

}

#typo2 div:first-child p{
	font-size:20px;

/*animation-delay*/
-webkit-animation-delay:.6s;
   -moz-animation-delay:.6s;
    -ms-animation-delay:.6s;
     -o-animation-delay:.6s;
        animation-delay:.6s;
	font-weight: normal;
}
#typo2 div:nth-child(2) p{
font-size:20px;

/*animation-delay*/
-webkit-animation-delay:1s;
   -moz-animation-delay:1s;
    -ms-animation-delay:1s;
     -o-animation-delay:1s;
        animation-delay:1s;
}
#typo2 div:nth-child(3) p{
font-size:15px;

/*animation-delay*/
-webkit-animation-delay:1.4s;
   -moz-animation-delay:1.4s;
    -ms-animation-delay:1.4s;
     -o-animation-delay:1.4s;
        animation-delay:1.4s;
}
#typo2 div:nth-child(4) p{
font-size:15px;

/*animation-delay*/
-webkit-animation-delay:1.8s;
   -moz-animation-delay:1.8s;
    -ms-animation-delay:1.8s;
     -o-animation-delay:1.8s;
        animation-delay:1.8s;
}
#typo2 div:nth-child(5) p{
font-size:15px;

/*animation-delay*/
-webkit-animation-delay:2.2s;
   -moz-animation-delay:2.2s;
    -ms-animation-delay:2.2s;
     -o-animation-delay:2.2s;
        animation-delay:2.2s;
}








@-webkit-keyframes rot{
from{-webkit-transform:rotateX(-90deg);}
50%{-webkit-transform:rotateX(45deg);}
70%{-webkit-transform:rotateX(-23deg);}
to{-webkit-transform:rotateX(0);}
}
@-moz-keyframes rot{
from{-moz-transform:rotateX(-90deg);}
50%{-moz-transform:rotateX(45deg);}
70%{-moz-transform:rotateX(-23deg);}
to{-moz-transform:rotateX(0);}
}
@-ms-keyframes rot{
from{-ms-transform:rotateX(-90deg);}
50%{-ms-transform:rotateX(45deg);}
70%{-ms-transform:rotateX(-23deg);}
to{-ms-transform:rotateX(0);}
}
@-o-keyframes rot{
from{-o-transform:rotateX(-90deg);}
50%{-o-transform:rotateX(45deg);}
70%{-o-transform:rotateX(-23deg);}
to{-o-transform:rotateX(0);}
}
@keyframes rot{
from{transform:rotateX(-90deg);}
50%{transform:rotateX(45deg);}
70%{transform:rotateX(-23deg);}
to{transform:rotateX(0);}
}

#typo2 :hover{

-webkit-transform-origin:  top left;
   -moz-transform-origin: top left;
    -ms-transform-origin: top left;
     -o-transform-origin: top left;
       transform-origin: top left;
-webkit-transform: scale(1.13) ;
   -moz-transform: scale(1.13) ;
    -ms-transform: scale(1.13)  ;
     -o-transform: scale(1.13) ;
       transform: scale(1.13) ;

-webkit-transition: all .6s ease-in;
-moz-transition: all .6s ease-in;
-o-transition: all .6s ease-in;
transition: all .6s ease-in;

	z-index: 58;
}








	@font-face 
 {
      
font-family: 'prest'; 
src: url('fonts/electronica-webfont.eot'); 
src: url('fonts/electronica-webfont.woff') format('woff'), url('fonts/electronica-webfont.ttf') format('truetype'), url('fonts/electronica-webfont.svg#webfontNwkXRkFW') format('svg'); 
font-weight: normal; 
font-style: normal; 
 }
#contenu{
	width:960px;
	margin-left: auto;
	margin-right: auto;
	background-color: #381D22;
-webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.75);        
   -moz-box-shadow:5px 5px 5px rgba(0,0,0,0.75);
	box-shadow:5px 5px 5px rgba(0,0,0,0.75);
	height: 16500px;
}
#cont{
	width:580px;
	margin-left: 280px;
	margin-right: 100px;
	float: right;
	position: relative;
}
*{margin:0;padding:0;border:none;}

#t8{
}
#t8 ul {
	position:fixed;
	list-style:none;
	padding:25px 0px;
	
	height: 850px;
	width:200px;
	
-webkit-border-radius:10px;
   -moz-border-radius:10px;
	border-radius:10px;
-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.75);        
   -moz-box-shadow:0px 0px 10px rgba(0,0,0,0.75);
	box-shadow:0px 0px 10px rgba(0,0,0,0.75);
	background-color: #0C0003;
}

#t8 ul li{
height:35px;
width:200px;
}#t8 li ul{
height:35px;
width:200px;
}
#t8 ul li a.menuLien{
	font-family:"prest";
	position:absolute;
	text-decoration:none;
	color:white;
	font-size:23px;
	padding-left:22px;
	display:block;
	width:170px;
	height:30px;
	letter-spacing:-1px;
	margin-bottom: 0px;
	font-style: normal;
	font-weight: normal;

}

#t8 ul li a.menuLien2{
	font-family:"prest";
	position:absolute;
	text-decoration:none;
	color:#CCCCCC;
	font-size:21px;
	padding-left:37px;
	width:145px;
	height:25px;
	letter-spacing:-1px;
	font-style: normal;
	font-weight: normal;
}

/*la boite qui slide*/
#t8 ul li a.menuLien3{font-family:"prest";
position:absolute;
z-index:110;
font-weight:bold;
color:#0066CC;
font-size:21px;
padding-left:37px;width:145px;height:25px;
text-decoration:none;
letter-spacing:-1px;
}



body {


	
	color: #000000;

 

background-image: -webkit-linear-gradient(to right,#C5C5BD,#fff, #C5C5BD);
background-image:    -moz-linear-gradient(to right,#C5C5BD,#fff, #C5C5BD);
background-image: -ms-linear-gradient(to right,#C5C5BD,#fff, #C5C5BD);
background-image: -o-linear-gradient(to right,#C5C5BD,#fff, #C5C5BD);
background-image: linear-gradient(to right,#C5C5BD,#fff, #C5C5BD);
 
	background-color: #C5C5BD;
	

 }
 
 
 
 
 
#content.h1{
	color: #990033;
}
.titr0 {font-size: 44px; font-family: prest; color: #FFFFFF;
}
.titr1 {
	color: #FFFFFF;
	font-size: 21px;
	font-family: prest;
}
.Stile5 {
	color: #FFFFFF;
	font-size: 36px;
	font-weight: bold;
	font-family: prest;
}
.Stile6 {color: #FFFFFF; font-size: 24px; font-family: prest; }
.Stile10 {color: #000000}
.Stile11 {font-size: 27px; color: #990000; font-family: prest; font-weight: bold;}
.Stile12 {
	color: #FFFFFF;
	font-family: prest;
}
#textes11 {	width: 560px;
	background-color: #ffffff;
	margin-left: 30px;
	float:left;
	border-radius: 10px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-right: 30px
	
 -moz-box-shadow: 2px 2px 2px 2px #000;
    -webkit-box-shadow: 2px 2px 2px 2px #000;
	box-shadow: 2px 2px 2px 2px #000;
	 -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	border-radius: 10px;
	margin-bottom: 100px;
	margin-top: 20px;
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: center;
	color: #000000;
}
.Stile14 {color: #990000}
.Stile15 {color: #009900}
.Stile16 {color: #FF3300}
a:link {
	color: #000000;	
}
a:visited {
	color: #000000;	
}
a:hover {
	color: #000000;
}
a:active {
	color: #333333;	
}
.Stile18 {color: #211412}



































@media screen and (max-width: 960px) {
 
#textes1 {
	width: 360px;
	
}
 #typo2{
	position:relative;
	width:105px;
	margin:5px;
	margin-bottom: 2px;
	margin-top: 2px;
	margin-left: 1px;
	font-weight: normal;
}
 
#typo2 div p{
 
font-weight:bold; padding:4px;
width:105px;margin-top:10px;
margin-bottom:10px;
font-size:14px;



}
 
 
  #carousel {
 margin-left: 14%;
}
 #carousel1 {
 font-family: "prest";
font-size: 34px;
 margin-bottom: 15px;
 width:360px;
 overflow:scroll;
 text-align:center;
 border:2px solid #999;
 height: 230px;
 z-index:  45453;
}
 #carousel1 ul li img {
 width:350px;
 height: 220px;
 z-index: -43;
}

 .titr0{
 
 
font-size:34px;



}
 
#t8 ul {
	position:fixed;
	list-style:none;
	padding:20px 0px;
	
	height: 850px;
	width:150px;
	
-webkit-border-radius:10px;
   -moz-border-radius:10px;
	border-radius:10px;
-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.75);        
   -moz-box-shadow:0px 0px 10px rgba(0,0,0,0.75);
	box-shadow:0px 0px 10px rgba(0,0,0,0.75);
	background-color: #0C0003;
}

#t8 ul li{
height:25px;
width:150px;
}#t8 li ul{
height:25px;
width:150px;
}
#t8 ul li a.menuLien{
	font-family:"prest";
	position:absolute;
	text-decoration:none;
	color:white;
	font-size:17px;
	padding-left:22px;
	display:block;
	width:140px;
	height:20px;
	letter-spacing:-1px;
	margin-bottom: 0px;
	font-style: normal;
	font-weight: normal;

}

#t8 ul li a.menuLien2{
	font-family:"prest";
	position:absolute;
	text-decoration:none;
	color:#CCCCCC;
	font-size:17px;
	padding-left:37px;
	width:135px;
	height:20px;
	letter-spacing:-1px;
	font-style: normal;
	font-weight: normal;
}

/*la boite qui slide*/
#t8 ul li a.menuLien3{font-family:"prest";
position:absolute;
z-index:110;
font-weight:bold;
color:#0066CC;
font-size:17px;
padding-left:37px;width:135px;height:20px;
text-decoration:none;
letter-spacing:-1px;
}

 
 
 
 
 
 
.Stile1 {	text-shadow:4px 8px 15px #000;
	color: #FFFFFF;
	font-size: 18px;
	font-family: prest;
}


#contenu{
	width:720px;
 
}
#cont{
	width:520px;
	margin-left: 200px;
 
	float: left;

}
 #logo {
 
  border: 6px solid #eee;
	border-radius: 6px;
	float: left;
	height: 40px;
	width: 17%;
	float: left;
	 text-shadow: 1 1px 0 #eee;
	margin-left: 1%;
	text-align: center;
	
	margin-top: 10px;
	
	padding-top: 2px;
 
 font-size:7px;
}
 #logo img {
 z-index: -7;
 width:120px;
 height:60px;
}



#adrs{
 width:91%;
 margin-left:20px;
	margin-right:40px;
	padding:5px;
	height: 30px;
	font-size:24px;
	} 
 
 
 h2 {
 font-size: 15px;
}
 
 
 h1 {
 font-size: 17px;
 letter-spacing: 2px;
}

 .rope {
 position: absolute;
 top: -43px;
 left: 185px;
 z-index: 6488;
}

#typo{
	 
	width:250px;
	margin-left:40px;
	padding:5px;
 
}
  
 

 #typo div p { 	 
	width:350px;
	margin:10px;
	padding:5px;
	
	
}
 
 .gu {
 margin-bottom: 100px;
}


 #menu58{
	margin-top: -7px;

}



	#menu58 ul li div.s {
	
	font-size:16px;
	width:70%;
	height: 10px;
	padding:5px;
	padding-top:0px;
	overflow:hidden;
	text-shadow:4px 8px 15px #000;
	color:white;
	position:absolute;
	visibility:hidden;
	left:1px;
	z-index:-5;
	opacity:0;
	
	margin-top:40px;
	top:10px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .3), 0 3px 2px rgba(0, 0, 0, .2), 0 2px 8px rgba(0, 0, 0, .2), 0 8px 10px rgba(0, 0, 0, .15);


	background-color: #000;
	border: 7px solid #eee;
	margin-left: 21%;
}
#menu58 ul li:hover div.s {
	opacity:100;
	-o-opacity:100;
	-webkit-opacity:100;
	-moz-opacity:100;
	-khtml-opacity:100;
	z-index: 51;
	height: 480px;
	visibility:visible;
}
/*les elements de la boite*/
		#menu58 ul li div.s h5 {
	font-size:11px;
	color:#fff;
	text-align:center;
	font-family: punk;
	text-shadow:4px 8px 15px #000;
	padding-top: 5px;
	margin-left: auto;
	margin-right: auto;
}

		#menu58 ul li div.s h6 {
	font-size:11px;
	color:#fff;

}


#menu58 ul li div.s p {
	width:100%;
	overflow:auto;
	font-size:12px;
	font-weight:normal;
	text-align:center;
		font-family: prest;
}

 #menu58 ul li a {
 display: block;
 text-align: center;
 text-decoration: none;
 padding: 1% 1% 2% 1%;
 text-shadow: 0 1px 0 rgba(255, 255, 255, .4);
 font-size: 20px;
}
  #menu58 ul li:first-child a:hover,  #menu58 ul li:first-child a:focus {
 
 letter-spacing: 1px;
}
 #menu58 ul li:nth-child(1) a {
color: #fff;
}
 #menu58 ul li:nth-child(2) a:hover,  #menu58 ul li:nth-child(2) a:focus {
 
 letter-spacing: 1px;
 
}
 #menu58 ul li:nth-child(2) a {
color: #fff;
}
 #menu58 ul li:nth-child(3) a:hover,  #menu58 ul li:nth-child(3) a:focus {
 
 letter-spacing: 1px;
 
}

 #bloktext2 {
-webkit-box-shadow: -1px 0px 18px 2px rgba(50, 50, 50, 0.56);
 -moz-box-shadow:    -1px 0px 18px 2px rgba(50, 50, 50, 0.56);
 -o-box-shadow:    -1px 0px 18px 2px rgba(50, 50, 50, 0.56);
 box-shadow:         -1px 0px 18px 2px rgba(50, 50, 50, 0.56);
 background:#FFFFFF;
 padding:10px;
 border-radius:10px;
 width:60%;
 box-shadow: 10px #111;
 font-style:normal;
 font-family: prest;
 font-size : 18px;
 left: 150px;
 float: right;
 margin-right: 10%;
 position: absolute;
 top: 40%; /* poussé de la moitié de hauteur du référent */
 transform: translateY(-40%); /* tiré de la moitié de sa propre hauteur */
 height: auto;
}
 .box111 {
 width: 70%;
 margin-left: 21%;
 margin-top: 50px;
 height: 100%;
 position: relative;
 z-index: 7;
}

 iframe {
width:320px;
height:300px;
margin-left:10%;
}
 table { width: 350px;
 font-size: 15px;
}
 #bloktext img {
 width:380px;
height:150px;
}

 #presentation1 {
 margin-top: 40px;
 font-size: 20px;
}
 #presentation2 {
 margin-top: 40px;
 font-size: 20px;
}
 #typo2 div:first-child p {
 font-size: 20px;
}
 #typo2 div:nth-child(2) p {
 font-size: 20px;
}

  
 #cor {
 width:400px;
 margin-left: auto;
 margin-right: auto;
}
 #bloktext {
 font-size: 20px;
}
.rightcurtain img {
 height: 90%;
}
.leftcurtain img {
 height: 90%;
}

#log img {

 width:270px;
 height:60px;
}

#adapt img {
margin-left: auto;
margin-right: auto; 
 width:400px;
 height:260px;
}
#bt img {
width: 180px;	height: 110px;
}
#header {
height: 180px;

}
#bt {
margin-bottom:10px;
}


}




 @media screen and (max-width: 650px) {

 #typo2{font-size:14px;
	position:relative;
	width:95px;
	margin:5px;
	margin-bottom: 2px;
	margin-top: 2px;
	margin-left: -21px;
	font-weight: normal;
}
 
#typo2 div:first-child p{
	font-size:15px;
 
}
#typo2 div p{
 
font-weight:bold; padding:4px;
width:105px;margin-top:10px;
margin-bottom:10px;
font-size:14px;



}
 
 
#textes1 {
	width: 300px;
	background-color: #ffffff;
	margin-left: 30px;
	float:left;
	border-radius: 10px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-right: 30px
	

	border-radius: 10px;
	margin-bottom: 100px;
	margin-top: 20px;
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: center;
	color: #000000;
}
 
 
 
 
 
.Stile1 {	text-shadow:4px 8px 15px #000;
	color: #FFFFFF;
	font-size: 18px;
	font-family: prest;
}

#article18{
	font-family:prest;
	height:469px;
}
#article18 ul:before{
content:"";
position:absolute;
z-index:100;
background:#D4BD9B;
height:100%;
width:120px;
margin-top:-40px;

-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.75);        
   -moz-box-shadow:0px 0px 10px rgba(0,0,0,0.75);
        box-shadow:0px 0px 10px rgba(0,0,0,0.75);
}
#article18 ul{
	position:fixed;
	list-style:none;
	width:120px;
	padding:35px 0px;
	margin-left:5px;
	margin-top: 2px;
	height: 850px;
}
#article18 ul li{
height:35px;
width:120px;
}#article18 li ul{
height:35px;
width:120px;
}
#article18 ul li a.menuLien{
	position:absolute;
	z-index:110;
	font-weight:bold;
	
	
	width:120px;
	height:30px;

	text-shadow:0px 0px 5px rgba(0,0,0,0.5);
	
	color:white;
	font-size:19px;
	padding-left:13px;
	letter-spacing:-1px;
	font-family: prest;
}
#article18 ul li p.horaire{
position:absolute;
z-index:110;
font-weight:bold;
color:white;
font-size:16px;
padding-left:22px;
padding-top: 2px;
display:block;
width:120px;
height:30px;
text-decoration:none;
text-shadow:0px 0px 5px rgba(0,0,0,0.5);
letter-spacing:-1px;
}
#article18 ul li a.menuLien2{
	position:absolute;
	z-index:110;
	font-weight:bold;
	color:#666666;
	font-size:18px;
	padding-left:27px;
	
	width:120px;
	height:30px;
	text-decoration:none;
	text-shadow:#fff;
	letter-spacing:-1px;
	font-family: prest;
}

/*la boite qui slide*/


#article18 ul li div.s{	
font-family: prest;
font-size: 24px;
width:80px;
height:820px;
padding:15px;
padding-top:0px;
background:rgba(5,3,8,7.6);
overflow:hidden;
color:white;
position:absolute;
top:0px;
left:0;
z-index:50;
opacity:100;
margin-top:2px;
-webkit-transition:1s left,1s width,1s opacity;
   -moz-transition:1s left,1s width,1s opacity;
     -o-transition:1s left,1s width,1s opacity;
        transition:1s left,1s width,1s opacity;
}
#article18 ul li:hover div.s{
	left:120px;
	width:410px;


}

/*les elements de la boite*/
#article18 ul li div.s h5{
	font-size:2.8em;
	color:#9D0238;
	text-align:right;
	font-family: prest;
	padding-top: 10px;
}
#article18 ul li div.s p{
	width:380px;
	overflow:hidden;
	font-size:15px;
	font-weight:normal;
	text-align:justify;
}
#article18 ul li div.s p.lien{text-align:right;}
#article18 ul li div.s p.lien a{color:#c10;}

#contenu{
	width:620px;
	margin-left: auto;
	margin-right: auto;
 
}
#cont{ 
	width:430px;
	margin-left: 150px;

	float: left;
 }
 #logo {
 
  border: 6px solid #eee;
	border-radius: 6px;
	float: left;
	height: 40px;
	width: 17%;
	float: left;
	 text-shadow: 1 1px 0 #eee;
	margin-left: 1%;
	text-align: center;
	
	margin-top: 10px;
	
	padding-top: 2px;
 
 font-size:7px;
}
 #logo img {
 z-index: -7;
 width:120px;
 height:60px;
}



#adrs{
 width:91%;
 margin-left:20px;
	margin-right:40px;
	padding:5px;
	height: 30px;
	font-size:24px;
	} 
 
 
 h2 {
 font-size: 15px;
}
 
 
 h1 {
 font-size: 17px;
 letter-spacing: 2px;
}

 .rope {
 position: absolute;
 top: -43px;
 left: 185px;
 z-index: 6488;
}

#typo{
	 
	width:250px;
	margin-left:40px;
	padding:5px;
 
}
  
 

 #typo div p { 	 
	width:350px;
	margin:10px;
	padding:5px;
	
	
}
 
 .gu {
 margin-bottom: 100px;
}


 #menu58{
	margin-top: -7px;

}



	#menu58 ul li div.s {
	
	font-size:16px;
	width:70%;
	height: 10px;
	padding:5px;
	padding-top:0px;
	overflow:hidden;
	text-shadow:4px 8px 15px #000;
	color:white;
	position:absolute;
	visibility:hidden;
	left:1px;
	z-index:-5;
	opacity:0;
	
	margin-top:40px;
	top:10px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .3), 0 3px 2px rgba(0, 0, 0, .2), 0 2px 8px rgba(0, 0, 0, .2), 0 8px 10px rgba(0, 0, 0, .15);


	background-color: #000;
	border: 7px solid #eee;
	margin-left: 21%;
}
#menu58 ul li:hover div.s {
	opacity:100;
	-o-opacity:100;
	-webkit-opacity:100;
	-moz-opacity:100;
	-khtml-opacity:100;
	z-index: 51;
	height: 480px;
	visibility:visible;
}
/*les elements de la boite*/
		#menu58 ul li div.s h5 {
	font-size:11px;
	color:#fff;
	text-align:center;
	font-family: punk;
	text-shadow:4px 8px 15px #000;
	padding-top: 5px;
	margin-left: auto;
	margin-right: auto;
}

		#menu58 ul li div.s h6 {
	font-size:11px;
	color:#fff;

}


#menu58 ul li div.s p {
	width:100%;
	overflow:auto;
	font-size:12px;
	font-weight:normal;
	text-align:center;
		font-family: prest;
}

 #menu58 ul li a {
 display: block;
 text-align: center;
 text-decoration: none;
 padding: 1% 1% 2% 1%;
 text-shadow: 0 1px 0 rgba(255, 255, 255, .4);
 font-size: 20px;
}
  #menu58 ul li:first-child a:hover,  #menu58 ul li:first-child a:focus {
 
 letter-spacing: 1px;
}
 #menu58 ul li:nth-child(1) a {
color: #fff;
}
 #menu58 ul li:nth-child(2) a:hover,  #menu58 ul li:nth-child(2) a:focus {
 
 letter-spacing: 1px;
 
}
 #menu58 ul li:nth-child(2) a {
color: #fff;
}
 #menu58 ul li:nth-child(3) a:hover,  #menu58 ul li:nth-child(3) a:focus {
 
 letter-spacing: 1px;
 
}

 #bloktext2 {
-webkit-box-shadow: -1px 0px 18px 2px rgba(50, 50, 50, 0.56);
 -moz-box-shadow:    -1px 0px 18px 2px rgba(50, 50, 50, 0.56);
 -o-box-shadow:    -1px 0px 18px 2px rgba(50, 50, 50, 0.56);
 box-shadow:         -1px 0px 18px 2px rgba(50, 50, 50, 0.56);
 background:#FFFFFF;
 padding:10px;
 border-radius:10px;
 width:60%;
 box-shadow: 10px #111;
 font-style:normal;
 font-family: prest;
 font-size : 18px;
 left: 150px;
 float: right;
 margin-right: 10%;
 position: absolute;
 top: 40%; /* poussé de la moitié de hauteur du référent */
 transform: translateY(-40%); /* tiré de la moitié de sa propre hauteur */
 height: auto;
}
 .box111 {
 width: 70%;
 margin-left: 21%;
 margin-top: 50px;
 height: 100%;
 position: relative;
 z-index: 7;
}

 iframe {
width:290px;
height:220px;
margin-left:10%;
}
 table { width: 300px;
 font-size: 13px;
}
 #bloktext img {
 width:380px;
height:150px;
}

 #presentation1 {
 margin-top: 40px;
 font-size: 20px;
}
 #presentation2 {
 margin-top: 40px;
 font-size: 20px;
}
 
 #typo2 div:nth-child(2) p {
 font-size: 20px;
}

 #carousel {
 margin-left: 14%;
}
 #carousel1 {
 font-family: "prest";
font-size: 34px;
 margin-bottom: 15px;
 width:360px;
 overflow:scroll;
 text-align:center;
 border:2px solid #999;
 height: 230px;
 z-index:  45453;
}
 #carousel1 ul li img {
 width:350px;
 height: 220px;
 z-index: -43;
}
 #cor {
 width:400px;
 margin-left: auto;
 margin-right: auto;
}
 #bloktext {
 font-size: 20px;
}
.rightcurtain img {
 height: 90%;
}
.leftcurtain img {
 height: 90%;
}

#log img {

 width:270px;
 height:60px;
}

#adapt img {
margin-left: auto;
margin-right: auto; 
 width:400px;
 height:260px;
}
#bt img {
width: 180px;	height: 110px;
}
#header {
height: 180px;

}
#bt {
margin-bottom:10px;
}
#t8{
}
#t8 ul {
	position:fixed;
	list-style:none;
	padding:22px 0px;
	
	height: 850px;
	width:100px;
	
-webkit-border-radius:10px;
   -moz-border-radius:10px;
	border-radius:10px;
-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.75);        
   -moz-box-shadow:0px 0px 10px rgba(0,0,0,0.75);
	box-shadow:0px 0px 10px rgba(0,0,0,0.75);
	background-color: #0C0003;
}

#t8 ul li{
height:22px;
width:90px;
}#t8 li ul{
height:22px;
width:90px;
}
#t8 ul li a.menuLien{
	font-family:"prest";
	position:absolute;
	text-decoration:none;
	color:white;
	font-size:14px;
	padding-left:22px;
	display:block;
	width:90px;
	height:22px;
	letter-spacing:-1px;
	margin-bottom: 0px;
	font-style: normal;
	font-weight: normal;

}

#t8 ul li a.menuLien2{
	font-family:"prest";
	position:absolute;
	text-decoration:none;
	color:#CCCCCC;
	font-size:14px;
	padding-left:37px;
	width:95px;
	height:22px;
	letter-spacing:-1px;
	font-style: normal;
	font-weight: normal;
}

/*la boite qui slide*/
#t8 ul li a.menuLien3{font-family:"prest";
position:absolute;
z-index:110;
font-weight:bold;
color:#0066CC;
font-size:14px;
padding-left:37px;width:95px;height:22px;
text-decoration:none;
letter-spacing:-1px;
}


}



 @media screen and (max-width: 450px) {
#pizza1 img{
	width: 39px;
	float:right;
	margin-top: 1px;
	height: 38px;
	text-align: center;
	margin-right: 2px;
}
#pizza2{
widht:120px;
	margin-left: 40px;
}
#pizza2 h1{
widht:120px;
	margin-left: 40px;
}
 #typo2{
	position:relative;
	width:80px;
	margin:5px;
	margin-bottom: 2px;
	margin-top: 2px;
	margin-left: -10px;
	font-weight: normal;font-size:9px;
}
 
#typo2 div p{
 
font-weight:bold; padding:4px;
width:80px;margin-top:10px;
margin-bottom:10px;
font-size:9px;



}
 
#log img {
margin-left:30px;
 width:160px;
 height:40px;
}
 
 #typo{
	 
	width:200px;
	margin-left: 50px;
	padding:5px;
 	font-size: 12px;
}
  
  #typo div{
	 

 	font-size: 12px;
}

 #typo div p { 	 
	width:190px;
	margin:10px;
	padding:5px;
	font-size:18px;
	
}
 
 #typo div:first-child p{
font-size:18px; 
}
 
 #typo div:nth-child(2) p{
font-size:18px;
letter-spacing:-2px;
 
}
#typo div:nth-child(3) p{ 
font-size:18px; 
}
 
.Stile1 {	text-shadow:4px 8px 15px #000;
	color: #FFFFFF;
	font-size: 16px;
	font-family: prest;
}

#article18{
	font-family:prest;
	height:469px;
}
#article18 ul:before{
content:"";
position:absolute;
z-index:100;
background:#D4BD9B;
height:100%;
width:100px;
margin-top:-40px;

-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.75);        
   -moz-box-shadow:0px 0px 10px rgba(0,0,0,0.75);
        box-shadow:0px 0px 10px rgba(0,0,0,0.75);
}
#article18 ul{
	position:fixed;
	list-style:none;
	width:100px;
	padding:35px 0px;
	margin-left:5px;
	margin-top: 2px;
	height: 850px;
}
#article18 ul li{
height:35px;
width:100px;
}#article18 li ul{
height:35px;
width:100px;
}
#article18 ul li a.menuLien{
	position:absolute;
	z-index:110;
	font-weight:bold;
	
	
	width:80px;
	height:30px;

	text-shadow:0px 0px 5px rgba(0,0,0,0.5);
	
	color:white;
	font-size:16px;
	padding-left:13px;
	letter-spacing:-1px;
	font-family: prest;
}
#article18 ul li p.horaire{
position:absolute;
z-index:110;
font-weight:bold;
color:white;
font-size:16px;
padding-left:22px;
padding-top: 2px;
display:block;
width:90px;
height:30px;
text-decoration:none;
text-shadow:0px 0px 5px rgba(0,0,0,0.5);
letter-spacing:-1px;
}
#article18 ul li a.menuLien2{
	position:absolute;
	z-index:110;
	font-weight:bold;
	color:#666666;
	font-size:16px;
	padding-left:27px;
	
	width:100px;
	height:30px;
	text-decoration:none;
	text-shadow:#fff;
	letter-spacing:-1px;
	font-family: prest;
}

/*la boite qui slide*/


#article18 ul li div.s{	
font-family: prest;
font-size: 24px;
width:60px;
height:820px;
padding:15px;
padding-top:0px;
background:rgba(5,3,8,7.6);
overflow:hidden;
color:white;
position:absolute;
top:0px;
left:0;
z-index:50;
opacity:100;
margin-top:2px;
-webkit-transition:1s left,1s width,1s opacity;
   -moz-transition:1s left,1s width,1s opacity;
     -o-transition:1s left,1s width,1s opacity;
        transition:1s left,1s width,1s opacity;
}
#article18 ul li:hover div.s{
	left:100px;
	width:220px;


}

/*les elements de la boite*/
#article18 ul li div.s h5{
	font-size:36px;
	color:#9D0238;
	text-align:right;
	font-family: prest;
	padding-top: 10px;
}
#article18 ul li div.s p{
	width:210px;
	overflow:hidden;
	font-size:15px;
	font-weight:normal;
	text-align:justify;
}
#article18 ul li div.s p.lien{text-align:right;}
#article18 ul li div.s p.lien a{color:#c10;}

#contenu{
	width:400px;
	margin-left: auto;
	margin-right: auto;
	 
 
}
#cont{
	width:300px;
	margin-left: 100px;

	float: left;
 
}
#t8{
	width:110px;
	 
}
 #adrs{
 width:80%;
 margin-left:20px;
	margin-right:40px;
	padding:5px;
	height: 24px;
	font-size:12px;
	}
	
 h2 {
 font-size: 17px; letter-spacing:2px;
}

 h1 {
 font-size: 17px;
 letter-spacing:2px;
}
 .rope {
 position: absolute;
 top: 0px;
 left: 85px;
 z-index: 64524488;
}
 .rope img {
z-index: 645244888;
 width:70px;
 height:180px;
}

 #presentation1 {
 margin-top: 40px;
 font-size: 17px;
}
 #presentation2 {
 margin-top: 40px;
 font-size: 17px;
}
 #contenu1 {
 width:100%;
 margin-left: auto;
 margin-right: auto;
 height: 30px;
 position: fixed;
 z-index: 334;	
 border-bottom: 4px solid #eee;
}
 
  
 .gu {
 margin-bottom: 50px;
}
 .box111 {
 margin-top: 20px;
}

 #logo {
 border: 3px solid #eee;
	border-radius: 4px;
	float: left;
	height: 20px;
	width: 60px;
	float: left;
	 text-shadow: 1 1px 0 #eee;
	margin-left: 2%;
	text-align: center;
	
	margin-top: 10px;
	
	padding-top: 2px;
 
 
 font-size:5px;

}
 #logo img {
 z-index: -7;
 width:60px;
 height:30px;
}
 
 #carousel {
 margin-left: 14%;
}
 #carousel1 {
 font-family: "prest";
font-size: 34px;
 margin-bottom: 15px;
 width:230px;
 overflow:scroll;
 text-align:center;
 border:2px solid #999;
 height: 160px;
 z-index:  45453;
}
 #carousel1 ul li img {
 width:230px;
 height: 150px;
 z-index: -43;
}
 #carousel1 ul li p {
visibility:hidden;
}


 #cor {
overflow:hidden;
 width:220px;
 margin-left: auto;
 margin-right: auto;
}
 iframe {
width:150px;
height:150px;
}
 table {
 width:180px;
 font-size: 12px;
}

 #menu58 {
 margin-top:-8px;
}
 #menu58 ul {
 display: table;
 width:100%;
 margin-left: 10px;
 padding: 0;
 color: #000000;
 border-radius: 3px;
 font-weight:bold;
 height: 20px;
}
 #menu58 ul li a {
 height: 20px;
 transition: all .3s .1s;
 -webkit-transition: all .3s .1s;
 -moz-transition: all .3s .1s;
 -ms-transition: all .3s .1s;
 -o-transition: all .3s .1s;
 transition: all .3s .1s;
 text-align: center;
 text-decoration: none;
 padding: 1% 1% 2% 1%;
 text-shadow: 0 1px 0 rgba(255, 255, 255, .4);
 font-size: 14px;
}
 #menu58 ul li:first-child a:hover,  #menu58 ul li:first-child a:focus {
 padding:1% 4% 2% 4%;
 transition: all .8s 0s;
 box-shadow: 0 1px 0 #fff inset,  0 -1px 0 #69C39B inset,  0 -2px 0 #69C39B inset,  0 -3px 0 #69C39B inset,  0 -4px 0 #69C39B inset,  0 -5px 0 #69C39B inset;
 letter-spacing: 1px;
}
 #menu58 ul li:nth-child(1) a {
color: #fff;
}
 #menu58 ul li:nth-child(2) a:hover,  #menu58 ul li:nth-child(2) a:focus {
padding:1% 4% 2% 4%;
 transition: all .8s 0s;
 letter-spacing: 1px;
 box-shadow: 0 1px 0 #fff inset,  0 -1px 0 #FF9900 inset,  0 -2px 0 #FF9900 inset,  0 -3px 0 #FF9900 inset,  0 -4px 0 #FF9900 inset,  0 -5px 0 #FF9900 inset;
}
 #menu58 ul li:nth-child(2) a {
color: #fff;
}
 #menu58 ul li:nth-child(3) a:hover,  #menu58 ul li:nth-child(3) a:focus {
padding:1% 4% 2% 4%;
 transition: all .8s 0s;
 letter-spacing: 1px;
 box-shadow: 0 1px 0 #fff inset,  0 -1px 0 #1080A1 inset,  0 -2px 0 #1080A1 inset,  0 -3px 0 #1080A1 inset,  0 -4px 0 #1080A1 inset,  0 -5px 0 #1080A1 inset;
}
 
 #bloktext {
 font-size: 13px;
}
 #bloktext h1 {
 font-size: 19px;
}

#adapt img {
 width:200px;
 height:120px;
 margin-left:10px;
}
#bt img {
width: 100px;	height: 50px;
}
#header {
height: 100px;

}
#bt {
margin-bottom:10px;
}

#cont img { 
width: 70px;	height: 70px;
}


body {
	
	font-size:12px;



}



	#menu58 ul li div.s {
	
	font-size:8px;
	width:70%;
	height: 10px;
	padding:5px;
	padding-top:0px;
	overflow:hidden;
	text-shadow:4px 8px 15px #000;
	color:white;
	position:absolute;
	visibility:hidden;
	left:1px;
	z-index:-5;
	opacity:0;
	
	margin-top:20px;
	top:10px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .3), 0 3px 2px rgba(0, 0, 0, .2), 0 2px 8px rgba(0, 0, 0, .2), 0 8px 10px rgba(0, 0, 0, .15);


	background-color: #000;
	border: 7px solid #eee;
	margin-left: 21%;
}
#menu58 ul li:hover div.s {
	opacity:100;
	-o-opacity:100;
	-webkit-opacity:100;
	-moz-opacity:100;
	-khtml-opacity:100;
	z-index: 51;
	height: 480px;
	visibility:visible;
}
/*les elements de la boite*/
		#menu58 ul li div.s h5 {
	font-size:11px;
	color:#fff;
	text-align:center;
	font-family: punk;
	text-shadow:4px 8px 15px #000;
	padding-top: 5px;
	margin-left: auto;
	margin-right: auto;
}

		#menu58 ul li div.s h6 {
	font-size:11px;
	color:#fff;

}




#menu58 ul li div.s p {
	width:100%;
	overflow:auto;
	font-size:9px;
	font-weight:normal;
	text-align:center;
	font-family: prest;
}




.titr1 {
font-size:15px;
}



# form {
width: 150px;	height: 90px;
}

#t8{
}
#t8 ul {
	position:fixed;
	list-style:none;
	padding:10px 0px;
	
	height: 850px;
	width:100px;
	
-webkit-border-radius:10px;
   -moz-border-radius:10px;
	border-radius:10px;
-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.75);        
   -moz-box-shadow:0px 0px 10px rgba(0,0,0,0.75);
	box-shadow:0px 0px 10px rgba(0,0,0,0.75);
	background-color: #0C0003;
}

#t8 ul li{
height:20px;
width:90px;
}#t8 li ul{
height:20px;
width:90px;
}
#t8 ul li a.menuLien{
	font-family:"prest";
	position:absolute;
	text-decoration:none;
	color:white;
	font-size:14px;
	padding-left:22px;
	display:block;
	width:90px;
	height:20px;
	letter-spacing:-1px;
	margin-bottom: 0px;
	font-style: normal;
	font-weight: normal;

}

#t8 ul li a.menuLien2{
	font-family:"prest";
	position:absolute;
	text-decoration:none;
	color:#CCCCCC;
	font-size:14px;
	padding-left:37px;
	width:95px;
	height:20px;
	letter-spacing:-1px;
	font-style: normal;
	font-weight: normal;
}

/*la boite qui slide*/
#t8 ul li a.menuLien3{font-family:"prest";
position:absolute;
z-index:110;
font-weight:bold;
color:#0066CC;
font-size:14px;
padding-left:37px;width:95px;height:20px;
text-decoration:none;
letter-spacing:-1px;
}




#textes1 {
	width: 190px;

}


#typo2 div:first-child p{
	font-size:14px;

/*animation-delay*/
-webkit-animation-delay:.6s;
   -moz-animation-delay:.6s;
    -ms-animation-delay:.6s;
     -o-animation-delay:.6s;
        animation-delay:.6s;
	font-weight: normal;
}

}









 @media screen and (max-width: 390px) {
#pizza1 img{
	width: 39px;
	float:right;
	margin-top: 1px;
	height: 38px;
	text-align: center;
	margin-right: 2px;
}
#pizza2{
widht:120px;
	margin-left: 40px;
}
#pizza2 h1{
widht:120px;
	margin-left: 40px;
}
 #typo2{
	position:relative;
	width:80px;
	margin:5px;
	margin-bottom: 2px;
	margin-top: 2px;
	margin-left: -10px;
	font-weight: normal;font-size:9px;
}
 
#typo2 div p{
 
font-weight:bold; padding:4px;
width:80px;margin-top:10px;
margin-bottom:10px;
font-size:9px;



}
 
#log img {
margin-left:30px;
 width:160px;
 height:40px;
}
 
 #typo{
	 
	width:150px;
	margin-left: 10px;
	padding:5px;
 	font-size: 14px;
}
  
  #typo div{
	 

 	font-size: 14px;
}

 #typo div p { 	 
	width:150px;
	margin:10px;
	padding:5px;
	font-size:14px;
	
}
 
 #typo div:first-child p{
font-size:14px; 
}
 
 #typo div:nth-child(2) p{
font-size:18px;
letter-spacing:-2px;
 
}
#typo div:nth-child(3) p{ 
font-size:18px; 
}
 
.Stile1 {	text-shadow:4px 8px 15px #000;
	color: #FFFFFF;
	font-size: 16px;
	font-family: prest;
}

#article18{
	font-family:prest;
	height:469px;
}
#article18 ul:before{
content:"";
position:absolute;
z-index:100;
background:#D4BD9B;
height:100%;
width:100px;
margin-top:-40px;

-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.75);        
   -moz-box-shadow:0px 0px 10px rgba(0,0,0,0.75);
        box-shadow:0px 0px 10px rgba(0,0,0,0.75);
}
#article18 ul{
	position:fixed;
	list-style:none;
	width:100px;
	padding:35px 0px;
	margin-left:5px;
	margin-top: 2px;
	height: 850px;
}
#article18 ul li{
height:35px;
width:100px;
}#article18 li ul{
height:35px;
width:100px;
}
#article18 ul li a.menuLien{
	position:absolute;
	z-index:110;
	font-weight:bold;
	
	
	width:80px;
	height:30px;

	text-shadow:0px 0px 5px rgba(0,0,0,0.5);
	
	color:white;
	font-size:16px;
	padding-left:13px;
	letter-spacing:-1px;
	font-family: prest;
}
#article18 ul li p.horaire{
position:absolute;
z-index:110;
font-weight:bold;
color:white;
font-size:16px;
padding-left:22px;
padding-top: 2px;
display:block;
width:90px;
height:30px;
text-decoration:none;
text-shadow:0px 0px 5px rgba(0,0,0,0.5);
letter-spacing:-1px;
}
#article18 ul li a.menuLien2{
	position:absolute;
	z-index:110;
	font-weight:bold;
	color:#666666;
	font-size:16px;
	padding-left:27px;
	
	width:100px;
	height:30px;
	text-decoration:none;
	text-shadow:#fff;
	letter-spacing:-1px;
	font-family: prest;
}

/*la boite qui slide*/


#article18 ul li div.s{	
font-family: prest;
font-size: 24px;
width:60px;
height:820px;
padding:15px;
padding-top:0px;
background:rgba(5,3,8,7.6);
overflow:hidden;
color:white;
position:absolute;
top:0px;
left:0;
z-index:50;
opacity:100;
margin-top:2px;
-webkit-transition:1s left,1s width,1s opacity;
   -moz-transition:1s left,1s width,1s opacity;
     -o-transition:1s left,1s width,1s opacity;
        transition:1s left,1s width,1s opacity;
}
#article18 ul li:hover div.s{
	left:100px;
	width:220px;


}

/*les elements de la boite*/
#article18 ul li div.s h5{
	font-size:36px;
	color:#9D0238;
	text-align:right;
	font-family: prest;
	padding-top: 10px;
}
#article18 ul li div.s p{
	width:210px;
	overflow:hidden;
	font-size:15px;
	font-weight:normal;
	text-align:justify;
}
#article18 ul li div.s p.lien{text-align:right;}
#article18 ul li div.s p.lien a{color:#c10;}

#contenu{
	width:320px;
	margin-left: auto;
	margin-right: auto;
	 
 
}
#cont{ 
	width:220px;
	margin-left: 100px;

	float: left;
 
}
 
 #adrs{
 width:80%;
 margin-left:20px;
	margin-right:40px;
	padding:5px;
	height: 24px;
	font-size:12px;
	}
	
 h2 {
 font-size: 17px; letter-spacing:2px;
}

 h1 {
 font-size: 17px;
 letter-spacing:2px;
}
 .rope {
 position: absolute;
 top: 0px;
 left: 85px;
 z-index: 64524488;
}
 .rope img {
z-index: 645244888;
 width:70px;
 height:180px;
}

 #presentation1 {
 margin-top: 40px;
 font-size: 17px;
}
 #presentation2 {
 margin-top: 40px;
 font-size: 17px;
}
 #contenu1 {
 width:100%;
 margin-left: auto;
 margin-right: auto;
 height: 30px;
 position: fixed;
 z-index: 334;	
 border-bottom: 4px solid #eee;
}
 
  
 .gu {
 margin-bottom: 50px;
}
 .box111 {
 margin-top: 20px;
}

 #logo {
 border: 3px solid #eee;
	border-radius: 4px;
	float: left;
	height: 20px;
	width: 60px;
	float: left;
	 text-shadow: 1 1px 0 #eee;
	margin-left: 2%;
	text-align: center;
	
	margin-top: 10px;
	
	padding-top: 2px;
 
 
 font-size:5px;

}
 #logo img {
 z-index: -7;
 width:60px;
 height:30px;
}
 
 #carousel {
 margin-left: 10%;
}
 #carousel1 {
 font-family: "prest";
font-size: 34px;
 margin-bottom: 15px;
 width:170px;
 overflow:scroll;
 text-align:center;
 border:2px solid #999;
 height: 100px;
 z-index:  45453;
}
 #carousel1 ul li img {
 width:160px;
 height: 100px;
 z-index: -43;
}
 #carousel1 ul li p {
visibility:hidden;
}


 #cor {
overflow:hidden;
 width:220px;
 margin-left: auto;
 margin-right: auto;
}
 iframe {
width:150px;
height:150px;
}
 table {
 width:150px;
 font-size: 10px;
}

 #menu58 {
 margin-top:-8px;
}
 #menu58 ul {
 display: table;
 width:100%;
 margin-left: 10px;
 padding: 0;
 color: #000000;
 border-radius: 3px;
 font-weight:bold;
 height: 20px;
}
 #menu58 ul li a {
 height: 20px;
 transition: all .3s .1s;
 -webkit-transition: all .3s .1s;
 -moz-transition: all .3s .1s;
 -ms-transition: all .3s .1s;
 -o-transition: all .3s .1s;
 transition: all .3s .1s;
 text-align: center;
 text-decoration: none;
 padding: 1% 1% 2% 1%;
 text-shadow: 0 1px 0 rgba(255, 255, 255, .4);
 font-size: 14px;
}
 #menu58 ul li:first-child a:hover,  #menu58 ul li:first-child a:focus {
 padding:1% 4% 2% 4%;
 transition: all .8s 0s;
 box-shadow: 0 1px 0 #fff inset,  0 -1px 0 #69C39B inset,  0 -2px 0 #69C39B inset,  0 -3px 0 #69C39B inset,  0 -4px 0 #69C39B inset,  0 -5px 0 #69C39B inset;
 letter-spacing: 1px;
}
 #menu58 ul li:nth-child(1) a {
color: #fff;
}
 #menu58 ul li:nth-child(2) a:hover,  #menu58 ul li:nth-child(2) a:focus {
padding:1% 4% 2% 4%;
 transition: all .8s 0s;
 letter-spacing: 1px;
 box-shadow: 0 1px 0 #fff inset,  0 -1px 0 #FF9900 inset,  0 -2px 0 #FF9900 inset,  0 -3px 0 #FF9900 inset,  0 -4px 0 #FF9900 inset,  0 -5px 0 #FF9900 inset;
}
 #menu58 ul li:nth-child(2) a {
color: #fff;
}
 #menu58 ul li:nth-child(3) a:hover,  #menu58 ul li:nth-child(3) a:focus {
padding:1% 4% 2% 4%;
 transition: all .8s 0s;
 letter-spacing: 1px;
 box-shadow: 0 1px 0 #fff inset,  0 -1px 0 #1080A1 inset,  0 -2px 0 #1080A1 inset,  0 -3px 0 #1080A1 inset,  0 -4px 0 #1080A1 inset,  0 -5px 0 #1080A1 inset;
}
 
 #bloktext {
 font-size: 13px;
}
 #bloktext h1 {
 font-size: 19px;
}

#adapt img {
 width:200px;
 height:120px;
 margin-left:10px;
}
#bt img {
width: 100px;	height: 50px;
}
#header {
height: 100px;

}
#bt {
margin-bottom:10px;
}

#cont img { 
width: 70px;	height: 70px;
}


body {
	
	font-size:12px;



}



	#menu58 ul li div.s {
	
	font-size:8px;
	width:70%;
	height: 10px;
	padding:5px;
	padding-top:0px;
	overflow:hidden;
	text-shadow:4px 8px 15px #000;
	color:white;
	position:absolute;
	visibility:hidden;
	left:1px;
	z-index:-5;
	opacity:0;
	
	margin-top:20px;
	top:10px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .3), 0 3px 2px rgba(0, 0, 0, .2), 0 2px 8px rgba(0, 0, 0, .2), 0 8px 10px rgba(0, 0, 0, .15);


	background-color: #000;
	border: 7px solid #eee;
	margin-left: 21%;
}
#menu58 ul li:hover div.s {
	opacity:100;
	-o-opacity:100;
	-webkit-opacity:100;
	-moz-opacity:100;
	-khtml-opacity:100;
	z-index: 51;
	height: 480px;
	visibility:visible;
}
/*les elements de la boite*/
		#menu58 ul li div.s h5 {
	font-size:11px;
	color:#fff;
	text-align:center;
	font-family: punk;
	text-shadow:4px 8px 15px #000;
	padding-top: 5px;
	margin-left: auto;
	margin-right: auto;
}

		#menu58 ul li div.s h6 {
	font-size:11px;
	color:#fff;

}




#menu58 ul li div.s p {
	width:100%;
	overflow:auto;
	font-size:9px;
	font-weight:normal;
	text-align:center;
	font-family: prest;
}


#page-wrap {display:none;
 width: 0px;
 height:  0px;
}

.titr1 {
font-size:11px;
}
#carousel1 img {
 width: 0px;
 height:  0px;
}
#carousel1 p {
display:none;
}

# form {
width: 150px;	height: 90px;
}
#t8{
}
#t8 ul {
	position:fixed;
	list-style:none;
	padding:05px 0px;
	
	height: 850px;
	width:100px;
	
-webkit-border-radius:10px;
   -moz-border-radius:10px;
	border-radius:10px;
-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.75);        
   -moz-box-shadow:0px 0px 10px rgba(0,0,0,0.75);
	box-shadow:0px 0px 10px rgba(0,0,0,0.75);
	background-color: #0C0003;
}

#t8 ul li{
height:15px;
width:90px;
}#t8 li ul{
height:15px;
width:90px;
}
#t8 ul li a.menuLien{
	font-family:"prest";
	position:absolute;
	text-decoration:none;
	color:white;
	font-size:14px;
	padding-left:12px;
	display:block;
	width:90px;
	height:10px;
	letter-spacing:-1px;
	margin-bottom: 0px;
	font-style: normal;
	font-weight: normal;

}

#t8 ul li a.menuLien2{
	font-family:"prest";
	position:absolute;
	text-decoration:none;
	color:#CCCCCC;
	font-size:14px;
	padding-left:17px;
	width:95px;
	height:15px;
	letter-spacing:-1px;
	font-style: normal;
	font-weight: normal;
}

/*la boite qui slide*/
#t8 ul li a.menuLien3{font-family:"prest";
position:absolute;
z-index:110;
font-weight:bold;
color:#0066CC;
font-size:14px;
padding-left:17px;width:95px;height:15px;
text-decoration:none;
letter-spacing:-1px;
}


#textes1 {
	width: 150px;
		margin-right: 00px
	padding-left: -20px;
	padding-right: 20px;
	margin-left: 10px;
	
}


#typo2 div:first-child p{
	font-size:14px;

/*animation-delay*/
-webkit-animation-delay:.6s;
   -moz-animation-delay:.6s;
    -ms-animation-delay:.6s;
     -o-animation-delay:.6s;
        animation-delay:.6s;
	font-weight: normal;
}
.titr0 {font-size:24px;
 
}
}