


/*#########################  FONTS  ##############################*/

@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);
@font-face {
    font-family: 'bebas_neueregular';
    src: url('BebasNeue-webfont.eot');
    src: url('BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('BebasNeue-webfont.woff') format('woff'),
         url('BebasNeue-webfont.ttf') format('truetype'),
         url('BebasNeue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*#########################  FONTS  ##############################*/


/*#########################  RESET  ##############################*/

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h6{font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}


/*#########################  RESET  ##############################*/



body, html{height:100%;}
html {-webkit-font-smoothing: antialiased;}
body{margin:0;padding:0;width:100%;position:relative; height:100%; overflow-x:hidden;background-color:#ffffff; font-family: 'Open Sans', sans-serif;font-size:1.0em}
/*.fix{height:100%;width:100%; display:block;overflow:auto}*/

strong{font-weight: bold;}
p{}
p strong{}

h1, h2, h3, h4, h6{padding: 0;font-weight: normal;line-height: normal;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{border: 0;}

#right h1{font-family:"bebas_neueregular"; color:#000000;font-size:100px; margin-top:20px;line-height:70%;display:inlin-block;text-align:left;margin-bottom:20px;}
#right h1 span{font-size:0.6em;border-bottom:10px solid #000000;}
#right h2, .h2{font-family:"bebas_neueregular"; color:#d31820;font-size:40px; margin-top:20px}
	
h3, .h3{}

.bloc-1-3 h4{font-family:"bebas_neueregular", sans-serif; color:#ffffff; padding:5px 5% 5px 5%; background-color:#000000; width:90%; display:inline-block;font-size:18px;font-weight:normal;margin-bottom:10px;text-align:center;}
.bloc-1-2 h4{font-family:"bebas_neueregular", sans-serif; color:#ffffff; padding:5px 5% 5px 5%; background-color:#000000; width:90%; display:inline-block;font-size:18px;font-weight:normal;margin-bottom:10px;text-align:center;}

h5.omg{ position:absolute; top:0;right:0; width:100%; text-align:right;display:block; color:#ffffff;font-family:"bebas_neueregular", sans-serif;padding:5px 25px 5px 0;background-color:#000000; font-size:20px;display:none;}


li, a{-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;}
a:hover{}


/*------------------------------------------------------------------------------------------------------------------------*/
/* STRUCTURE */
/*------------------------------------------------------------------------------------------------------------------------*/
a.button{background:url('../img/down.png')no-repeat top left; width:26px;height:28px;display:block;position:absolute;top:15px; right:14%;z-index:999999999; opacity:1;cursor:pointer;}
a.button-b{background:url('../img/up.png')no-repeat top left; width:26px;height:28px;display:block;position:absolute;top:15px; right:10%;z-index:999999999;opacity:1;cursor:pointer;}
a.button:hover, a.button-b:hover{opacity:0.7;}

html,body{width:100%;height:100%;background-color:#ffffff;}

#big-video{overflow:hidden;width:100%; height:100%;position:relative;}
#big-video span.over-tuile{background:url('../img/tuile-b.png') repeat top left;position:absolute; width:100%;height:100%; z-index:9;}
#big-video .bout{position:absolute; right:7%; bottom:10%;z-index:10}
#big-video h2{font-family:"bebas_neueregular", sans-serif; color:#000000 ;width:auto; font-size:45px; border:0;text-decoration:none;position:absolute; right:7%; bottom:13%;z-index:10}
video#bgvid {position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url(polina.jpg) no-repeat;
    background-size: cover; }
		

.bout li {display:inline;}
.bout li a{font-family:"bebas_neueregular", sans-serif; color:#ffffff; padding:5px 8px 5px 8px; background-color:#000000; width:auto; font-size:16px; border:0;text-decoration:none;}
.bout li a:hover{color:#d31820; cursor:pointer;}
.bout li a:last-child{background-color:#d31820;}
.bout li a:first-child{background-color:#000000;}
nav.side-bar{position:fixed;top:0;z-index:99999999; width:200px;}

#logo{width:150px;height:auto;margin-top:15px;margin-left:25px;}


#menu{margin-top:20px;  }
#menu li a{font-family:"bebas_neueregular", sans-serif; color:#ffffff; padding:5px 8px 5px 8px; background-color:#000000; width:auto; font-size:20px; text-decoration:none;}
#menu li{margin-bottom:15px;}
#menu li a:hover, #menu li a.current{color:#d31820;cursor:pointer;}
#menu li a:hover:before, #menu li a.current:before{content:"/ "}

span.info b{font-family:"bebas_neueregular", sans-serif; color:#ffffff; padding:5px 8px 5px 8px; background-color:#000000; width:auto; font-size:20px;font-weight:normal;}
span.info{margin-bottom:15px;display:inline-block;}
span.info:first-of-type{margin-top:50px;}
span.info a{color:#ffffff; text-decoration:none;}
span.info a:hover{color:#d31820; text-decoration:none;}

#showmenu{font-family:"bebas_neueregular", sans-serif; color:#000000;  margin-top:20px;font-size:20px;display:block; cursor:pointer;float:right;}
#showmenu:hover{color:#d31820;}
#showmenu:visited{display:none;}

#cont{width:100%; height:auto;background-color:#d31820;background-color:#d31820 }

#left{width:200px;height:100%; background:#d31820 url('../img/tuile-left.png')no-repeat top left; float:none;position:fixed;}
#right{margin-left:200px;height:auto; background-color:#ffffff;}

#right-red{float:right; width:70%;height:auto; padding-bottom:0;background-color:#000000; margin-top:-100px;padding-right:5%;}
#right-red h5{font-family:"bebas_neueregular", sans-serif; color:#ffffff; background-color:#000000;width:auto; padding:0;font-size:80px;font-weight:normal;}

.in-left{float:left;width:64%;margin-right:8%;}
.in-right{float:left;width:28%;position:relative;}
.in-right img{width:100%;position:relative;}

.page-contenu-in{position:relative; width:auto;padding: 50px 100px 35px 100px; height:auto;}
.page-contenu-in p{font-family: 'Open sans', sans-serif; font-weight:400; color:rgba(0,0,0,0.7);line-height:150%; text-align:left; text-align:justify; }
.page-contenu-in p strong{font-weight:700;}
.page-contenu-in a{color:#d31820; text-decoration:none;}
.page-contenu-in a:hover{color:#d31820; text-decoration:underline;}
.page-contenu-in h3{font-family:"bebas_neueregular", sans-serif; color:#d31820;   width:auto; display:inline-block;font-size:30px;font-weight:normal;margin-bottom:10px;}


.bloc-1-2{width:48.5%; margin-left:3%; float:left; margin-top:20px; height:auto;}
.bloc-1-2:first-of-type{margin-left:0;}
.bloc-1-2:nth-of-type(3){margin-left:0;}
.bloc-1-2 a:first-of-type{width:100%;}
.bloc-1-2 a img{width:100%; height:auto; border:1px solid #eeeeee;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin-bottom:10px;}
.page-contenu-in .bloc-1-2:hover p,.page-contenu-in .bloc-1-2:hover h3{color:rgba(0,0,0,1)}
.bloc-1-2 a:last-child {text-align:right;float:right;font-family:"bebas_neueregular", sans-serif; color:#ffffff;  width:auto; display:inline-block;font-size:15px;font-weight:normal;position:absolute;top:0px;right:0px;}
.bloc-1-2:hover img{opacity:0.7}
.bloc-1-2 a.bouttton {text-align:right;float:right;font-family:"bebas_neueregular", sans-serif; color:#ffffff; background-color:#000000; width:auto; display:inline-block;font-size:15px;font-weight:normal;padding:2px 10px 2px 10px; position:relative;}
.bloc-1-2:hover a.bouttton{text-decoration:none; color:#d31820}
.bloc-1-2 .chiffre{width:10%; margin-right:5%;float:left; margin-top:-5px;}
.bloc-1-2 .texte{width:85%;float:left;}
.bloc-1-2:hover .chiffre span{color:#000000;border-bottom:40px solid #000000;}
.bloc-1-2 .chiffre span{font-family:"bebas_neueregular", sans-serif; color:#000000; font-size:85px;font-weight:normal; border-bottom:5px solid #d31820;padding-top:0px;color:#d31820;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s}
.bloc-1-2 .texte p{}


.bloc-1-3{width:28%; margin-left:8%; float:left; margin-top:20px; height:auto;margin-bottom:20px;position:relative;}
.bloc-1-3:first-of-type{margin-left:0;}
.bloc-1-3:nth-of-type(4), .fix, .bloc-1-3:nth-of-type(7){margin-left:0; clear:both}
.bloc-1-3 img{width:100%; height:auto; border:1px solid #eeeeee;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin-bottom:10px;}
.page-contenu-in .bloc-1-3:hover p,.page-contenu-in .bloc-1-3:hover h3{color:rgba(0,0,0,1)}
.bloc-1-3 a:last-child {text-align:right;float:right;font-family:"bebas_neueregular", sans-serif; color:#ffffff;  width:auto; display:inline-block;font-size:15px;font-weight:normal;position:absolute;top:0px;right:0px;}
.bloc-1-3:hover img{opacity:0.7}
.bloc-1-3 a.bouttton {text-align:right;float:right;font-family:"bebas_neueregular", sans-serif; color:#ffffff; background-color:#000000; width:auto; display:inline-block;font-size:15px;font-weight:normal;padding:2px 10px 2px 10px; position:relative;}
.bloc-1-3:hover a.bouttton{text-decoration:none; color:#d31820}

.tbn-3 a.tbn{width:47.5%;height:auto;order:1px solid #eeeeee;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin-bottom:10px;float:left;margin-left:5%;padding:0;margin-bottom:15px;display:block;}
.tbn-3 a.tbn:first-of-type{margin-left:0;}
.tbn-3 a.tbn img{width:100%;height:auto;border:0;padding:0;margin:0;}
.bloc-1-3 .chiffre{width:10%; margin-right:5%;float:left; margin-top:-5px;}
.bloc-1-3 .texte{width:85%;float:left;}
.bloc-1-3:hover .chiffre span{color:#000000;border-bottom:40px solid #000000;}
.bloc-1-3 .chiffre span{font-family:"bebas_neueregular", sans-serif; color:#000000; font-size:85px;font-weight:normal; border-bottom:5px solid #d31820;padding-top:0px;color:#d31820;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s}
.bloc-1-3 .texte p{}

.bloc-1-4{width:19%; margin-left:8%; float:left; margin-top:20px; height:auto;}
.bloc-1-4:first-of-type{margin-left:0;}
.bloc-1-4:nth-of-type(5){margin-left:0;}

.bloc-1-5{width:14%; margin-left:7.5%; float:left; height:auto;padding-bottom:10%;margin-top:20px;}
.bloc-1-5:first-of-type{margin-left:0;}

.da-thumbs li {float: left;width:22%;height:auto; margin-left:4%;margin-bottom:50px; display:inline-block;}
.da-thumbs li:first-child, .da-thumbs li:nth-child(4n+1){margin-left:0;clear:both;}
.da-thumbs li a,.da-thumbs li a img {display: block;position: relative;width:100%;}
.da-thumbs li a {overflow: hidden;}
.da-thumbs li a img {border:2px solid #eeeeee;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.da-thumbs li a div {position: absolute;background-color:rgba(204,13,24,0.90);width: 100%;height: 100%;}
.da-thumbs li a div span{font-family: 'Open sans', sans-serif; font-weight:300;border:3px solid #ffffff; line-height:100%;color:#ffffff;border-radius:50%; width:50px; height:50px; display:block; position:absolute; left:50%; margin-left:-25px;top:50%; margin-top:-25px;text-align:center;font-size:50px;}
.da-thumbs li p{margin-top:-10px; margin-bottom:-25px; font-style:normal;color:#d31820;font-size:12px;text-align:left}

.demo-mobile, body #cont h1.hideh1{display:none;}

.mob{position:absolute;width:50px; height:50px; top:25px ;right:25px; z-index:999999; cursor:pointer; display:none;}
.mob-contenu{display:none; position:fixed;top:100px; right:0px; height:auto;padding-bottom:1px;z-index:999999; }
.mob-contenu li{font-family: 'Open sans', sans-serif; font-weight:400; text-transform:uppercase;background-color:#000000;margin-bottom:5px; padding:5px;}

.mob-contenu li a{text-decoration:none; font-size:0.8em;color:#ffffff; padding:5px 10px 5px 10px;}
.mob-contenu li a:hover{color:#cc0d11; cursor:pointer;}

.in-menu{margin-bottom:50px;margin-top:50px;}
.in-menu li{float:left;margin-right:20px;margin-bottom:10px;}
.in-menu li a{background-color:#d31820; display:block;padding:10px 15px 10px 15px;color:#ffffff;text-transform:uppercase;font-weight:700;font-size:0.8em;}
.in-menu li a:hover, .in-menu li.current a{background-color:#000000; color:#ffffff;text-decoration:none;}

/*------------------------------------------------------------------------------------------------------------------------*/
/* STRUCTURE ADAPTATIVE */
/*------------------------------------------------------------------------------------------------------------------------*/

/*------ BIG FUCKING SCREEN ----*/
@media screen and (min-width:2000px) {
.page-contenu-in p{font-family: 'Open sans', sans-serif; font-weight:400; color:rgba(0,0,0,0.7); font-size:0.9em;line-height:150%; text-align:left; text-align:justify}
}
/*------ BIG SCREEN ----*/
@media screen and (min-width:1600px) {
.page-contenu-in p{font-family: 'Open sans', sans-serif; font-weight:400; color:rgba(0,0,0,0.7); font-size:0.9em;line-height:150%; text-align:left; text-align:justify}
}
/*------ NORMAL SCREEN ----*/
@media screen and (min-width:1280px) and (max-width:1599px) {
#right h1{font-family:"bebas_neueregular"; color:#000000;font-size:90px; margin-top:25px}
.bloc-1-3 .chiffre span{ font-size:65px;}

.page-contenu-in p{font-family: 'Open sans', sans-serif; font-weight:400; color:rgba(0,0,0,0.7); font-size:0.9em;line-height:150%; text-align:left; text-align:justify}
}
/*------ SMALL SCREEN ----*/
@media screen and (min-width:960px) and (max-width:1279px) {
#right h1{font-family:"bebas_neueregular"; color:#000000;font-size:70px; margin-top:25px}
span.info b{font-size:17px;}	

h2 li img{width:125px; height:auto;}
	
.page-contenu-in p{font-family: 'Open sans', sans-serif; font-weight:400; color:rgba(0,0,0,0.7); font-size:0.8em;line-height:150%; text-align:left; text-align:justify}
.page-contenu-in{position:relative; width:auto;padding: 50px 50px 35px 50px; height:auto;}

	
	.bloc-1-3{width:45%; margin-left:10%; float:left; margin-top:20px; height:auto;margin-bottom:20px;}
	.bloc-1-3:first-of-type, .bloc-1-3:first-child{margin-left:0;}
	.bloc-1-3:nth-of-type(3), .bloc-1-3:nth-of-type(5) {margin-left:0; clear:both;}
	.bloc-1-3:nth-of-type(4), .fix{margin-left:10%;clear:none;}
	.bloc-1-3 img{width:100%; height:auto; margin-bottom:10px;}
	.page-contenu-in .bloc-1-3:hover p,.page-contenu-in .bloc-1-3:hover h3{color:rgba(0,0,0,1)}
	
	.tbn-3 a.tbn{width:47.5%;height:auto;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin-bottom:10px;float:left;margin-left:5%;padding:0;margin-bottom:15px;display:block;}
	.tbn-3 a.tbn:first-of-type{margin-left:0;}
	.tbn-3 a.tbn img{width:100%;height:auto;border:0;padding:0;margin:0;}
	
	.bloc-1-3 .chiffre{width:10%; margin-right:5%;float:left; margin-top:-5px;}
	.bloc-1-3 .texte{width:85%;float:left;}

.wtf{margin-left:0;}
	

.in-right img{width:100%;position:relative;}
	
	.bloc-1-3 a.bouttton {text-align:right;float:right;font-family:"bebas_neueregular", sans-serif; color:#ffffff; background-color:#000000; width:auto; display:inline-block;font-size:15px;font-weight:normal;padding:2px 10px 2px 10px; position:relative;}
.bloc-1-3:hover a.bouttton{text-decoration:none; color:#d31820}
}
/*------IPAD PAYSAGE----*/
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {

#right h1{font-family:"bebas_neueregular"; color:#000000;font-size:70px; margin-top:25px}
span.info b{font-size:17px;}	

h2 li img{width:125px; height:auto;}
	
.page-contenu-in p{font-family: 'Open sans', sans-serif; font-weight:400; color:rgba(0,0,0,0.7); font-size:0.8em;line-height:150%; text-align:left; text-align:justify}
.page-contenu-in{position:relative; width:auto;padding: 50px 50px 35px 50px; height:auto;}

	
	.bloc-1-3{width:45%; margin-left:10%; float:left; margin-top:20px; height:auto;margin-bottom:20px;}
	.bloc-1-3:first-of-type, .bloc-1-3:first-child{margin-left:0;}
	.bloc-1-3:nth-of-type(3), .bloc-1-3:nth-of-type(5) {margin-left:0; clear:both;}
	.bloc-1-3:nth-of-type(4), .fix{margin-left:10%;clear:none;}
	.bloc-1-3 img{width:100%; height:auto; margin-bottom:10px;}
	.page-contenu-in .bloc-1-3:hover p,.page-contenu-in .bloc-1-3:hover h3{color:rgba(0,0,0,1)}
	
	.tbn-3 a.tbn{width:47.5%;height:auto;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin-bottom:10px;float:left;margin-left:5%;padding:0;margin-bottom:15px;display:block;}
	.tbn-3 a.tbn:first-of-type{margin-left:0;}
	.tbn-3 a.tbn img{width:100%;height:auto;border:0;padding:0;margin:0;}
	
	.bloc-1-3 .chiffre{width:10%; margin-right:5%;float:left; margin-top:-5px;}
	.bloc-1-3 .texte{width:85%;float:left;}

.wtf{margin-left:0;}
	

.in-right img{width:100%;position:relative;}
	
	.bloc-1-3 a.bouttton {text-align:right;float:right;font-family:"bebas_neueregular", sans-serif; color:#ffffff; background-color:#000000; width:auto; display:inline-block;font-size:15px;font-weight:normal;padding:2px 10px 2px 10px; position:relative;}
.bloc-1-3:hover a.bouttton{text-decoration:none; color:#d31820}
}
/*------IPAD PORTRAIT ---*/
@media screen and (min-width:640px) and (max-width:959px) {
	
h5.omg{display:block; }

p{font-size:12px;}
#right h2{font-size:40px;}
#right h1{font-family:"bebas_neueregular"; color:#000000;font-size:50px; margin-top:25px;}
#right h1 span{border-bottom:5px solid #000000;}
span.info b{font-size:17px;}	
#menu li a{font-size:17px;}
h2 li img{width:110px; height:auto; display:none;}

.wtf{margin-left:0;}
#cont .button, #cont .button-b{display:none;}


.da-thumbs li {float: left;width:30.6666666666%;height:auto; margin-left:4%;margin-bottom:50px; display:inline-block;}
.da-thumbs li:nth-child(4n+1){margin-left:4%;clear:none;}
.da-thumbs li:first-child, .da-thumbs li:nth-child(3n+1){margin-left:0;clear:both;}


	
	.bloc-1-3{width:45%; margin-left:10%; float:left; margin-top:20px; height:auto;margin-bottom:20px;}
	.bloc-1-3:first-of-type{margin-left:0;}
	.bloc-1-3:nth-of-type(3), .bloc-1-3:nth-of-type(5) {margin-left:0; clear:both;}
	.bloc-1-3:nth-of-type(4), .fix{margin-left:10%;clear:none;}
	.bloc-1-3 img{width:100%; height:auto; margin-bottom:10px;}
	.page-contenu-in .bloc-1-3:hover p,.page-contenu-in .bloc-1-3:hover h3{color:rgba(0,0,0,1)}
	
	.tbn-3 a.tbn{width:47.5%;height:auto;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin-bottom:10px;float:left;margin-left:5%;padding:0;margin-bottom:15px;display:block;}
	.tbn-3 a.tbn:first-of-type{margin-left:0;}
	.tbn-3 a.tbn img{width:100%;height:auto;border:0;padding:0;margin:0;}
	
	.bloc-1-3 .chiffre{width:10%; margin-right:5%;float:left; margin-top:-5px;}
	.bloc-1-3 .texte{width:85%;float:left;}

	.bloc-1-3 .chiffre span{font-family:"bebas_neueregular", sans-serif; color:#000000; font-size:60px;font-weight:normal; border-bottom:5px solid #d31820;padding-top:0px;color:#d31820;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s}
	
.in-left{float:left;width:60%;margin-right:5%;}
.in-right{float:left;width:35%;position:relative;}
.in-right img{width:100%;position:relative;}
	
.mob{display:block;top:55px;width:35px;}
.mob img{width:100%;height:auto;}
.demo-mobile,body #cont h1.hideh1{display:block;}
.demo-mobile iframe{height:330px}

#big-video{overflow: auto;width:320px; height:250px;display:none;}
#big-video span.over-tuile{background:url('../img/tuile-b.png') repeat top left;position:absolute; width:100%;height:100%; z-index:9;display:none;}
#big-video .bout{position:absolute; right:0;left:7%; bottom:0% ;top:250px;z-index:10}
#big-video h2{font-family:"bebas_neueregular", sans-serif; color:#000000 ;width:auto; font-size:45px; border:0;text-decoration:none;position:absolute;right:0; left:7%; top:200px;z-index:10;display:none;}
.bout li {display:inline;}
.bout li a{font-family:"bebas_neueregular", sans-serif; color:#ffffff; padding:5px 8px 5px 8px; background-color:#000000; width:auto; font-size:16px; border:0;text-decoration:none;display:none;}
.bout li a:hover{color:#d31820; cursor:pointer;}
.bout li a:last-child{background-color:#d31820;}
.bout li a:first-child{background-color:#000000;}


#logo img{width:100px; height:auto;}
#logo{width:180px;height:103px; margin-left:7px;}
#menu{margin-top:20px; display:none; }
#menu li a{font-family:"bebas_neueregular", sans-serif; color:#ffffff; padding:5px 8px 5px 8px; background-color:#000000; width:auto; font-size:20px;}
#menu li{margin-bottom:15px;}
#menu li a:hover{color:#d31820;cursor:pointer;}
#menu li a:hover:before{content:"/ "}

span.info b{font-family:"bebas_neueregular", sans-serif; color:#ffffff; padding:5px 8px 5px 8px; background-color:#000000; width:auto; font-size:20px;font-weight:normal;}
span.info{margin-bottom:15px;display:none;}
span.info:first-of-type{margin-top:50px;}
span.info a{color:#ffffff; text-decoration:none;}
span.info a:hover{color:#d31820; text-decoration:none;}
.media{display:block;top:-25px;left:0px;position:absolute;}


video#bgvid {position: relative; margin:0;padding:0;min-width: 320px; min-height: 250px;width: auto; height: auto; background: url(../video/demo.jpg) no-repeat;background-size: cover;margin-top:0px;}

#right-red{float:right; width:80%;height:auto; padding-bottom:0;background-color:#d31820; margin-top:-50px;padding-right:5%;}
#right-red h1{font-family:"bebas_neueregular", sans-serif; color:#ffffff; background-color:#d31820;width:auto; padding:0;font-size:80px;font-weight:normal;}

#right-red img{width:100%; height:auto;}

.agence, .competence, .pk, .contact{display:inline-block; width:100%; }
.page-contenu-in{position:relative; width:auto;padding: 25px ; height:auto;}
#cont h1{font-family:"bebas_neueregular", sans-serif; color:#ffffff; padding:5px 5% 5px 3%; background-color:#000000; width:77%; display:inline-block;font-size:40px;font-weight:normal; margin-top:0px;float:left;}
.page-contenu-in p{font-family: 'Open sans', sans-serif; font-weight:400; color:rgba(0,0,0,0.7); font-size:0.8em;line-height:150%; text-align:left; text-align:justify}
.page-contenu-in p strong{font-weight:700;}
.page-contenu-in a{color:#d31820; text-decoration:none;}
.page-contenu-in a:hover{color:#d31820; text-decoration:underline;}
.page-contenu-in h3{font-family:"bebas_neueregular", sans-serif; color:#d31820;   width:auto; display:inline-block;font-size:30px;font-weight:normal;margin-bottom:10px;}

.bloc-1-5{width:14%; margin-left:7.5%; float:left; height:auto;padding-bottom:10%;margin-top:20px;}
.bloc-1-5:first-of-type{margin-left:0;}

.bloc-1-2{width:47%; margin-left:6%; float:left; margin-top:20px; height:auto;}
.bloc-1-2:first-of-type{margin-left:0;}
.bloc-1-2:nth-of-type(3){margin-left:0;}

	.hideh1{display:none;}
	.hiding{display:none;}

nav.side-bar{top:25px; left:25px;z-index:1000;position:absolute;}

#left{width:0px;height:100%; background:#d31820 url('../img/tuile-left.png')no-repeat top left; float:none;position:fixed;}
#left h2 li{text-align:center;}
#right{width:auto;height:auto; background-color:#ffffff; margin-left:0;height:100%;padding-top:25px;}

.bloc-1-3 a:last-child {text-align:right;float:right;font-family:"bebas_neueregular", sans-serif; color:#ffffff;  width:30px; display:inline-block;font-size:15px;font-weight:normal;position:absolute;top:0px;right:0px;}
.bloc-1-3 a:last-child img{width:100%;height:auto}

.bloc-1-3 a.bouttton {text-align:right;float:right;font-family:"bebas_neueregular", sans-serif; color:#ffffff; background-color:#000000; width:auto; display:inline-block;font-size:15px;font-weight:normal;padding:2px 10px 2px 10px; position:relative;}
.bloc-1-3:hover a.bouttton{text-decoration:none; color:#d31820}
}
/*------IPHONE PAYSAGE----*/
@media screen and (min-width:431px) and (max-width:639px) {
	
h5.omg{display:block; }

p{font-size:12px;}
#right h2{font-size:40px;}
#right h1{font-family:"bebas_neueregular"; color:#000000;font-size:40px; margin-top:25px;margin-bottom:-25px;}
#right h1 span{border-bottom:5px solid #000000;}
span.info b{font-size:17px;}	
#menu li a{font-size:17px;}
h2 li img{width:110px; height:auto; display:none;}

.wtf{margin-left:0;}
#cont .button, #cont .button-b{display:none;}


.da-thumbs li {float: left;width:30.6666666666%;height:auto; margin-left:4%;margin-bottom:50px; display:inline-block;}
.da-thumbs li:nth-child(4n+1){margin-left:4%;clear:none;}
.da-thumbs li:first-child, .da-thumbs li:nth-child(3n+1){margin-left:0;clear:both;}


	
	.bloc-1-3{width:45%; margin-left:10%; float:left; margin-top:20px; height:auto;margin-bottom:20px;}
	.bloc-1-3:first-of-type{margin-left:0;}
	.bloc-1-3:nth-of-type(3), .bloc-1-3:nth-of-type(5) {margin-left:0; clear:both;}
	.bloc-1-3:nth-of-type(4), .fix{margin-left:10%;clear:none;}
	.bloc-1-3 img{width:100%; height:auto; margin-bottom:10px;}
	.page-contenu-in .bloc-1-3:hover p,.page-contenu-in .bloc-1-3:hover h3{color:rgba(0,0,0,1)}
	
	.tbn-3 a.tbn{width:47.5%;height:auto;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin-bottom:10px;float:left;margin-left:5%;padding:0;margin-bottom:15px;display:block;}
	.tbn-3 a.tbn:first-of-type{margin-left:0;}
	.tbn-3 a.tbn img{width:100%;height:auto;border:0;padding:0;margin:0;}
	
	.bloc-1-3 .chiffre{width:10%; margin-right:5%;float:left; margin-top:-5px;}
	.bloc-1-3 .texte{width:85%;float:left;}

	.bloc-1-3 .chiffre span{font-family:"bebas_neueregular", sans-serif; color:#000000; font-size:60px;font-weight:normal; border-bottom:5px solid #d31820;padding-top:0px;color:#d31820;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s}
	
.in-left{float:left;width:60%;margin-right:5%;}
.in-right{float:left;width:35%;position:relative;}
.in-right img{width:100%;position:relative;}
	
.mob{display:block;top:55px;width:35px;}
.mob img{width:100%;height:auto;}
.demo-mobile,body #cont h1.hideh1{display:block;}
.demo-mobile iframe{height:330px}

#big-video{overflow: auto;width:320px; height:250px;display:none;}
#big-video span.over-tuile{background:url('../img/tuile-b.png') repeat top left;position:absolute; width:100%;height:100%; z-index:9;display:none;}
#big-video .bout{position:absolute; right:0;left:7%; bottom:0% ;top:250px;z-index:10}
#big-video h2{font-family:"bebas_neueregular", sans-serif; color:#000000 ;width:auto; font-size:45px; border:0;text-decoration:none;position:absolute;right:0; left:7%; top:200px;z-index:10;display:none;}
.bout li {display:inline;}
.bout li a{font-family:"bebas_neueregular", sans-serif; color:#ffffff; padding:5px 8px 5px 8px; background-color:#000000; width:auto; font-size:16px; border:0;text-decoration:none;display:none;}
.bout li a:hover{color:#d31820; cursor:pointer;}
.bout li a:last-child{background-color:#d31820;}
.bout li a:first-child{background-color:#000000;}


#logo img{width:100px; height:auto;}
#logo{width:180px;height:103px; margin-left:7px;}
#menu{margin-top:20px; display:none; }
#menu li a{font-family:"bebas_neueregular", sans-serif; color:#ffffff; padding:5px 8px 5px 8px; background-color:#000000; width:auto; font-size:20px;}
#menu li{margin-bottom:15px;}
#menu li a:hover{color:#d31820;cursor:pointer;}
#menu li a:hover:before{content:"/ "}

span.info b{font-family:"bebas_neueregular", sans-serif; color:#ffffff; padding:5px 8px 5px 8px; background-color:#000000; width:auto; font-size:20px;font-weight:normal;}
span.info{margin-bottom:15px;display:none;}
span.info:first-of-type{margin-top:50px;}
span.info a{color:#ffffff; text-decoration:none;}
span.info a:hover{color:#d31820; text-decoration:none;}
.media{display:block;top:-25px;left:0px;position:absolute;}


video#bgvid {position: relative; margin:0;padding:0;min-width: 320px; min-height: 250px;width: auto; height: auto; background: url(../video/demo.jpg) no-repeat;background-size: cover;margin-top:0px;}

#right-red{float:right; width:80%;height:auto; padding-bottom:0;background-color:#d31820; margin-top:-50px;padding-right:5%;}
#right-red h1{font-family:"bebas_neueregular", sans-serif; color:#ffffff; background-color:#d31820;width:auto; padding:0;font-size:80px;font-weight:normal;}

#right-red img{width:100%; height:auto;}

.agence, .competence, .pk, .contact{display:inline-block; width:100%; }
.page-contenu-in{position:relative; width:auto;padding: 25px ; height:auto;}
#cont h1{font-family:"bebas_neueregular", sans-serif; color:#ffffff; padding:5px 5% 5px 3%; background-color:#000000; width:77%; display:inline-block;font-size:40px;font-weight:normal; margin-top:0px;float:left;}
.page-contenu-in p{font-family: 'Open sans', sans-serif; font-weight:400; color:rgba(0,0,0,0.7); font-size:0.8em;line-height:150%; text-align:left; text-align:justify}
.page-contenu-in p strong{font-weight:700;}
.page-contenu-in a{color:#d31820; text-decoration:none;}
.page-contenu-in a:hover{color:#d31820; text-decoration:underline;}
.page-contenu-in h3{font-family:"bebas_neueregular", sans-serif; color:#d31820;   width:auto; display:inline-block;font-size:30px;font-weight:normal;margin-bottom:10px;}

.bloc-1-5{width:14%; margin-left:7.5%; float:left; height:auto;padding-bottom:10%;margin-top:20px;}
.bloc-1-5:first-of-type{margin-left:0;}

.bloc-1-2{width:100%; margin-left:0%; float:none; margin-top:20px; padding-bottom:35px;height:auto;}
.bloc-1-2:first-of-type{margin-left:0;}
.bloc-1-2:nth-of-type(3){margin-left:0;}

	.hideh1{display:none;}
	.hiding{display:none;}

nav.side-bar{top:25px; left:25px;z-index:1000;position:absolute;}

#left{width:0px;height:100%; background:#d31820 url('../img/tuile-left.png')no-repeat top left; float:none;position:fixed;}
#left h2 li{text-align:center;}
#right{width:auto;height:auto; background-color:#ffffff; margin-left:0;height:100%;padding-top:25px;}

.bloc-1-3 a:last-child {text-align:right;float:right;font-family:"bebas_neueregular", sans-serif; color:#ffffff;  width:30px; display:inline-block;font-size:15px;font-weight:normal;position:absolute;top:0px;right:0px;}
.bloc-1-3 a:last-child img{width:100%;height:auto}

.bloc-1-3 a.bouttton {text-align:right;float:right;font-family:"bebas_neueregular", sans-serif; color:#ffffff; background-color:#000000; width:auto; display:inline-block;font-size:15px;font-weight:normal;padding:2px 10px 2px 10px; position:relative;}
.bloc-1-3:hover a.bouttton{text-decoration:none; color:#d31820}

}
/*------IPHONE PORTRAIT----*/
@media screen and (max-width:430px) {
		
h5.omg{display:block; }

p{font-size:12px;}
#right h2{font-size:25px;}
#right h1{font-family:"bebas_neueregular"; color:#000000;font-size:30px; margin-top:25px;margin-bottom:-25px;line-height:90%;}
#right h1 span{border-bottom:5px solid #000000;font-size:0.8em;}
span.info b{font-size:17px;}	
#menu li a{font-size:17px;}
h2 li img{width:110px; height:auto; display:none;}

.wtf{margin-left:0;}
#cont .button, #cont .button-b{display:none;}


.da-thumbs li {float: left;width:47.5%;height:auto; margin-left:5%;margin-bottom:50px; display:inline-block;}
.da-thumbs li:nth-child(4n+1){margin-left:5%;clear:none;}
.da-thumbs li:first-child, .da-thumbs li:nth-child(2n+1){margin-left:0;clear:both;}


	
	.bloc-1-3{width:100%; margin-left:0%; float:left; margin-top:20px; height:auto;margin-bottom:20px;}
	.bloc-1-3:first-of-type{margin-left:0;}
	.bloc-1-3:nth-of-type(3), .bloc-1-3:nth-of-type(5) {margin-left:0; clear:both;}
	.bloc-1-3:nth-of-type(4), .fix{margin-left:0%;clear:none;}
	.bloc-1-3 img{width:100%; height:auto; margin-bottom:10px;}
	.page-contenu-in .bloc-1-3:hover p,.page-contenu-in .bloc-1-3:hover h3{color:rgba(0,0,0,1)}
	
	.tbn-3 a.tbn{width:47.5%;height:auto;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin-bottom:10px;float:left;margin-left:5%;padding:0;margin-bottom:15px;display:block;}
	.tbn-3 a.tbn:first-of-type{margin-left:0;}
	.tbn-3 a.tbn img{width:100%;height:auto;border:0;padding:0;margin:0;}
	
	.bloc-1-3 .chiffre{width:10%; margin-right:5%;float:left; margin-top:-5px;}
	.bloc-1-3 .texte{width:85%;float:left;}

	.bloc-1-3 .chiffre span{font-family:"bebas_neueregular", sans-serif; color:#000000; font-size:60px;font-weight:normal; border-bottom:5px solid #d31820;padding-top:0px;color:#d31820;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s}
	
.in-left{float:left;width:60%;margin-right:5%;}
.in-right{float:left;width:35%;position:relative;}
.in-right img{width:100%;position:relative;}
	
.mob{display:block;top:55px;width:35px;}
.mob img{width:100%;height:auto;}
.demo-mobile,body #cont h1.hideh1{display:block;}
.demo-mobile iframe{height:330px}

#big-video{overflow: auto;width:320px; height:250px;display:none;}
#big-video span.over-tuile{background:url('../img/tuile-b.png') repeat top left;position:absolute; width:100%;height:100%; z-index:9;display:none;}
#big-video .bout{position:absolute; right:0;left:7%; bottom:0% ;top:250px;z-index:10}
#big-video h2{font-family:"bebas_neueregular", sans-serif; color:#000000 ;width:auto; font-size:45px; border:0;text-decoration:none;position:absolute;right:0; left:7%; top:200px;z-index:10;display:none;}
.bout li {display:inline;}
.bout li a{font-family:"bebas_neueregular", sans-serif; color:#ffffff; padding:5px 8px 5px 8px; background-color:#000000; width:auto; font-size:16px; border:0;text-decoration:none;display:none;}
.bout li a:hover{color:#d31820; cursor:pointer;}
.bout li a:last-child{background-color:#d31820;}
.bout li a:first-child{background-color:#000000;}


#logo img{width:100px; height:auto;}
#logo{width:180px;height:103px; margin-left:7px;}
#menu{margin-top:20px; display:none; }
#menu li a{font-family:"bebas_neueregular", sans-serif; color:#ffffff; padding:5px 8px 5px 8px; background-color:#000000; width:auto; font-size:20px;}
#menu li{margin-bottom:15px;}
#menu li a:hover{color:#d31820;cursor:pointer;}
#menu li a:hover:before{content:"/ "}

span.info b{font-family:"bebas_neueregular", sans-serif; color:#ffffff; padding:5px 8px 5px 8px; background-color:#000000; width:auto; font-size:20px;font-weight:normal;}
span.info{margin-bottom:15px;display:none;}
span.info:first-of-type{margin-top:50px;}
span.info a{color:#ffffff; text-decoration:none;}
span.info a:hover{color:#d31820; text-decoration:none;}
.media{display:block;top:-25px;left:0px;position:absolute;}


video#bgvid {position: relative; margin:0;padding:0;min-width: 320px; min-height: 250px;width: auto; height: auto; background: url(../video/demo.jpg) no-repeat;background-size: cover;margin-top:0px;}

#right-red{float:right; width:80%;height:auto; padding-bottom:0;background-color:#d31820; margin-top:-50px;padding-right:5%;}
#right-red h1{font-family:"bebas_neueregular", sans-serif; color:#ffffff; background-color:#d31820;width:auto; padding:0;font-size:80px;font-weight:normal;}

#right-red img{width:100%; height:auto;}

.agence, .competence, .pk, .contact{display:inline-block; width:100%; }
.page-contenu-in{position:relative; width:auto;padding: 25px ; height:auto;}
#cont h1{font-family:"bebas_neueregular", sans-serif; color:#ffffff; padding:5px 5% 5px 3%; background-color:#000000; width:77%; display:inline-block;font-size:40px;font-weight:normal; margin-top:0px;float:left;}
.page-contenu-in p{font-family: 'Open sans', sans-serif; font-weight:400; color:rgba(0,0,0,0.7); font-size:0.8em;line-height:150%; text-align:left; text-align:justify}
.page-contenu-in p strong{font-weight:700;}
.page-contenu-in a{color:#d31820; text-decoration:none;}
.page-contenu-in a:hover{color:#d31820; text-decoration:underline;}
.page-contenu-in h3{font-family:"bebas_neueregular", sans-serif; color:#d31820;   width:auto; display:inline-block;font-size:30px;font-weight:normal;margin-bottom:10px;}

.bloc-1-5{width:14%; margin-left:7.5%; float:left; height:auto;padding-bottom:10%;margin-top:20px;}
.bloc-1-5:first-of-type{margin-left:0;}

.bloc-1-2{width:100%; margin-left:0%; float:none; margin-top:20px; padding-bottom:35px;height:auto;}
.bloc-1-2:first-of-type{margin-left:0;}
.bloc-1-2:nth-of-type(3){margin-left:0;}

	.hideh1{display:none;}
	.hiding{display:none;}

nav.side-bar{top:25px; left:25px;z-index:1000;position:absolute;}

#left{width:0px;height:100%; background:#d31820 url('../img/tuile-left.png')no-repeat top left; float:none;position:fixed;}
#left h2 li{text-align:center;}
#right{width:auto;height:auto; background-color:#ffffff; margin-left:0;height:100%;padding-top:25px;}

.bloc-1-3 a:last-child {text-align:right;float:right;font-family:"bebas_neueregular", sans-serif; color:#ffffff;  width:30px; display:inline-block;font-size:15px;font-weight:normal;position:absolute;top:0px;right:0px;}
.bloc-1-3 a:last-child img{width:100%;height:auto}

.bloc-1-3 a.bouttton {text-align:right;float:right;font-family:"bebas_neueregular", sans-serif; color:#ffffff; background-color:#000000; width:auto; display:inline-block;font-size:15px;font-weight:normal;padding:2px 10px 2px 10px; position:relative;}
.bloc-1-3:hover a.bouttton{text-decoration:none; color:#d31820}

}





.clear{clear:both;}

.overFade{position: relative;display: inline-block;}
.overFade img{display: block;}
.overFade img + img{display: none;position: absolute;top:0; left: 0;}


a.tooltip{position: relative;display: inline;}
a.tooltip:after{display: block;visibility: hidden;position: absolute;bottom: 0;left: 20%;opacity: 0;content: attr(title);height: auto;min-width: 100px;padding: 5px 8px;z-index: 999;color: #cc0d11;text-decoration: none;text-align: center;background: rgba(0,0,0,0.85);-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;font-family: 'Droid Sans', sans-serif; font-weight:700;width:200px; text-transform:uppercase;}
a.tooltip:before {position: absolute;visibility: hidden;width: 0;height: 0;left: 50%;bottom: 0px;opacity: 0;content: "";border-style: solid;border-width: 6px 6px 0 6px;border-color: rgba(0,0,0,0.85) transparent transparent transparent;}
a.tooltip:hover:after{ visibility: visible; opacity: 1; bottom: 20px; }
a.tooltip:hover:before{ visibility: visible; opacity: 1; bottom: 14px; }
/* tips on bottom */
a.tooltip.bottom:after { bottom: auto; top: 0; }
a.tooltip.bottom:hover:after { top: 28px; }
a.tooltip.bottom:before {border-width: 0 5px 8.7px 5px;border-color: transparent transparent rgba(0,0,0,0.85) transparent;top: 0px}
a.tooltip.bottom:hover:before { top: 20px; }
/* tips on the left */
a.tooltip.left:after { left: auto; right: 100%; bottom: 0%; }
a.tooltip.left:hover:after { right: 110%; bottom: 0%; }
a.tooltip.left:before {border-width: 5px 0 5px 10px;border-color: transparent transparent transparent rgba(0,0,0,0.1);left: auto;right: 80%;bottom: 8px;visibility:none;}
a.tooltip.left:hover:before { right: 90%; bottom: 8px; visibility:visible; }
 /* tooltip colors (add your own!) */
a.tooltip.blue:after { background:#fff; }
a.tooltip.blue:before { border-color: #fff transparent transparent transparent; }
a.tooltip.bottom.blue:before{ border-color: transparent transparent #5f87c2 transparent; }
a.tooltip.right.blue:before { border-color: transparent #5f87c2 transparent transparent; }
a.tooltip.left.blue:before { border-color: transparent transparent transparent #ffffff; }
a.tooltip.animate:after, a.tooltip.animate:before {-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out}

.soum img{width:75%;height:auto;}

.animated { -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite; } 
@-webkit-keyframes flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} } 
@keyframes flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} } 
.flash { -webkit-animation-name: flash; animation-name: flash; }

.animated2 { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } 
@-webkit-keyframes bounceInDown { 0% { opacity: 0;-webkit-transform: translateY(-2000px); } 60% { opacity: 1;-webkit-transform: translateY(30px);} 80% {-webkit-transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); }}
@keyframes bounceInDown { 0% {opacity: 0;transform: translateY(-2000px); } 60% { opacity: 1;transform: translateY(30px); } 80% { transform: translateY(-10px); } 100% { transform: translateY(0); } } 
.bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; }

.animated3 { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } 
@-webkit-keyframes bounceInUp { 0% {opacity: 0;-webkit-transform: translateY(2000px); } 60% {opacity: 1;-webkit-transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); } 100% { -webkit-transform: translateY(0); } } 
@keyframes bounceInUp { 0% {opacity: 0;transform: translateY(2000px); } 60% { opacity: 1; transform: translateY(-30px); } 80% { transform: translateY(10px);} 100% { transform: translateY(0); } } 
.bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; }

.animated4 {-webkit-animation-duration: 4s; animation-duration: 4s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } 
@-webkit-keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } 
@keyframes fadeOut {0% {opacity: 1;}100% {opacity: 0;} } 
.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; }



.loader {position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 9999999999999999999999999999;background:#ffffff url('../shadowbox/video_camera_loader.gif') 50% 50% no-repeat;}