#slider22 {
	background:  url('../img/back-dice.png') right top repeat ;
border:1px solid #ccc;
-webkit-border-radius:9px;
	-moz-border-radius:9px;
	border-radius:9px;
	width:240px;
	height:780px;
	position: relative;
	margin: 0 ;
	float:left;
	padding-top:45px;
	padding-bottom:75px;
	margin-top:20px;
	margin-left:20px;
	scroll-behavior: smooth;

}
#col {
	float:left;
	width:260px;
	height:1140px;
	margin: 0 ;
	float:left;
	padding:0;
	margin:0;
	position:relative;

}
#speedtop{background:  url('../img/back-dice.png') right top repeat ;
border:1px solid #ccc;
-webkit-border-radius:9px;
	-moz-border-radius:9px;
	border-radius:9px;
	width:200px;
		height:390px;
		margin:20px;
		padding:20px;
		padding-bottom:35px;
		
		
	}
#speed{background:  url('../img/back-dice.png') right top repeat ;
border:1px solid #ccc;
-webkit-border-radius:9px;
	-moz-border-radius:9px;
	border-radius:9px;
	width:200px;
		height:120px;
		margin:20px;
		padding:20px;
		padding-bottom:35px;
		position:absolute;
		left:0px;
		bottom:0;
	}
.qui {
border:1px solid #ccc;
-webkit-border-radius:9px;
	-moz-border-radius:9px;
	border-radius:9px;
	width:650px;
	height:260px;
	position: relative;
	margin: 0 ;
	float:left;
	padding-top:10px;
	padding-bottom:75px;
	margin-bottom:15px;
	margin-top:20px;
	margin-left:20px;
		-webkit-box-shadow: rgba(0, 0, 0, 0.111111) 0px 3px 3px 3px;
box-shadow: rgba(0, 0, 0, 0.111111) 0px 3px 3px 3px;
}
.quiref {
border:1px solid #ccc;
-webkit-border-radius:9px;
	-moz-border-radius:9px;
	border-radius:9px;
	width:650px;
	height:1010px;
	position: relative;
	margin: 0 ;
	float:left;
	padding-top:10px;
	padding-bottom:75px;
	margin-bottom:15px;
	margin-top:20px;
	margin-left:20px;
		-webkit-box-shadow: rgba(0, 0, 0, 0.111111) 0px 3px 3px 3px;
box-shadow: rgba(0, 0, 0, 0.111111) 0px 3px 3px 3px;
}
.qui22 {
border:none;


	width:650px;
	height:105px;
	position: relative;
	margin: 0 ;
	float:left;

	margin-bottom:15px;
	margin-top:20px;
	margin-left:20px;
		
}
.qui33 {
border:none;


	width:650px;
	height:230px;
	position: relative;
	margin: 0 ;
	float:left;

	margin-bottom:15px;
	margin-top:20px;
	margin-left:20px;
		
}
.qui34 {
border:none;


	width:650px;
	height:320px;
	position: relative;
	margin: 0 ;
	float:left;

	margin-bottom:15px;
	margin-top:20px;
	margin-left:20px;
		
}
.qui35 {
border:none;


	width:650px;
	height:522px;
	position: relative;
	margin: 0 ;
	float:left;

	margin-bottom:15px;
	margin-top:20px;
	margin-left:20px;
		
}
.qui2 {
border:1px solid #2683d1;

-webkit-border-radius:9px;
	-moz-border-radius:9px;
	border-radius:9px;
	width:650px;
	height:105px;
	position: relative;
	margin: 0 ;
	float:left;

	margin-bottom:15px;
	margin-top:20px;
	margin-left:20px;
		-webkit-box-shadow: rgba(0, 0, 0, 0.111111) 0px 3px 3px 3px;
box-shadow: rgba(0, 0, 0, 0.111111) 0px 3px 3px 3px;
}
.qui3 {
border:1px solid #ccc;
-webkit-border-radius:9px;
	-moz-border-radius:9px;
	border-radius:9px;
	width:650px;
	height:247px;
	position: relative;
	margin: 0 ;
	float:left;

	margin-bottom:15px;
	margin-top:20px;
	margin-left:20px;
		-webkit-box-shadow: rgba(0, 0, 0, 0.111111) 0px 3px 3px 3px;
box-shadow: rgba(0, 0, 0, 0.111111) 0px 3px 3px 3px;
}
.qui4 {
border:1px solid #ccc;
-webkit-border-radius:9px;
	-moz-border-radius:9px;
	border-radius:9px;
	width:650px;
	height:300px;
	position: relative;
	margin: 0 ;
	float:left;

	margin-bottom:15px;
	margin-top:20px;
	margin-left:20px;
		-webkit-box-shadow: rgba(0, 0, 0, 0.111111) 0px 3px 3px 3px;
box-shadow: rgba(0, 0, 0, 0.111111) 0px 3px 3px 3px;
}
.qui3:hover {
border:1px solid rgb(38, 131, 209);
opacity:0.8;
}
.qui2:hover {
border:1px solid rgb(38, 131, 209);
opacity:0.8;
}
.quic {
border:1px solid #ccc;
-webkit-border-radius:9px;
	-moz-border-radius:9px;
	border-radius:9px;
	width:550px;
	height:400px;
	position: relative;
	margin: 0 ;
	float:left;
	padding-top:10px;
	padding-bottom:75px;
	margin-bottom:15px;
	margin-top:20px;
	margin-left:20px;
		-webkit-box-shadow: rgba(0, 0, 0, 0.111111) 0px 3px 3px 3px;
box-shadow: rgba(0, 0, 0, 0.111111) 0px 3px 3px 3px;
}
.coo {
border:1px solid #ccc;
-webkit-border-radius:9px;
	-moz-border-radius:9px;
	border-radius:9px;
	width:310px;
	height:400px;
	position: relative;
	margin: 0 ;
	float:left;
	padding-top:10px;
	padding-bottom:75px;
	margin-bottom:15px;
	margin-top:20px;
	margin-left:20px;
		-webkit-box-shadow: rgba(0, 0, 0, 0.111111) 0px 3px 3px 3px;
box-shadow: rgba(0, 0, 0, 0.111111) 0px 3px 3px 3px;
background:  url('../img/coo.png') center center no-repeat ;
}
.contacter {
border:1px solid #ccc;
-webkit-border-radius:9px;
	-moz-border-radius:9px;
	border-radius:9px;
	width:940px;
	height:840px;
	position: relative;
	margin: 0 ;
	float:left;
	margin-bottom:15px;
	margin-top:20px;
	margin-left:20px;
		-webkit-box-shadow: rgba(0, 0, 0, 0.111111) 0px 3px 3px 3px;
box-shadow: rgba(0, 0, 0, 0.111111) 0px 3px 3px 3px;
background:  url('../pages/contact.jpg') top center no-repeat ;
}
.telecharger {

border:1px solid #ccc;
-webkit-border-radius:9px;
	-moz-border-radius:9px;
	border-radius:9px;
	width:940px;
	height:840px;
	position: relative;
	margin: 0 ;
	float:left;
	margin-bottom:15px;
	margin-top:20px;
	margin-left:20px;
		-webkit-box-shadow: rgba(0, 0, 0, 0.111111) 0px 3px 3px 3px;
box-shadow: rgba(0, 0, 0, 0.111111) 0px 3px 3px 3px;
background:  url('../pages/Telechargement.jpg') 30px 80px no-repeat ;
}
.produit1 {

border:1px solid #ccc;
-webkit-border-radius:9px;
	-moz-border-radius:9px;
	border-radius:9px;
	width:652px;
	height:1100px;
	position: relative;
	margin: 0 ;
	float:left;
	margin-bottom:15px;
	margin-top:20px;
	margin-left:20px;
		-webkit-box-shadow: rgba(0, 0, 0, 0.111111) 0px 3px 3px 3px;
box-shadow: rgba(0, 0, 0, 0.111111) 0px 3px 3px 3px;
background:   url('../pages/produits/pages_produits/page_produit1.jpg') center center no-repeat ;
}
.produit2{

border:1px solid #ccc;
-webkit-border-radius:9px;
	-moz-border-radius:9px;
	border-radius:9px;
	width:652px;
	height:1100px;
	position: relative;
	margin: 0 ;
	float:left;
	margin-bottom:15px;
	margin-top:20px;
	margin-left:20px;
		-webkit-box-shadow: rgba(0, 0, 0, 0.111111) 0px 3px 3px 3px;
box-shadow: rgba(0, 0, 0, 0.111111) 0px 3px 3px 3px;
background:   url('../pages/produits/pages_produits/page_produit2.jpg') center center no-repeat ;
}
.produit3 {

border:1px solid #ccc;
-webkit-border-radius:9px;
	-moz-border-radius:9px;
	border-radius:9px;
	width:652px;
	height:1100px;
	position: relative;
	margin: 0 ;
	float:left;
	margin-bottom:15px;
	margin-top:20px;
	margin-left:20px;
		-webkit-box-shadow: rgba(0, 0, 0, 0.111111) 0px 3px 3px 3px;
box-shadow: rgba(0, 0, 0, 0.111111) 0px 3px 3px 3px;
background:   url('../pages/produits/pages_produits/page_produit3.jpg') center center no-repeat ;
}
.produit4 {

border:1px solid #ccc;
-webkit-border-radius:9px;
	-moz-border-radius:9px;
	border-radius:9px;
	width:652px;
	height:1100px;
	position: relative;
	margin: 0 ;
	float:left;
	margin-bottom:15px;
	margin-top:20px;
	margin-left:20px;
		-webkit-box-shadow: rgba(0, 0, 0, 0.111111) 0px 3px 3px 3px;
box-shadow: rgba(0, 0, 0, 0.111111) 0px 3px 3px 3px;
background:   url('../pages/produits/pages_produits/page_produit4.jpg') center center no-repeat ;
}
.referencer {

border:1px solid #ccc;
-webkit-border-radius:9px;
	-moz-border-radius:9px;
	border-radius:9px;
	width:652px;
	height:1100px;
	position: relative;
	margin: 0 ;
	float:left;
	margin-bottom:15px;
	margin-top:20px;
	margin-left:20px;
		-webkit-box-shadow: rgba(0, 0, 0, 0.111111) 0px 3px 3px 3px;
box-shadow: rgba(0, 0, 0, 0.111111) 0px 3px 3px 3px;
background:  url('../pages/references.jpg') center center no-repeat ;
}
.plus {

   color:#fff !important;

	text-align:center;
    display:block;
	width:63px;
	height:25px;
	position: absolute;
	right:20px;
	bottom:5px;
		background:  url('../css/plus.png') right top repeat ;
}
#hline{
border-left:1px solid #ccc;
	width:1px;
	height:990px;
	position: relative;
	margin: 0 ;
	float:left;
	padding-top:35px;
	padding-bottom:75px;
	margin-top:20px;
	margin-left:19px;
}
#hline1{
border-left:1px solid #ccc;
	width:1px;
	height:380px;
	position: relative;
	margin: 0 ;
	float:left;
	padding-top:35px;
	padding-bottom:75px;
	margin-top:20px;
	margin-left:19px;
}
.qui img,.quic img{
float:right;
margin-left:5px;
margin-right:15px;
margin-top:15px;
-webkit-border-radius:9px;
	-moz-border-radius:9px;
	border-radius:9px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.111111) 0px 3px 3px 3px;
box-shadow: rgba(0, 0, 0, 0.111111) 0px 3px 3px 3px;
}
#pla iframe {
width:530px;
height:400px;

-webkit-border-radius:9px;
	-moz-border-radius:9px;
	border-radius:9px;
	
}
#pla {
width:530px;
height:400px;
margin-left:10px;
margin-right:10px;
margin-top:15px;
-webkit-border-radius:9px;
	-moz-border-radius:9px;
	border-radius:9px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.111111) 0px 3px 3px 3px;
box-shadow: rgba(0, 0, 0, 0.111111) 0px 3px 3px 3px;
}
.qui3 img {
float:left;
-webkit-border-radius:9px;
	-moz-border-radius:9px;
	border-radius:9px;

}
.qui4 img {
float:left;
margin-left:15px;

}
#titrercnt{

height: 32px;
width: 980px;
margin-bottom:3px;
position:relative;
}
#titrer1{
border-bottom:1px solid #ccc;
color: rgb(38, 131, 209);
cursor: pointer;
display: block;
float: left;
font-family: 'Trebuchet MS', arial, sans-serif;
font-size: 28px;
font-weight: bold;
height: 32px;
line-height: 32px;
margin-bottom: 0px;
margin-left: 24px;
margin-right: 0px;
margin-top: 0px;
outline-color: rgb(38, 131, 209);
outline-style: none;
outline-width: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
text-decoration: none;
text-transform: uppercase;
width: 310px;
text-align:center;
}
#titrer{
border-bottom:1px solid #ccc;
color: rgb(38, 131, 209);
cursor: pointer;
display: block;
float: left;
font-family: 'Trebuchet MS', arial, sans-serif;
font-size: 28px;
font-weight: bold;
height: 32px;
line-height: 32px;
margin-bottom: 0px;
margin-left: 24px;
margin-right: 0px;
margin-top: 0px;
outline-color: rgb(38, 131, 209);
outline-style: none;
outline-width: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
text-decoration: none;
text-transform: uppercase;
width: 240px;
text-align:center;
}
#titrepro1{
text-align:left;
border-bottom:1px solid #ccc;
color: rgb(38, 131, 209);
cursor: pointer;
display: block;
float: left;
font-family: 'Trebuchet MS', arial, sans-serif;
font-size: 28px;
font-weight: bold;
height: 32px;
line-height: 32px;
margin-bottom: 0px;
margin-left: 40px;
margin-right: 0px;
margin-top: 0px;
outline-color: rgb(38, 131, 209);
outline-style: none;
outline-width: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
text-decoration: none;
text-transform: uppercase;
width: 550px;
}
#titrepro{
text-align:left;
border-bottom:1px solid #ccc;
color: rgb(38, 131, 209);
cursor: pointer;
display: block;
float: left;
font-family: 'Trebuchet MS', arial, sans-serif;
font-size: 28px;
font-weight: bold;
height: 32px;
line-height: 32px;
margin-bottom: 0px;
margin-left: 40px;
margin-right: 0px;
margin-top: 0px;
outline-color: rgb(38, 131, 209);
outline-style: none;
outline-width: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
text-decoration: none;
text-transform: uppercase;
width: 646px;
}
#titrepro2{
text-align:left;
border-bottom:1px solid #ccc;
color: rgb(38, 131, 209);
cursor: pointer;
display: block;
float: left;
font-family: 'Trebuchet MS', arial, sans-serif;
font-size: 28px;
font-weight: bold;
height: 32px;
line-height: 32px;
margin-bottom: 0px;
margin-left: 40px;
margin-right: 0px;
margin-top: 0px;
outline-color: rgb(38, 131, 209);
outline-style: none;
outline-width: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
text-decoration: none;
text-transform: uppercase;
width: 900px;
}
#slider-window2 {
	position: relative;
	margin: 0 auto;
	width: 240px;
	height: 800px;
	overflow: hidden;
}

#prevslide2:hover{
bottom:14px;
opacity:1.0;
}

#nextslide2:hover{
top:4px;
opacity:1.0;		
}

#prevslide2:active{
bottom:15px;
opacity:0.5;
}

#nextslide2:active{
top:5px;
opacity:0.5;		
}

#prevslide2 {
opacity:0.5;
	display:block;
	position: absolute;
	width: 30px;
	height: 30px;
	bottom: 15px;
	cursor: pointer;
	z-index: 1;
	background: url(../css/arrows.png) bottom no-repeat;
	left: 100px;
}

#nextslide2 {
opacity:0.5;
	position: absolute;
	width: 30px;
	height: 30px;
	top: 5px;
	cursor: pointer;
	z-index: 2;
	background: url(../css/arrows.png) top no-repeat;
	left: 100px;
}

.slide2 {
-webkit-box-shadow: rgba(0, 0, 0, 0.111111) 0px 3px 3px 3px;
box-shadow: rgba(0, 0, 0, 0.111111) 0px 3px 3px 3px;
	display:block;
	position: relative;
	list-style-type: none;
	width: 200px;
    height: 150px;
	padding-left:0;
	margin: 20px 18px 25px 18px;
	float:left;
-webkit-border-radius:9px;
	-moz-border-radius:9px;
	border-radius:9px;

border:2px solid #ccc;
}
.slide2 span{
min-height:21px;
padding:3px;
line-height:18px;
color:orange;
	position:absolute;
	bottom:-40px;
	left:0px;
	text-align:center;
	min-width:200px;
	display:block;
	text-transform:uppercase;
	font-size:14px;
	background: url('img/bgnoir.png') repeat ; 
-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	
}