html, body {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
}
#wax {
max-width: 2000px;
min-width: 300px;
background-color:#fff;
background-position :center center ;
background-position: top ;
margin: auto;
}
#header-base-titi {
width: 100%;
float:left;
background-color: #009800;
}
#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 ;
}
#logoMenu{
float:left;
min-width:10px;
max-width:520px;
margin-right: 50px;
height: 150px;
margin-top: 18px;
}
#logoMenu img{
width:400px;
margin-top: 10px;
margin-left: 95px;
margin-right: 50px;
border:none;
text-decoration:none;
}
#menu-actif.web-menu
{
text-align: left;
font-size: 20px;
margin-top:5px;
float: left;
text-decoration: none;
font-family: Verdana, serif;
color:#666666;
}
#menu-actif .web-menu-oui
{
text-align: left;
font-size: 20px;
margin-top:5px;
float: left;
text-decoration: none;
font-family: Verdana, serif;
color:#666666;
}
#menu-actif .web-menu3
{
text-align: left;
font-size: 20px;
margin-top:5px;
float: left;
text-decoration: none;
font-family: Verdana, serif;
color:#666666;
}
}
#menu{
max-width:960px;
min-width:60px;
margin: auto;
}
#menu-actif-sp{
float: left;
height:1px;
width: 40px;
}
#menu-actif{
float: left;
height:85px;
margin-top: 44px;
min-width: 160px;
max-width: 840px;
}
.qpw-5:hover {
color:#fff;
background-color: #a8b4cb;
transition: background-color 5.9s;
-webkit-transition:background-color 5.9s;
}
.qpw-5
{
display: block;
text-align: center;
margin-left:0px;
width:121px;
float: left;
height: 26px;
line-height: 26px;
background-color:#4e6183;
text-transform: uppercase;
font-size: 10px;
color: #fff ;
border: .5px solid #fff;
}
.qpw-3:hover {
color:#999;
background-color: #f1f1f1;
transition: background-color 1.9s;
-webkit-transition:background-color 1.9s;
border: .5px solid #fff;
}
.qpw-3
{
display: block;
text-align: center;
width:252px;
height: 26px;
line-height: 26px;
background-color:#485978;
text-transform: uppercase;
font-size: 8px;
color: #fff;
border: .5px solid #fff;
}
.qpw-2:hover {
color:#fff;
background-color: #293244;
transition: background-color 3.9s;
-webkit-transition:background-color 3.9s;
border: .5px solid #485978;
}
.qpw-2
{
display: block;
text-align: center;
width:237px;
height: 26px;
line-height: 26px;
background-color:#485978;
text-transform: uppercase;
font-size: 8px;
color: #fff;
border: .5px solid #fff;
}
.qpw-nico:hover {
color:#fff;
background-color:#000082;
width:260px;
transition: background-color 3.0s;
-webkit-transition:background-color 3.0s;
border: .5px solid #fff;
}
.qpw-nico
{
font-family: "arial";
display: block;
text-align: center;
margin: 0 auto;
width:240px;
height: 38px;
line-height: 38px;
background: white;
text-transform: uppercase;
text-decoration: none;
font-size: 17px;
color: #000 ;
border: .5px solid #003760;
}
.qpw:hover {
color:#fff;
background-color:#0000c6;
width:260px;
transition: background-color 3.0s;
-webkit-transition:background-color 3.0s;
border: .5px solid #fff;
}
.qpw
{
font-family: "arial";
display: block;
text-align: center;
margin: 0 auto;
width:240px;
height: 38px;
line-height: 38px;
background: white;
text-transform: uppercase;
text-decoration: none;
font-size: 17px;
color: #000 ;
border: .5px solid #003760;
}
.qpw-19
{
display: block;
text-align: center;
margin: 0 auto;
max-width:940px;
min-width:140px;
height: 25px;
line-height: 27px;
background: #033258;
font: Tahoma, sans-serif;
font-size: 20px;
color: #fff ;
border: .5px solid #003760;
border-radius:6px;
border:1px solid #B0C4DE;
}
.web-menu3
{
text-align: left;
font-size: 25px;
margin-left:24px;
float: left;
text-decoration: none;
font-family: Verdana, serif;
color:#777;
}
.web-menu-oui
{
text-align: left;
font-size: 25px;
margin-left:24px;
float: left;
text-decoration: none;
font-family: Verdana, serif;
color:#111;
}
.web-menu-oui:hover {
color:#000;
}
.web-menu:hover {
color:#666;
}
a:hover {
color:#000;
transition: color 1.9s;
-webkit-transition:color 1.9s;
}
.web-menu
{
text-align: left;
font-size: 25px;
margin-left:24px;
float: left;
text-decoration: none;
font-family: Verdana, serif;
color:#666666;
}
#nicolas-gab {
max-width: 800px;
min-width: 50px;
margin-right:100px;
margin-left:110px;
margin-top:25px;
float:left;
}
#nicolas {
max-width: 720px;
min-width: 50px;
margin-right:75px;
margin-left:75px;
margin-top:25px;
float:left;
}
#pierre-buzz {
max-width: 600px;
min-width: 50px;
background-color: red;
margin-left:25px;
float:left;
}
#pierre-2015 {
max-width: 370px;
min-width: 50px;
margin-right:25px;
margin-left:25px;
float:left;
}
#gabrielle {
max-width: 345px;
min-width: 310px;
margin-top:45px;
margin-left:25px;
float:left;
}
#pierre2 {
border: 1px solid #e5e5e5;
max-width: 345px;
min-width: 50px;
background-color: #fafaf9;
margin-top:25px;
margin-left:25px;
float:left;
}
#navigation-2015
{
max-width:500px;
min-width: 100px;
text-align :center;
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
background-position :center center ;
background-position: top ;
word-spacing: 20px;
float:center;
margin: 0 auto;
}
#navigation-2015-6
{
height:10px;
max-width:3930px;
min-width: 100px;
text-align :center;
background-color:#0000cb;
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
background-position :center center ;
background-position: top ;
word-spacing: 20px;
float:center;
margin: 0 auto;
}
#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/background-quebec-3-cm.jpg);
background-repeat:no-repeat;
background-position :center center ;
background-position: top ;
}
#back-p{
max-width: 2190px;
min-width: 1024px;
height:1300px;
background-image: url(image/background-quebec-p.jpg);
background-repeat:no-repeat;
background-position :center center ;
background-position: top ;
}
#back {
height: 100%;
float: center;
background:url('image/background-quebec-3.jpg') ;
background-position :center center ;
}
#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: 30px;
width:871px;
height:400px;
margin-left: 14px;
float:center;
list-style-type:none;
overflow:hidden;
}
div#carouselcontent-p {
margin-top: 30px;
width:871px;
height:930px;
margin-left: 14px;
float:center;
list-style-type:none;
overflow:hidden;
}
.navigation-menu
{
max-width:1599px;
min-width: 1024px;
text-align :center;
color:#000;
margin-top:10px;
word-spacing: 10px;
}
#header{
width: 100%;
height:133px;
position: absolute;
top:0;
background-color: #ffffff;
}
#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 {
width: 100%;
height:600px;
margin: auto;
}
#header-base-1 {
width: 50%;
float:left;
background-color: #009800;
}
#header-base-2 {
width: 50%;
float:left;
background-color: #0000c6;
}
#header-aqua-concpets{
max-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-master
{
height:200px;
max-width:3010px;
min-width: 100px;
text-align :center;
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
background-image: url(image/oui.jpg);
background-repeat:repeat;
background-position :center center ;
background-position: top ;
background-position :center center ;
background-position: top ;
word-spacing: 20px;
float:center;
margin: 0 auto;
}
#navigation-2015-3
{
height:27px;
width: 100%;
text-align :center;
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
background-color: #306893;
background-position: top ;
word-spacing: 20px;
float:right;
}
#navigation-2015-9
{
height:500px;
max-width:600px;
min-width: 100px;
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
background-color :red ;
background-position: top ;
word-spacing: 20px;
float:center;
margin: 0 auto;
}
#navigation-2015-8
{
background-color :#fff ;
height:50px;
max-width:1010px;
min-width: 100px;
text-align :center;
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
background-position :center center ;
background-position: top ;
word-spacing: 20px;
float:center;
margin: 0 auto;
}
#navigation-2015-5
{
height:22px;
max-width:500px;
min-width: 100px;
text-align :center;
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
background-position :center center ;
background-position: top ;
word-spacing: 20px;
float:center;
margin: 0 auto;
}
#navigation-2015-off
{
height:10px;
max-width:300px;
min-width: 100px;
text-align :center;
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
background-position :center center ;
background-position: top ;
word-spacing: 20px;
float:right;
}
#navigation
{
height:46px;
max-width:2080px;
min-width: 100px;
text-align :center;
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
background-repeat:no-repeat;
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: 12px;
word-spacing: 0px;
color: #ffffff;
}
.web-33
{
display:inline;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
word-spacing: 0px;
color:#666
;
}
.web
{
display:inline;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
word-spacing: 0px;
color: #208af3;
text-decoration: none;
}
.web-p
{
font-family: Arial, Helvetica, sans-serif;
font-size: 21px;
word-spacing: 0px;
text-align :right;
color: #29638c;
}
.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: 16px;
word-spacing: 0px;
margin-right: 15px;
text-decoration: none;
color: #52658d;
}
.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: 20px;
word-spacing: 0px;
color:#737373;
text-decoration: none;
}
#navigation .oui2 {
display:inline;
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
word-spacing: 0px;
color: #000000;
text-decoration: none;
}
#navigation .oui {
display:inline;
font-family: Impact, Arial, Helvetica, sans-serif;
font-size: 19px;
color:#cff6fe;
text-decoration: none;
}
#pierre-zxz {
max-width: 500px;
min-width: 50px;
margin-left:25px;
float:left;
}
#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: 20px;
transition: color 4.5s;
-webkit-transition: color 4.5s;
background-repeat: no-repeat;
color:#009800;
text-decoration: none;
}
@media only screen and (max-width:750px){
#navigation .oui26 {
display:inline;
font-family: Arial, Helvetica, sans-serif;
font-size: 17px;
word-spacing: 0px;
color:#737373;
text-decoration: none;
}
#navigation .oui2 {
display:inline;
font-family: Arial, Helvetica, sans-serif;
font-size: 17px;
word-spacing: 0px;
color: #000;
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: 17px;
background-repeat: no-repeat;
color:#000 ;
text-decoration: none;
}
#pierre2 {
max-width: 345px;
min-width: 50px;
margin-right:25px;
border: 1px solid #e5e5e5;
background-color: #fafaf9;
margin-bottom: 15px;
margin-left:25px;
float:left;
}
}
}
#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
{
margin-top: 130px;
max-width:2920px;
min-width: 50px;
float:center;
background-color:#fff;
}
#websitehome-nico
{
width:100%;
float:left;
height:130px;
margin-top: 150px;
background-color:#f5f5f5;
}
#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;
}
.dv3
{
display: block;
font-family: "arial";
font-size: 30px;
word-spacing: 0px;
border: 2px solid #fff;
color:#fff;
margin-left:60px;
margin-right:60px;
max-width:940px;
min-width:140px;
text-decoration:none;
}
.home-game-p3-mini-jo
{
display:inline;
font-family: "arial";
font-size: 31px;
word-spacing: 0px;
color:#4e4e4e;
}
.home-game-p3-mini-moi
{
display:inline;
font-family: "arial";
font-size: 21px;
word-spacing: 0px;
color:#4e4e4e;
}
.home-game-p3-mini
{
display:inline;
font-family: "arial";
font-size: 24px;
word-spacing: 0px;
color:#4e4e4e;
}
.home-game-p3
{
display:inline;
font-family: "arial";
font-size: 23px;
word-spacing: 0px;
color:#666;
text-decoration: none;
}
.home-game-p2
{
display:inline;
font-family: "arial";
font-size: 24px;
word-spacing: 0px;
color:#1559c0;
}
.home-game-p-gab
{
display:inline;
font-family: "arial";
font-size: 18px;
word-spacing: 0px;
color: #0089b6;
}
.home-game-p-or
{
display:inline;
font-family: "arial";
font-size: 26px;
word-spacing: 0px;
color:#6d6d6d ;
}
#photo-01 {
width: 100%;
height: 600px;
background-image: url('image/bloc.jpg');
background-repeat: no-repeat;
background-size: contain;
}
#photo-02 {
width: 100%;
height: 600px;
background-image: url('image/bloc-2.jpg');
background-repeat: no-repeat;
background-size: contain;
}
#photo-03 {
width: 100%;
height: 600px;
background-image: url('image/bloc-3.jpg');
background-repeat: no-repeat;
background-size: contain;
}
#photo-04 {
width: 100%;
height: 600px;
background-image: url('image/bloc-4.jpg');
background-repeat: no-repeat;
background-size: contain;
}
#photo-05 {
width: 100%;
height: 600px;
background-image: url('image/bloc-5.jpg');
background-repeat: no-repeat;
background-size: contain;
}
#map-01{
width: 100%;
height: 600px;
background-image: url('image/gabrielle_mathieu.jpg');
background-repeat: no-repeat;
background-size: contain;
}
.home-game-p
{
display:inline;
font-family: "arial";
font-size: 18px;
word-spacing: 0px;
color:#6d6d6d ;
}
.rslides {
position: relative;
list-style: none;
overflow: hidden;
width: 100%;
padding: 0;
margin: 0;
}
.rslides li {
-webkit-backface-visibility: hidden;
position: absolute;
display: none;
width: 100%;
left: 0;
top: 0;
}
.rslides li:first-child {
position: relative;
display: block;
float: left;
}
.rslides img {
display: block;
height: auto;
float: left;
width: 100%;
border: 0;
}
.hypo-2
{
display:inline;
font-family: "arial";
font-size: 10px;
word-spacing: 0px;
color:#000;
text-decoration: none;
}
.hypo-3
{
display:inline;
font-family: "arial";
font-size: 19px;
word-spacing: 0px;
color:#50638b;
}
.hypo
{
display:inline;
font-family: "arial";
font-size: 17px;
word-spacing: 0px;
color:#50638b;
}
.home-game
{
display:inline;
font-family: "arial";
font-size: 16px;
word-spacing: 0px;
color: #77776c;
}
.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: #666;
}
label {
display:block;
max-width:500px;
min-width:100px;
float:left;
color:black;
font-size: 17px;
font-family: Verdana, serif;
}
div.box3 {
max-width:500px;
min-width:100px;
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 10px 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:8px 8px;
max-width:500px;
min-width:100px;
font-size:15px;
color:#000000;
background:#fff;
border-bottom: 1px double #666;
border-top: 1px double #666;
border-left:1px double #666;
border-right:1px double #666;
}
div.box2 {
max-width:500px;
min-width:100px;
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 10px 0;
}
div.box2 label span {
display: block;
font-size:15px;
color:#000000;
float:left;
max-width:500px;
min-width:100px;
text-align:right;
padding:5px 20px 0 0;
}
div.box2 .input_text {
padding:8px 8px;
max-width:500px;
min-width:100px;
font-size:15px;
color:#000000;
background:#fff;
border-bottom: 1px double #666;
border-top: 1px double #666;
border-left:1px double #666;
border-right:1px double #666;
}
div.box {
max-width:500px;
min-width:100px;
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:10px 0 10px 0;
}
div.box label span {
display: block;
float:left;
width:100px;
text-align:right;
padding:5px 20px 0 0;
}
div.box .input_text {
padding:8px 8px;
max-width:350px;
min-width:150px;
font-size:15px;
color:#000000;
background:#fff;
border-bottom: 1px double #666;
border-top: 1px double #666;
border-left:1px double #666;
border-right:1px double #666;
}
div.box .message{
padding:7px 7px;
max-width:350px;
min-width:100px;
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;
max-width:500px;
min-width:100px;
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:#0089b6;
border:0px;
font-size:18px;
top:0px;
left:0px;
max-width:600px;
min-width:100px;
height:40px;
border-bottom: 1px double #006182;
border-top: 1px double #006182;
border-left:1px double #006182;
border-right:1px double #006182;
color: #fff;
}
div.box3-m {
max-width:500px;
min-width:100px;
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:8px 8px;
max-width:500px;
min-width:100px;
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;
}
@media only screen and (max-width:1250px){
#logoMenu img{
width:320px;
margin-top: 10px;
border:none;
text-decoration:none;
}
#menu-actif.web-menu
{
text-align: left;
font-size: 15px;
margin-top:5px;
float: left;
text-decoration: none;
font-family: Verdana, serif;
color:#666666;
}
#menu-actif .web-menu-oui
{
text-align: left;
font-size: 15px;
margin-top:5px;
float: left;
text-decoration: none;
font-family: Verdana, serif;
color:#666666;
}
#menu-actif .web-menu3
{
text-align: left;
font-size: 15px;
margin-top:5px;
float: left;
text-decoration: none;
font-family: Verdana, serif;
color:#666666;
}
#menu-actif{
float: right;
height:85px;
margin-top: 44px;
min-width: 120px;
max-width: 840px;
}
}
@media only screen and (max-width:1277px){
#logoMenu img{
width:380px;
margin-top: 10px;
border:none;
text-decoration:none;
}
#menu-actif.web-menu
{
text-align: left;
font-size: 15px;
margin-top:5px;
float: left;
text-decoration: none;
font-family: Verdana, serif;
color:#666666;
}
#menu-actif .web-menu-oui
{
text-align: left;
font-size: 15px;
margin-top:5px;
float: left;
text-decoration: none;
font-family: Verdana, serif;
color:#666666;
}
#menu-actif .web-menu3
{
text-align: left;
font-size: 15px;
margin-top:5px;
float: left;
text-decoration: none;
font-family: Verdana, serif;
color:#666666;
}
#header-base-1 {
width: 100%;
float:left;
background-color: #009800;
}
#header-base-2 {
width: 100%;
float:left;
background-color: #0000c6;
}
#menu-actif{
float: right;
height:85px;
margin-top: 44px;
min-width: 120px;
max-width: 840px;
}
}
@media only screen and (max-width:1200px){
#gabrielle {
display: none;
}
#pierre2 {
display: none;
}
#logoMenu img{
width:320px;
margin-top: 10px;
border:none;
text-decoration:none;
}
#header-base-1 {
width: 100%;
float:left;
background-color: #009800;
}
#header-base-2 {
width: 100%;
float:left;
background-color: #0000c6;
}
}
@media only screen and (max-width:415px){
#gabrielle {
display: none;
}
#pierre2 {
display: none;
}
#logoMenu img{
width:220px;
margin-top: 10px;
border:none;
text-decoration:none;
}
#header-base-1 {
width: 100%;
float:left;
background-color: #009800;
}
#header-base-2 {
width: 100%;
float:left;
background-color: #0000c6;
}
}
@media only screen and (max-width:480px){
#gabrielle {
display: none;
}
#pierre2 {
display: none;
}
#logoMenu img{
width:220px;
margin-top: 10px;
border:none;
text-decoration:none;
}
#header-base-1 {
width: 100%;
float:left;
background-color: #009800;
}
#header-base-2 {
width: 100%;
float:left;
background-color: #0000c6;
}
}
@media only screen and (max-width:390px){
#gabrielle {
display: none;
}
#pierre2 {
display: none;
}
#logoMenu img{
width:160px;
margin-top: 10px;
border:none;
text-decoration:none;
}
#header-base-1 {
width: 100%;
float:left;
background-color: #009800;
}
#header-base-2 {
width: 100%;
float:left;
background-color: #0000c6;
}
}
@media only screen and (max-width:360px){
#gabrielle {
display: none;
}
#pierre2 {
display: none;
}
#logoMenu img{
width:130px;
margin-top: 10px;
border:none;
text-decoration:none;
}
#header-base-1 {
width: 100%;
float:left;
background-color: #009800;
}
#header-base-2 {
width: 100%;
float:left;
background-color: #0000c6;
}
.dv3
{
display: block;
font-family: "arial";
font-size: 15px;
word-spacing: 0px;
border: 2px solid #fff;
color:#fff;
margin-left:60px;
margin-right:60px;
max-width:940px;
min-width:100px;
text-decoration:none;
}
.qpw:hover {
color:#fff;
background-color:#0000c6;
width:190px;
transition: background-color 3.0s;
-webkit-transition:background-color 3.0s;
border: .5px solid #fff;
}
.qpw
{
display: block;
font-family: "arial";
text-align: center;
margin: 0 auto;
width:180px;
height: 38px;
line-height: 38px;
background: white;
text-transform: uppercase;
text-decoration: none;
font-size: 14px;
color: #000 ;
border: .5px solid #003760;
}
.qpw-nico:hover {
color:#fff;
background-color:#000082;
width:190px;
transition: background-color 3.0s;
-webkit-transition:background-color 3.0s;
border: .5px solid #fff;
}
.qpw-nico
{
font-family: "arial";
display: block;
text-align: center;
margin: 0 auto;
width:180px;
height: 38px;
line-height: 38px;
background: white;
text-transform: uppercase;
text-decoration: none;
font-size: 14px;
color: #000 ;
border: .5px solid #003760;
}
#nicolas {
max-width: 800px;
min-width: 20px;
margin-right:25px;
margin-left:25px;
margin-top:25px;
float:left;
}
#menu-actif{
margin-right: 0px;
float: right;
height:0px;
margin-top: 0px;
min-width: 110px;
max-width: 840px;
}
}