body

 {  
max-width: 2190px;
min-width: 1024px;
	margin: auto;

  
 background-color:#eeeeee;



 
 } 

#back-dave {
 


max-width: 2190px;
min-width: 1024px;
	height:1300px;

	background-image: url(image/background-quebec-dave.jpg);
	background-repeat:no-repeat;
background-position :center center ;
background-position: top ;	

}


 #back-sm{
 


max-width: 2190px;
min-width: 1024px;
	height:1300px;

	background-image: url(image/background-quebec-3-sm.jpg);
	background-repeat:no-repeat;
background-position :center center ;
background-position: top ;	

}





 #back-cm{
 


max-width: 2190px;
min-width: 1024px;
	height:1300px;

	background-image: url(image/quebec.jpg);
	background-repeat:no-repeat;
background-position :center center ;
background-position: top ;	

}
 
#back {
 


max-width: 2190px;
min-width: 1024px;
	height:1300px;

	background-image: url(image/background-quebec-3.jpg);
	background-repeat:no-repeat;
background-position :center center ;
background-position: top ;	

}

 
 #back-1111 {
 


max-width: 2190px;
min-width: 1024px;
	height:1400px;

	background-image: url(image/background-quebec-1111.jpg);
	background-repeat:no-repeat;
background-position :center center ;
background-position: top ;	

}
 
 
/*carousel*/
div#carouselcontent {
margin-top: 28px;
	width:900px;
	height:400px;

	background:url(../images/backgroundcarousel.png) no-repeat;
	float:center;
	list-style-type:none;
	overflow:hidden;
}



 
 
 
 
 
 
 
 


#header {
 
max-width: 1050px;
min-width: 1050px;
height:150px;
background-repeat:no-repeat;
background-position :center center ;
background-position: top ;	
 margin: auto;

}



#footer-333 {
 

max-width: 100px;
	min-width: 100px;
 height:100px;


 background-color:red;
		margin: auto;

}

#footer-222 {
 

max-width: 750px;
	min-width: 750px;
 height:140px;



		margin: auto;

}



#footer-end {
 

max-width: 760px;
	min-width: 760px;
 height:64px;



		margin: auto;

}



#header-PST {
 

max-width: 760px;
	min-width: 760px;
 height:565px;



		margin: auto;

}












#header-222 {
 

max-width: 650px;
	min-width: 650px;
 height:408px;



		margin: auto;

}

#header-cami {
 

max-width: 820px;
	min-width: 820px;
 height:375px;


  float:right;

		

}


#diaporama {

	text-decoration: none;

	margin-top:55px;
float:center;
 
}



.diaporama2

{

	text-decoration: none;
		 text-align: center;
   font-family: "arial";

	color: #ffffff;
text-decoration: none;

}

 #navigation 
 {  


height:33px;
max-width:900px;
min-width: 900px;
text-align :left;

font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;


	
 background-position :center center ;
background-position: top ;	
word-spacing: 20px;
 float:center;
 margin: 0 auto;












 
 } 

 
 
  #navigation2 
 {  


height:27px;
max-width:1599px;
min-width: 1024px;
text-align :center;
background-color:#666666;  
margin-top:5px;



 
 } 
 
 
 
 
 
 
 
.navigation-menu 
 {  



max-width:1599px;
min-width: 1024px;
text-align :center;
color:#000;

  margin-top:10px;
word-spacing: 10px;

 
 } 
.web-33-d
 {  

	display:inline;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 26px;
word-spacing: 0px;
text-decoration: none;
	
	color: #ffffff;





 
 } 
 
 
.web-33
 {  

	display:inline;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 15px;
word-spacing: 0px;

	
	color: #ffffff;





 
 } 
 
 
 
 
 
 
 

.web 
 {  

	display:inline;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 10px;
word-spacing: 0px;

	
	color: #208af3;
	text-decoration: none;




 
 } 

.web2
 {  

	display:inline;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
word-spacing: 0px;

	
	color: #0b5394;





 
 }
 
    .home-hebergement-dave9
 {  

	display:inline;
	font-family: "Trebuchet MS";
	font-size: 21px;
word-spacing: 0px;

		text-decoration: none;
	color: #ffffff;


 
 }
 
 
 
   .home-hebergement-dave
 {  

	display:inline;
	font-family: "Trebuchet MS";
	font-size: 21px;
word-spacing: 0px;

		text-decoration: none;
	color: #ffffff;


 
 }
 
 
 
  .home-hebergement-567
 {  

	display:inline;
	font-family: "Trebuchet MS";
	font-size: 13px;
word-spacing: 0px;

		text-decoration: none;
	color: #fff;


 
 }
 
 
 
.web2-buy
 {  

	display:inline;
	font-family:  trebuchet ms,Arial, Helvetica, sans-serif;
	font-size: 25px;
word-spacing: 0px;

	
	color: #0b5394;





 
 }
 
 
 

 #navigation .oui3 {


	display:inline;
	font-family: Impact, Arial, Helvetica, sans-serif;
	font-size: 20px;
word-spacing: 0px;

	
	color: #fff;
	text-decoration: none;
	}
 
 
 
 
 
  #navigation .oui4 {


	display:inline;
	font-family: Impact, Arial, Helvetica, sans-serif;
	font-size: 20px;
word-spacing: 0px;

	
	color: #d6dd3f;
	text-decoration: none;
	}
 
 
 
 
 
 
  #navigation .oui26 {


	display:inline;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 19px;
word-spacing: 0px;

	
	color:#d7e8f9;
	text-decoration: none;
	}
 
 
 
 #navigation .oui2 {


	display:inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
word-spacing: 0px;

	
	color: #fff;
	text-decoration: none;
	}
 
 
 
 

#navigation .oui {


	display:inline;
	font-family: Impact, Arial, Helvetica, sans-serif;
	font-size: 20px;


	
	color:#cff6fe;
	text-decoration: none;
	}

	

	
	#navigationin{
	display:inline;
	font-family: Impact, Arial, Helvetica, sans-serif;
	font-size: 20px;


	color: 	 #3f8cb2;
	text-decoration: none;
	}
	

#navigation  a:hover  {

	display:inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;

	background-repeat: no-repeat;
	color:#eeeeee ;
	text-decoration: none;
	}




 






 #website
 {  


 margin: 0 auto;

 float:center;
height:414px;





 } 
 
 
  #websitegame
 {  

 width: 900px; 
 margin: 0 auto;
 max-width:900px;
min-width: 900px;
 float:center;
  height:3300px;
  background-color: white;
background-image:url("image/back-game.PNG");
background-repeat: no-repeat;   

 



 } 
 
   #websitegamein-99
 {  

 width: 870px; 
 margin: 0 auto;
 max-width:870px;
min-width: 870px;
 float:center;


  background-color: white;

background-repeat: no-repeat;   

 



 } 
 
 
 
 
 
 
   #websitegame232
 {  

 width: 890px; 
 margin: 0 auto;
 max-width:890px;
min-width: 890px;
 float:center;
background-image:url("image/back-game2.PNG");
background-repeat: no-repeat; 
  background-color:white; 
  height:840px;
  background-color: white;
 padding: 5px;   



 }
 
    #websitegame232-18
 {  

 width: 890px; 
 margin: 0 auto;
 max-width:890px;
min-width: 890px;
 float:center;


  background-color:#eeeeee; 
  height:700px;

 padding: 5px;   



 }
 
 
 
 
     #websitegame232-18-jo
 {  

 width: 890px; 
 margin: 0 auto;
 max-width:890px;
min-width: 890px;
 float:center;


  background-color:#ffffff; 
  height:1000px;

 padding: 5px;   



 }
 
 
 
     #websitegame232-1980-jo
 {  

 width: 750px; 
 margin: 0 auto;
 max-width:750px;
min-width: 750px;
 float:center;

background-repeat: no-repeat; 
  background-color:#ffffff; 





 }
 
 
    #websitegame232-1980
 {  

 width: 650px; 
 margin: 0 auto;
 max-width:650px;
min-width: 650px;
 float:center;

background-repeat: no-repeat; 
  background-color:#eeeeee; 





 }
 
 
    #buy
 {  

 width: 890px; 
 margin: 0 auto;
 max-width:890px;
min-width: 890px;
 float:center;

  background-color:white; 
  height:5150px ;
  background-color: white;
 padding: 5px;   



 }
 
 
 
     #contact
 {  

 width: 890px; 
 margin: 0 auto;
 max-width:890px;
min-width: 890px;
 float:center;

  background-color:white; 
  height:1000px ;
  background-color: white;
 padding: 5px;   



 }
 
 
 
 
 
 #websitehome
 {  

 width: 900px; 
 margin: 0 auto;
 max-width:900px;
min-width: 900px;
 float:center;
height:414px;

 padding: 5px;   



 } 

 
   #websitehome-manu
 {  

 width: 890px; 
 margin: 0 auto;
 max-width:890px;
min-width: 890px;
 float:center;
height:1020px;
background-color:#fff;
background-image:url("image/contact.jpg");
background-repeat: no-repeat;  
 padding: 5px;   

-moz-border-radius-bottomleft: 10px;
 border-bottom-left-radius: 10px;
 -moz-border-radius-bottomright: 10px;
 border-bottom-right-radius: 10px;

 } 
 
 
  #websitehomepst
 {  

 width: 890px; 
 margin: 0 auto;
 max-width:890px;
min-width: 890px;
 float:center;
height:960px;
background-color:#fff;
background-image:url("image/contenue_expessio.jpg");
background-repeat: no-repeat;  
 padding: 5px;   

-moz-border-radius-bottomleft: 10px;
 border-bottom-left-radius: 10px;
 -moz-border-radius-bottomright: 10px;
 border-bottom-right-radius: 10px;

 } 
 
 
 
 
 
  #websitehome-joanna
 {  

 width: 890px; 
 margin: 0 auto;
 max-width:890px;
min-width: 890px;
 float:center;
height:960px;
background-color:#fff;
background-image:url("image/contenue_Joanna.jpg");
background-repeat: no-repeat;  
 padding: 5px;   

-moz-border-radius-bottomleft: 10px;
 border-bottom-left-radius: 10px;
 -moz-border-radius-bottomright: 10px;
 border-bottom-right-radius: 10px;

 } 
 
 
 
 
 
 
 
   #websitehome-joanna2
 {  

 width: 890px; 
 margin: 0 auto;
 max-width:890px;
min-width: 890px;
 float:center;
height:960px;
background-color:#fff;
background-image:url("image/contenue_Joanna2.jpg");
background-repeat: no-repeat;  
 padding: 5px;   

-moz-border-radius-bottomleft: 10px;
 border-bottom-left-radius: 10px;
 -moz-border-radius-bottomright: 10px;
 border-bottom-right-radius: 10px;

 } 
 
 
    #websitehome-stef
 {  

 width: 890px; 
 margin: 0 auto;
 max-width:890px;
min-width: 890px;
 float:center;
height:960px;
background-color:#fff;
background-image:url("image/contenue_stef.jpg");
background-repeat: no-repeat;  
 padding: 5px;   

-moz-border-radius-bottomleft: 10px;
 border-bottom-left-radius: 10px;
 -moz-border-radius-bottomright: 10px;
 border-bottom-right-radius: 10px;

 } 
 
 
 
 
 
 
 
 

 #websitehome2
 {  

 width: 890px; 
 margin: 0 auto;
 max-width:890px;
min-width: 890px;
 float:center;
height:860px;


background-repeat: no-repeat;  
 padding: 5px;   

-moz-border-radius-bottomleft: 10px;
 border-bottom-left-radius: 10px;
 -moz-border-radius-bottomright: 10px;
 border-bottom-right-radius: 10px;

 } 
 
 
 
 
  #websitehome4717827
 {  

 width: 890px; 
 margin: 0 auto;
 max-width:890px;
min-width: 890px;
 float:center;
height:820px;
background-color:#fff;

background-repeat: no-repeat;  
 padding: 5px;   

-moz-border-radius-bottomleft: 10px;
 border-bottom-left-radius: 10px;
 -moz-border-radius-bottomright: 10px;
 border-bottom-right-radius: 10px;

 } 
 
 
   #uphome
 {  

 width: 880px; 


margin-top: 23px;

height:390px;



 padding: 5px;   



 } 
 
  
    #in-jo
 {  

 width: 580px; 

 float:right;
margin-bottom: 440px;

height:1350px;







 } 
 
    #up-202-home
 {  

 width: 880px; 

 float:center;
margin-bottom: 440px;

height:150px;


background-image:url("image/bronze.png");
background-repeat: no-repeat;  



 } 
 
 
  #uphome2
 {  

 width: 488px; 


 float:right;

height:390px;



 padding: 5px;   



 } 
 
 
  
  #uphome3
 {  

 width:430px; 


 float:right;

margin-right: 30px;
height:160px;






 } 
 
 
 
 #end
 {  

 width: 900px; 
 margin: 0 auto;
 max-width:900px;
min-width: 900px;
 float:center;


background-image:url("image/end.png");
background-repeat: no-repeat;  
  height:250px;

background-position :center center ;
background-position: top ;	
margin-bottom: 70px;
 } 
 
 
 
   .home-hebergement-jojo
 {  

	display:inline;
	font-family: "Trebuchet MS";
	font-size: 21px;
word-spacing: 0px;

	
	color: #000000;


 
 }
 
 
    .home-hebergement-jojo-23
 {  

	display:inline;
	font-family: "Trebuchet MS";
	font-size: 21px;
word-spacing: 0px;

	
	color:#2d487f;


 
 }
 
 
 
 
 
 

 
 
  .home-hebergement-lkj
 {  

	display:inline;
	font-family: "Trebuchet MS";
	font-size: 21px;
word-spacing: 0px;

	
	color: #3680d7;


 
 }
 
 
 
 
 .home-hebergement
 {  

	display:inline;
	font-family: "Trebuchet MS";
	font-size: 21px;
word-spacing: 0px;

	
	color: #2d487f;


 
 }
  .home-hebergement-2
 {  

	display:inline;
	font-family: "Trebuchet MS";
	font-size: 18px;
word-spacing: 0px;
margin-left: 325px;
	
	color: #2d487f;





 
 }
 
 
 .home-game-pst
 {  

	display:inline;
	font-family: "Trebuchet MS";
	font-size: 16px;
word-spacing: 0px;
text-decoration: none;

	
	color:#727272;





 
 }
 
 
 
 

  .home-gameqc-2
 {  

	display:inline;
	font-family: "Trebuchet MS";
	font-size: 15px;
word-spacing: 0px;

	
	color: #fff;





 
 }
 
 
 
 
 
 
 .home-gameqc
 {  

	display:inline;
	font-family: "Trebuchet MS";
	font-size: 11px;
word-spacing: 0px;

	
	color: #fff;





 
 }
 
 
 
 
 
.home-game
 {  

	display:inline;
	font-family: "Trebuchet MS";
	font-size: 16px;
word-spacing: 0px;

	
	color: #444;





 
 }
 
 .home-game-contact
 {  

	display:inline;
	font-family: "Trebuchet MS";
	font-size: 17px;


	
	color: #0b5394;





 
 }
 
  .home-game-contact-666
 {  

	display:inline;
	font-family: "Trebuchet MS";
	font-size: 17px;

	
	color: #000;





 
 }
 
 
 
 
 




label {
display:block;
width:350px;
float:left;
color:white; 
 font-size: 10px;

   font-family:  Verdana, serif;
 

}






div.box3 {

width:500px;

position:relative;
top:0px;

}

div.box3 h1 { 
color:#ffffff;
font-size:18px;
text-transform:uppercase;
padding:5px 0 5px 5px;

border-top:1px solid #fff; 
}

div.box3 label {
width:100%;
display: block;


padding:0px 0 5px 0;
}

div.box3 label span {
display: block;
font-size:15px;
color:#000000;
float:left;
width:100px;
text-align:right;
padding:5px 20px 0 0;
}

div.box3 .input_text {
padding:1px 1px;
width:300px;
font-size:15px;
color:#000000;
background:#fff;
border-bottom: 1px double #dddddd;
border-top: 1px double #dddddd;
border-left:1px double #dddddd;
border-right:1px double #dddddd;
}











div.box2 {

width:500px;

position:relative;
top:0px;

}

div.box2 h1 { 
font-size:15px;
color:#000000;
text-transform:uppercase;
padding:5px 0 5px 5px;

border-top:1px solid #fff; 
}

div.box2 label {
width:100%;
display: block;


padding:0px 0 5px 0;
}

div.box2 label span {
display: block;
font-size:15px;
color:#000000;
float:left;
width:100px;
text-align:right;
padding:5px 20px 0 0;
}

div.box2 .input_text {
padding:1px 1px;
width:200px;
font-size:15px;
color:#000000;

background:#fff;
border-bottom: 1px double #dddddd;
border-top: 1px double #dddddd;
border-left:1px double #dddddd;
border-right:1px double #dddddd;
}












div.box {

width:500px;
font-size:19px;
color:#666666;
position:relative;
top:0px;

}

div.box h1 { 
font-size:15px;
color:#000000;
text-transform:uppercase;
padding:5px 0 5px 5px;

border-top:1px solid #fff; 
}



div.box label {
width:100%;
display: block;


padding:5px 0 5px 0;
}

div.box label span {
display: block;

float:left;
width:100px;
text-align:right;
padding:5px 20px 0 0;
}

div.box .input_text {
padding:1px 1px;
width:300px;
font-size:15px;
color:#000000;
background:#fff;
border-bottom: 1px double #dddddd;
border-top: 1px double #dddddd;
border-left:1px double #dddddd;
border-right:1px double #dddddd;
}

div.box .message{
padding:7px 7px;
width:350px;
font-size:15px;
color:#000000;
background:#262626;
border-bottom: 1px double #171717;
border-top: 1px double #171717;
border-left:1px double #333333;
border-right:1px double #333333;
overflow:hidden;
height:150px;

}

div.box .button
{

padding:4px 7px;
background:#18669e;
border:0px;
position: relative;
font-size:20px;
top:10px;
left:0px;
width:230px;
height:40px;
border-bottom: 1px double #11476e;
border-top: 1px double #11476e;
border-left:1px double #2f95de;
border-right:1px double #2f95de;
color: #fff;
}




div.box6 .button6
{

background:#8bb530;
border:0px;

font-size:16px;
top:0px;
left:0px;
width:230px;
height:50px;
border-bottom: 1px double #658423;
border-top: 1px double #658423;
border-left:1px double #8bb530;
border-right:1px double #8bb530;
color: #fff;
}




div.box3-m {

width:500px;

position:relative;
top:0px;

}

div.box3-m h1 { 
color:#ffffff;
font-size:18px;
text-transform:uppercase;
padding:5px 0 5px 5px;

border-top:1px solid #fff; 
}

div.box3-m label {
width:100%;
display: block;


padding:0px 0 10px 0;
}

div.box3-m label span {
display: block;
color:#bbbbbb;
font-size:15px;
float:left;
width:100px;
text-align:right;
padding:5px 20px 0 0;
}

div.box3-m .input_text {
padding:1px 1px;
width:350px;
height:60px;
font-size:15px;
color:#000000;
background:#fff;
border-bottom: 1px double#8c8c8c;
border-top: 1px double #8c8c8c;
border-left:1px double #8c8c8c;
border-right:1px double #8c8c8c;
}






.bleu-midi

{
   text-align: left;
   font-size: 22px;
  margin-top:30px;
color: #b3d667;
  margin-left:129px;
   font-family:  Verdana, serif;

}