/*ZONING GENERAL*/

/*standard class*/
.zero{margin:0;padding:0;border:none;}
.abs{position:absolute;display:block;}
.leftb{left:0;width:25%;}
.rightb{left:25% !important;width:75% !important;}
.top0{top:0;height:100%;}
.top1{top:0;height:60%;}
.top2{top:60%;height:15%;}
.top3{top:75%;height:25%;}

.c1{background-color:transparent;}
.c2{background-color:transparent;}
.c3{background-color:transparent;}
.c4{background-color:transparent;}
.fulli{background-size:cover;background-size:100% 100%;background-repeat:no-repeat;background-position:0 0 ;}
.fulliSp{background-size:cover;background-size:100% 100%;background-repeat:no-repeat;background-position:0 0 ;}




/*Block Zonning*/
#leftblock{
background-image:url('../images/fond/fond_01.jpg');
z-index:1;
}
#photoblock{
background-image:url('../images/fond/fond_02.jpg');
z-index:2;
}
#speedblock{
z-index:3;
background-image:url('../images/fond/fond_03.jpg');
}
#textblock{
z-index:4;
background-image:url('../images/fond/fond_04.jpg');
}
#wgt_info, #wgt_option{width:75%;left:25%;height:100%;top:0;}

/*Modif Responsive*/

@media only screen and (min-width :1240px) {
.rightb{left:20% !important;width:80% !important;}
.leftb{left:0;width:20%;}
.top0{top:0;height:100%;}
.top1{top:0;height:65%;}
.top2{top:65%;height:12.5%;}
.top3{top:77.5%;height:22.5%;}

.fulliSp{background-size:100% 100%;background-repeat:no-repeat;}
#wgt_info, #wgt_option{width:80%;left:20%;height:100%;top:0;}
}

@media only screen and (max-width :800px) {
.rightb{left:0% !important;width:100% !important;}
.leftb{left:0;width:100%;}
.top0{top:0;height:100%;}
.top1{top:12.5%;height:35%;}
.top2{top:47.5%;height:15%;}
.top3{top:62.5%;height:25%;}
.fulliSp{background-size:100% 12.5%;background-repeat:repeat-y;}
#wgt_info, #wgt_option{width:100%;left:0;height:75%;top:12.5%;}
}

@media only screen and (max-width :800px) and (max-height:600px) {
.leftb{left:0;width:25%;}
.rightb{left:25% !important;width:75% !important;}
.top0{top:0;height:100%;}
.top1{top:0;height:60%;}
.top2{top:60%;height:15%;}
.top3{top:75%;height:25%;}

.fulliSp{background-size:100% 100%;background-repeat:no-repeat;}
#wgt_info, #wgt_option{width:75%;left:25%;height:100%;top:0;}
}

@media only screen and (max-width :580px) {
.rightb{left:0% !important;width:100% !important;}
.leftb{left:0;width:100%;}
.top0{top:0;height:100%;}
.top1{top:12.5%;height:35%;}
.top2{top:47.5%;height:15%;}
.top3{top:62.5%;height:25%;}

.fulliSp{background-size:100% 12.5%;background-repeat:repeat-y;}
#wgt_info, #wgt_option{width:100%;left:0;height:75%;top:12.5%;}
}

@media only screen and (max-width :580px) and (max-height:420px) {
.leftb{left:0;width:25%;}
.rightb{left:25% !important;width:75% !important;}
.top0{top:0;height:100%;}
.top1{top:0;height:60%;}
.top2{top:60%;height:15%;}
.top3{top:75%;height:25%;}

.fulliSp{background-size:100% 100%;background-repeat:no-repeat;}
#wgt_info, #wgt_option{width:75%;left:25%;height:100%;top:0;}
}

@media only screen and (max-width :420px) {
.rightb{left:0% !important;width:100% !important;}
.leftb{left:0;width:100%;}
.top0{top:0;height:100%;}
.top1{top:12.5%;height:35%;}
.top2{top:47.5%;height:15%;}
.top3{top:62.5%;height:25%;}

.fulliSp{background-size:100% 12.5%;background-repeat:repeat-y;}
#wgt_info, #wgt_option{width:100%;left:0;height:75%;top:12.5%;}
}

@media only screen and (max-width :420px) and (max-height:380px) {
.leftb{left:0;width:25%;}
.rightb{left:25% !important;width:75% !important;}
.top0{top:0;height:100%;}
.top1{top:0;height:60%;}
.top2{top:60%;height:15%;}
.top3{top:75%;height:25%;}

.fulliSp{background-size:100% 100%;background-repeat:no-repeat;}
#wgt_info, #wgt_option{width:75%;left:25%;height:100%;top:0;}
}