/* RESET CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;

}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* END RESET CSS */
/* MAIN CSS */
/* FONTS FACE */
@font-face {
    font-family: GothL;
    src: url(../fonts/GothaLig.otf);
}
@font-face {
    font-family: RalewayL;
    src: url(../fonts/Raleway-Light.otf);
}
@font-face {
    font-family: RalewayEL;
    src: url(../fonts/Raleway-ExtraLight.otf);
}
@font-face {
    font-family: Funk;
    src: url(../fonts/Funkydori.otf);
}
@font-face {
    font-family: RalewayM;
    src: url(../fonts/Raleway-Medium.otf);
}
/* TEXT FORMAT */
body{
	background: #f1edec;
}
	h1{
		display: none;
	}
	h2{
		font-family: RalewayM;
		font-size: 20px;
		text-align: center;}
	.weB{
		font-size: 43px;
	}
	h4{
		font-family: RalewayL;
		
	}
	p{
		text-align: center;
		font-family: Ralewayl;
		font-size: 1em;
		line-height: 25px;
	}
	.we{
		font-family: RalewayM;
		font-size: 1.4em;
		line-height: 1.7em;
	}
	ul {
		list-style-image: url('../img/list_bar1.gif');
		display: inline-block;
	}
	li {
		display: inline-block;
		cursor:url(../img/oeil_rotate.png);
	}
	li :hover {
	-ms-transform: rotate(15deg); /* IE 9 */
    -webkit-transform: rotate(15deg); /* Chrome, Safari, Opera */
    transform: rotate(15deg); /* Standard syntax */
   cursor:url(../img/oeil_rotate.png);
	}
	li div :hover {
	-ms-transform: rotate(15deg); /* IE 9 */
    -webkit-transform: rotate(15deg); /* Chrome, Safari, Opera */
    transform: rotate(15deg); /* Standard syntax */
   cursor:url(../img/oeil_rotate.png);
	}
	a  {
		
	}
	.numerotel{
		font-family: "helvetica";
    	font-weight: 100;
    	font-size: 14px;
	}
	.backslash{
		font-size: 55px;
		font-weight: 100;
		padding-top: 25px;
	}
/* CLASSICS CLASS */
	.left{float:left;}
	.right{float:right}
	.clear{clear:both;}
	.bold{font-weight:bold;}
	.center{
	margin-left:auto;
	margin-right:auto;
	}
/* BLOC DIV CSS */
#wrapper {
	max-width:1280px;
	width: 100%;
	height:auto ;
	padding-bottom: 20px;
	cursor:url(../img/oeil.png), default;
	
	
}
#work_1 {
	cursor:url(../img/oeil_rotate.png);
}
#work_2 {
	cursor:url(../img/oeil_rotate.png);
}

header {
	max-width:1280px;
	position: fixed;
	width: 100%;
	padding-top: 15px;
}
.logo {
width: 387px;
margin-left: auto;
margin-right: auto;
background: url("../img/waw_logo_t2.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
height: 80px;
}

#tabs-1{
}
#workb_7 h4 {
	margin-left: 50px;
}
#we2 {
	background-color: white;
	padding: 30px 10px 50px 30px;
}
.gif_anim {
	width: 250px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 28px;
}
#tabs-2{

}
#tabs-3{
	

}
#contact2{
	background-color: white;
   	padding-top: 30px;
   	padding-bottom: 30px;
   	padding-right: 20%;
   	padding-left: 20%;
    max-width: 750px;
    width: 100%;
}
.contact {
	text-align: center;
	width: 250px;
	padding-bottom: 50px;
	margin-top: 120px;
}
#nav_social {
	margin-left: 270px;
    margin-top: 20px;
    width: 255px;
}
#nav_social li {
	width: 80px;
}
.bloc_v{
	width:330px;
	height: 385px;
	margin-right: ;
	margin-left: ;
	background: white;
	margin-top: ;
	margin-bottom:20px;
	padding-top: 5px;
	padding-left: 5px;
	border: transparent 1px solid;
	

}
.bloc_v:hover {
	cursor:pointer;

}
.bloc_h:hover{
	cursor:pointer;

}
.bloc_center_v:hover{
	cursor:pointer;

}
.bloc_center_h:hover{
	cursor:pointer;

}
.bloc_h{
	width:385px;
	height: 330px;
	margin-right:;
	margin-left:;
	background: white;
	margin-top:25px ;
	margin-bottom:;
	padding-top: 5px;
	padding-left: 5px;
	border: transparent 1px solid;
}
/*.videov{background: black;}*/
.bloc_center_h {
	margin-left:94px;
	margin-right: ;
}
.bloc_center_h_h {
	margin-left: 40px ;
}

.bloc_center_v {
	margin-left:68px;
	margin-right: ;
}
 h4 :hover {
	font-style: normal;
	color: pink;
}
nav {
	width: ;
	height: ;
	background: ;
}
#content {
	padding-left: 1%;
	padding-right: 1%;
	height: ;
	background: ;
	
	
}
.work_content {
	width: 100%;
	max-width: 850px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 50px;
}
.work_content iframe {
	
	margin-top: 20px;
	margin-bottom: 20px;
	width: 100%;
}
.work_content img {
	margin-top: 20px;
	margin-bottom: 20px;
	width: 100%;
}
.square_img {
	max-height: 567px;
    margin: 40px auto;
    max-width: 567px;
    width: 100%;
}
.vertical_img {
	height: 701px;
    margin: 40px auto;
    max-width: 567px;
    width: 100%;
}
.tabs {

}
.work_before {
	max-width: 401px;
	width: 100%;
	margin: 12px;
	font-size: 14px;
}
.work_before img {
	margin-bottom: 0px;
}
#workb_6 iframe {margin-left: 0px;margin-bottom: 0px;}
footer {
	width: ;
	height: ;
	background: ;
}

@media only screen and (min-width: 320px) and (max-width: 767px){
	body{}
	header{max-width: 300px; width: 100%;}
	#wrapper {max-width: 300px; width: 100%;}
	.logo{background: url("../img/waw_logo_phone.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);}
	.bloc_h{float: none; display: inline; max-width: 300px; width: 100%; background:transparent; padding:0; margin-bottom: 5px; margin-top: 5px;}
	.bloc_v{float: none;display: inline; max-width: 300px; width: 100%; background:transparent; padding:0; margin-bottom: 5px; margin-top: 5px;}
	.bloc_center_h{float: none; display: inline; max-width: 300px; width: 100%; margin: 0px; background:transparent; padding:0; margin-bottom: 5px; margin-top: 5px;}
	.bloc_center_v{float: none; display: inline; max-width: 300px; width: 100%; margin: 0px; background:transparent; padding:0; margin-bottom: 5px; margin-top: 5px;}
	.bloc_center{float: none;display: inline; max-width: 300px; width: 100%; background:transparent; padding:0; margin-bottom: 5px; margin-top: 5px;}

	.bloc_h img{float: none; display: inline; max-width: 300px; width: 100%; margin: 0px;}
	.bloc_v img{float: none;display: inline; max-width: 300px; width: 100%;margin: 0px;}
	.bloc_center_h img{float: none; display: inline; max-width: 300px; width: 100%;margin: 0px;}
	.bloc_center_v img{float: none; display: inline; max-width: 300px; width: 100%;margin: 0px;}
	.bloc_center img{float: none;display: inline; max-width: 300px; width: 100%; margin: 0px;}
	.bloc_h iframe {float: none; display: inline; max-width: 300px; width: 100%; margin: 0px;}
	.bloc_v iframe {float: none;display: inline; max-width: 300px; width: 100%;margin: 0px;}
	.bloc_center_h iframe {float: none; display: inline; max-width: 300px; width: 100%;margin: 0px;}
	.bloc_center_v iframe {float: none; display: inline; max-width: 300px; width: 100%;margin: 0px;}
	.bloc_center iframe {float: none;display: inline; max-width: 300px; width: 100%; margin: 0px;}
	.work_before {max-width: 300px; width: 100%;}
	.work_before img {max-width: 300px; width: 100%;}
	.work_before {max-width: 300px; width: 100%;}
	.work_before iframe {max-width: 300px; width: 100%;}
	.work_before{margin: 0px;}
	#we2 { padding: 10px 1px 20px 1px;}
	#contact2{padding: 20px 5%; width: 90%;}
	.gif_anim{margin-left: 7px;margin-top: 10px;margin-bottom: 10px;}
	.contact{margin-top: 10px;margin-bottom: 10px; padding-top: 0px; padding-bottom: 0px;}
	#nav_social {margin-left: 30px;}
	.weB {
    font-size: 33px;
}
/*	#content {background: white; padding-top: 20px;}
*/
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
	/*body {background-color: blue;}*/
	#content{padding-left: 4px; padding-right: 4px;}
	header{max-width: 768px; width: 100%;}
	#wrapper {max-width: 768px; width: 100%;}
	.clearipadhead{height: 200px;}
	.right{float: left;}
	.clear{display: none;}
	.clearipad{clear: both;}
	.bloc_v .imgipad{max-width: 240px; width: 100%; }
	.bloc_h{float: left; max-width: 350px; width: 100%; padding:0; margin-bottom: 5px; margin-top: 5px; margin-left: 20px;}
	.bloc_v{float: left; max-width: 350px; width: 100%;  padding:0; margin-bottom: 5px; margin-top: 5px; margin-left: 20px;}
	.bloc_center_h{float:left; max-width: 350px; width: 100%; margin: 0px; padding:0; margin-bottom: 5px; margin-top: 5px; margin-left: 20px;}
	.bloc_center_v{float:left; max-width: 350px; width: 100%; margin: 0px; padding:0; margin-bottom: 5px; margin-top: 5px; margin-left: 20px;}
	.bloc_center{float: left; max-width: 350px; width: 100%;  padding:0; margin-bottom: 5px; margin-top: 5px; margin-left: 20px;}

	.bloc_h img{float: none; display: inline; max-width: 340px; width: 100%; margin: 0px;}
	.bloc_v img{float: none;display: inline; max-width: 340px; width: 100%;margin: 0px;}
	.bloc_center_h img{float: none; display: inline; max-width: 340px; width: 100%;margin: 0px;}
	.bloc_center_v img{float: none; display: inline; max-width: 340px; width: 100%;margin: 0px;}
	.bloc_center img{float: none;display: inline; max-width: 340px; width: 100%; margin: 0px;}
	.bloc_h iframe {float: none; display: inline; max-width: 340px; width: 100%; margin: 0px;}
	.bloc_v iframe {float: none;display: inline; max-width: 340px; width: 100%;margin: 0px;}
	.bloc_center_h iframe {float: none; display: inline; max-width: 340px; width: 100%;margin: 0px;}
	.bloc_center_v iframe {float: none; display: inline; max-width: 340px; width: 100%;margin: 0px;}
	.bloc_center iframe {float: none;display: inline; max-width: 340px; width: 100%; margin: 0px;}
	.work_before {max-width: 340px; width: 100%; margin-left: 20px;}
	.work_before img {max-width: 340px; width: 100%;}
	#we2{padding: 0;}
	#contact2{background-color: white;
    margin-left: auto;
    margin-right: auto;
    max-width: 760px;
	padding: 0;}
}