@font-face {
font-family: 'dekar-webfont';
src: url(//www.pasquarelle.fr/wp-content/themes/pasquarelle/fonts/dekar-webfont.eot);
src: url(//www.pasquarelle.fr/wp-content/themes/pasquarelle/fonts/dekar-webfont.woff) format('woff'),
url(//www.pasquarelle.fr/wp-content/themes/pasquarelle/fonts/dekar-webfont.woff2) format('woff'),
url(//www.pasquarelle.fr/wp-content/themes/pasquarelle/fonts/dekar-webfont.ttf) format('truetype'),
url(//www.pasquarelle.fr/wp-content/themes/pasquarelle/fonts/dekar-webfont.svg) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'novecentosanswide';
src: url(//www.pasquarelle.fr/wp-content/themes/pasquarelle/fonts/novecentosanswide-normal-webfont.eot);
src: url(//www.pasquarelle.fr/wp-content/themes/pasquarelle/fonts/novecentosanswide-normal-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.pasquarelle.fr/wp-content/themes/pasquarelle/fonts/novecentosanswide-normal-webfont.woff) format('woff'),
url(//www.pasquarelle.fr/wp-content/themes/pasquarelle/fonts/novecentosanswide-normal-webfont.ttf) format('truetype'),
url(//www.pasquarelle.fr/wp-content/themes/pasquarelle/fonts/novecentosanswide-normal-webfont.svg#novecento_sans_widenormal) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'novecentosanswide';
src: url(//www.pasquarelle.fr/wp-content/themes/pasquarelle/fonts/novecentosanswide-bold-webfont.eot);
src: url(//www.pasquarelle.fr/wp-content/themes/pasquarelle/fonts/novecentosanswide-bold-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.pasquarelle.fr/wp-content/themes/pasquarelle/fonts/novecentosanswide-bold-webfont.woff) format('woff'),
url(//www.pasquarelle.fr/wp-content/themes/pasquarelle/fonts/novecentosanswide-bold-webfont.ttf) format('truetype'),
url(//www.pasquarelle.fr/wp-content/themes/pasquarelle/fonts/novecentosanswide-bold-webfont.svg#novecentosanswidebold) format('svg');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'novecento_sans_widebook';
src: url(//www.pasquarelle.fr/wp-content/themes/pasquarelle/fonts/novecentosanswide-book-webfont.eot);
src: url(//www.pasquarelle.fr/wp-content/themes/pasquarelle/fonts/novecentosanswide-book-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.pasquarelle.fr/wp-content/themes/pasquarelle/fonts/novecentosanswide-book-webfont.woff) format('woff'),
url(//www.pasquarelle.fr/wp-content/themes/pasquarelle/fonts/novecentosanswide-book-webfont.ttf) format('truetype'),
url(//www.pasquarelle.fr/wp-content/themes/pasquarelle/fonts/novecentosanswide-book-webfont.svg#novecento_sans_widebook) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'novecento_sans_widemedium';
src: url(//www.pasquarelle.fr/wp-content/themes/pasquarelle/fonts/novecentosanswide-medium-webfont.eot);
src: url(//www.pasquarelle.fr/wp-content/themes/pasquarelle/fonts/novecentosanswide-medium-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.pasquarelle.fr/wp-content/themes/pasquarelle/fonts/novecentosanswide-medium-webfont.woff) format('woff'),
url(//www.pasquarelle.fr/wp-content/themes/pasquarelle/fonts/novecentosanswide-medium-webfont.ttf) format('truetype'),
url(//www.pasquarelle.fr/wp-content/themes/pasquarelle/fonts/novecentosanswide-medium-webfont.svg#novecento_sans_widemedium) format('svg');
font-weight: normal;
font-style: normal;
}
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, 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, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
font-family: "dekar-webfont";
letter-spacing : 1px;
vertical-align: baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
img {
vertical-align: middle;
}
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;
}
a[href], label[for], select, 
input[type=checkbox], input[type=radio] {
cursor: pointer;
}
button, input[type=button], input[type=image], 
input[type=reset], input[type=submit] {
padding: 0;
overflow: visible;
cursor: pointer;
}
input[type=text], input[type=email], input[type=reset], input[type=button], input[type=submit], button{
-webkit-appearance: none;
-webkit-border-radius: 0;
}
input[type=url], input[type=password], input[type=text], input[type=email], input[type=reset], input[type=button], input[type=submit], button, textarea{
-webkit-appearance: none;
-webkit-border-radius: 0;
box-sizing: border-box;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
button::-moz-focus-inner, 
input[type=button]::-moz-focus-inner, 
input[type=image]::-moz-focus-inner, 
input[type=reset]::-moz-focus-inner, 
input[type=submit]::-moz-focus-inner {
border: 0;
}
body,
html {height: 100%;}
body{
margin:0;
color:#a4a7ac;
font:18px Arial, Helvetica, sans-serif;
-webkit-text-size-adjust: none; 
}
img{border-style:none; vertical-align: top;}
a{text-decoration:none; color:#6e6e6e;}
a:hover{text-decoration:underline;}
#wrapper{
width:100%;
height: 100%;
display:table;
}
.wrapper-holder {
width:100%;
display:table-row;
background: #996699;
}
.wrapper-holder.grey{background: #28292b;}
#header {
max-width: 1170px;
margin: 0 auto;
padding: 69px 0 50px;
position:relative;
}
.menu_trigger{
width: 31px;
height: 31px;
right:0;
background: url(//www.pasquarelle.fr/wp-content/themes/pasquarelle/images/btn_mobile_menu.png) no-repeat;
text-indent: -9999em;
display: none;
top: 5px;
position: absolute;
}
.typo {
display: block;
margin-left: auto;
margin-right: auto;
padding:80px 0 25px;
}
.logo {
text-align:center;
font-family: 'novecentosanswide';
font-weight:bold;
color: #fff;
font-size: 72px;
line-height: 74px;
display: block;
text-transform: uppercase;
margin: 85px 0 23px;
}
#nav {
position: relative;
display: table;
margin: 0 auto 22px;
padding: 0 0 0 10px;
}
#nav ul {
text-align: center;
}
#nav ul li {
float: left;
padding: 0 0 0 60px;
}
#nav ul li:first-child{padding: 0;}
#nav ul a {
color: #edd8ed;
font-size: 18px;
line-height: 20px;
text-transform: uppercase;
padding: 0 0 10px;
border-bottom: 4px solid #cc99cc;
font-family: 'novecentosanswide';
font-weight: normal;
}
#nav ul a:hover,#nav ul a.active{
color: #fff;
border-bottom: 4px solid #fff;
text-decoration: none;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
h2.slogan{
display: block;
text-align: center;
font-family: 'novecento_sans_widebook';
font-size: 30px;
line-height: 32px;
color: #edd8ed;
padding: 34px 0 50px 0;
background: url(//www.pasquarelle.fr/wp-content/themes/pasquarelle/images/slogan_bg.gif) no-repeat 50% 0;
} #main{
max-width: 1170px;
margin: 0 auto;
padding: 93px 50px 76px 50px;
position:relative;
background: url(//www.pasquarelle.fr/wp-content/themes/pasquarelle/images/icon_header.png) no-repeat 50% 0;
}
#main h1{
display: block;
text-align: center;
text-transform: uppercase;
font-family: 'novecento_sans_widebook';
font-size: 30px;
line-height: 32px;
color: #fff;
margin: 0 0 50px;
}
#main h2, h3{
display: block;
text-align: center;
text-transform: uppercase;
font-family: 'novecento_sans_widebook';
font-size: 24px;
ine-height: 32px;
color: #fff;
margin: 0 0 40px;
}
#main h4, h5,{
font-size: 16px;
color: #fff;
}
h6,{
font-size: 6px;
font-style: italic;
text-align: center;
color: #fff;
letter-spacing : 1px;
}
.box_timeline_holder{
background: url(//www.pasquarelle.fr/wp-content/themes/pasquarelle/images/bg_timeline_l.png) no-repeat 0 70px;
position: relative;
padding: 0 0 0 100px;
overflow: hidden;
}
.box_timeline{
background: url(//www.pasquarelle.fr/wp-content/themes/pasquarelle/images/bg_timeline_r.png) no-repeat 100% 70px;
position: relative;
padding: 0 100px 0 0;
overflow: hidden;
}
.box_timeline ul{
position: relative;
background: url(//www.pasquarelle.fr/wp-content/themes/pasquarelle/images/bg_ul.gif) repeat-x 0 76px;
overflow: hidden;
}
.box_timeline ul li{
float:left;
width: 170px;
margin: 0 0 0 30px;
background: url(//www.pasquarelle.fr/wp-content/themes/pasquarelle/images/bg_ul.gif) repeat-x 0 76px;
}
.box_timeline ul li:first-child{margin: 0;}
.box_timeline ul li .date{
background: url(//www.pasquarelle.fr/wp-content/themes/pasquarelle/images/bg_timeline_c.png) no-repeat 50% 0;
height: 86px;
width: 170px;
margin: 0 auto 12px;
overflow: hidden;
}
.box_timeline ul li .date span{
font-family: 'novecentosanswide';
font-weight:bold;
color: #fff;
font-size: 14px;
line-height: 16px;
display: block;
text-align: center;
padding: 15px 0 0 0;
}
.box_timeline h3{
font-family: 'novecento_sans_widemedium';
color: #50af6f;
font-size: 14px;
line-height: 16px;
display: block;
text-align: center;
margin: 0 0 10px;
}
.box_timeline p{
font-family: Arial, Helvetica, sans-serif;
color: #a4a7ac;
font-size: 16px;
line-height: 18px;
display: block;
text-align: center;
margin: 0 0 10px;
} #main .skills_holder h2{text-align: left;margin: 0 0 40px;}
.skills_holder{
width: 100%;
overflow: hidden;
margin: 0 0 40px;
}
.skills_holder .column {
width: 470px;
float: left;
margin: 0 10px 0 0;
}
.skills_holder .column.column-add {
float: right;
margin: 0;
}
.progress{
overflow: hidden;
width: 100%;
margin: 20px 0 3px 0;
}
.progress li{
overflow: hidden;
height: 43px;
line-height: 43px;
background: #46484c;
border-radius: 5px;
behavior: url(//www.pasquarelle.fr/wp-content/themes/pasquarelle/css/css/PIE.htc);
margin: 0 0 27px;
}
.progress li span{
background: #50af6f;
color: #fff;
text-transform:uppercase;
display: block;
font-family: 'novecentosanswide';
font-weight: normal;
font-size: 18px;
padding: 0 0 0 20px;
}
.progress li span.photoshop{width: 100%;}
.progress li span.illustrator{width: 70%;}
.progress li span.indesign{width: 40%;}
.progress li span.flash{width: 80%;}
.progress li span.html{width: 75%;}
.progress li span.wordpress{width: 85%;}
.progress li span.jquery{width: 70%;}
.progress li span.seo{width: 40%;}
.plagin_list{
width: 100%;
overflow: hidden;
margin: 0 0 65px;
}
.plagin_list li{
float:left;
margin: 0 0 0 25px;
border-radius: 50%;
behavior: url(//www.pasquarelle.fr/wp-content/themes/pasquarelle/css/css/PIE.htc);
text-indent: -9999px;
background: #28292b;
width: 121px;
height: 121px;
position:relative;
display: inline-block;
border: 1px solid #46484c;
}
.plagin_list li:first-child{margin: 0;}
.plagin_list li a{
display: block;
vertical-align: middle;
height: 100%;
position: relative;
}
.plagin_list li.li_1 a{background: url(//www.pasquarelle.fr/wp-content/themes/pasquarelle/images/icon_ps.png) no-repeat 50% 50% ;}
.plagin_list li.li_2 a{background: url(//www.pasquarelle.fr/wp-content/themes/pasquarelle/images/icon_ai.png) no-repeat 50% 50% ;}
.plagin_list li.li_3 a{background: url(//www.pasquarelle.fr/wp-content/themes/pasquarelle/images/icon_ld.png) no-repeat 50% 50% ;}
.plagin_list li.li_4 a{background: url(//www.pasquarelle.fr/wp-content/themes/pasquarelle/images/icon_fl.png) no-repeat 50% 50% ;}
.plagin_list li.li_5 a{background: url(//www.pasquarelle.fr/wp-content/themes/pasquarelle/images/icon_html.png) no-repeat 50% 50% ;}
.plagin_list li.li_6 a{background: url(//www.pasquarelle.fr/wp-content/themes/pasquarelle/images/icon_wp.png) no-repeat 50% 50% ;}
.plagin_list li.li_7 a{background: url(//www.pasquarelle.fr/wp-content/themes/pasquarelle/images/icon_jq.png) no-repeat 50% 50% ;}
.plagin_list li.li_8 a{background: url(//www.pasquarelle.fr/wp-content/themes/pasquarelle/images/icon_seo.png) no-repeat 50% 50% ;}
.wrapper-holder.grey p{padding: 0 0 25px;}
.plagin_list.none{display: none;} .sub_nav {
position: relative;
display: table;
margin: 0 auto 79px;
padding: 0 0 0 10px;
text-align: center;
}
.sub_nav li {
padding: 0 0 0 45px;
display: inline-block;
} .sub_nav a {
color: #a4a7ac;
font-size: 14px;
line-height: 16px;
text-transform: uppercase;
padding: 0 0 10px;
border-bottom: 4px solid #3b3c3e;
font-family: 'novecentosanswide';
font-weight: normal;
}
.sub_nav a:hover,.sub_nav a.active{
color: #50af6f;
border-bottom: 4px solid #50af6f;
text-decoration: none;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
} .sub_nav li {
color: #a4a7ac;
font-size: 14px;
line-height: 16px;
text-transform: uppercase;
margin: 0 22px;
padding: 0 0 10px;
border-bottom: 4px solid #3b3c3e;
font-family: 'novecentosanswide';
font-weight: normal;
}
.sub_nav li:hover,.sub_nav .active {
color: #50af6f;
border-bottom: 4px solid #50af6f;
text-decoration: none;
cursor: pointer;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
} .item-list {
overflow: hidden;
text-align:center;
margin: 0 0 0 -24px;
}
.item-list li {
display:inline-block;
margin: 0 0 25px 24px;
vertical-align: top;
font-size: 0;
}
.item {
text-align: center;
width: 270px;
margin: 0 auto;
}
.item .image {
position: relative;
}
.item .image img {
max-width: 100%;
height:auto;
border-radius: 50%;
}
.item .hover {
display: none;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
background: #6abb84;
opacity: 0.9;
border-radius: 50%;
behavior: url(//www.pasquarelle.fr/wp-content/themes/pasquarelle/css/css/PIE.htc);
}
.item .hover.active{display: block;}
.item .item-content {
position: relative;
display: table-cell;
vertical-align: middle;
height: 270px;
z-index: 400;
padding: 0 30px;
}
.item a{
text-decoration: none;
}
.item .item-content h4{
display: block;
background: url(//www.pasquarelle.fr/wp-content/themes/pasquarelle/images/bg_white_border.gif) no-repeat 50% 100%;
color: #fff;
text-transform: uppercase;
font-family: 'novecentosanswide';
font-weight:bold;
font-size: 14px;
line-height: 16px;
padding: 0 0 20px;
text-align: center;
margin: 0 0 15px;
}
.item .item-content p{
color: #fff;
text-align: center;
display: block;
font-size: 15px;
line-height: 17px;
} #footer {
width:100%;
overflow:hidden;
display:table-footer-group;
background:#fff;
}
.footer-content {
max-width: 1170px;
margin: 0 auto;
padding: 45px 0 20px;
color: #a5a5a5;
}
.footer-content .social{
overflow:hidden;
margin: 0 auto 45px;
width: 525px;
}
.footer-content .social li{
float:left;
margin: 0 0 0 10px;
border-radius: 50%;
behavior: url(//www.pasquarelle.fr/wp-content/themes/pasquarelle/css/css/PIE.htc);
text-indent: -9999px;
background: #c6cfc9;
width: 123px;
height: 123px;
position:relative;
display: table;
}
.footer-content .social li:first-child{margin: 0;}
.footer-content .social li:hover{
background: #996699;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.footer-content .social li a{
display: table-cell;	
position: relative;
}
.footer-content .social li.email a{background: url(//www.pasquarelle.fr/wp-content/themes/pasquarelle/images/icon_email.png) no-repeat 50% 50% ;}
.footer-content .social li.facebook a{background: url(//www.pasquarelle.fr/wp-content/themes/pasquarelle/images/icon_facebook.png) no-repeat 50% 50%;}
.footer-content .social li.cours a{background: url(//www.pasquarelle.fr/wp-content/themes/pasquarelle/images/icon_cours.png) no-repeat 50% 50% ;}
.footer-content .social li.amicale a{background: url(//www.pasquarelle.fr/wp-content/themes/pasquarelle/images/icon_amicale.png) no-repeat 50% 50% ;}
.footer-content p{
font:18px/20px Arial, Helvetica, sans-serif;
display: block;
text-align: center;
color: #9a929c;
}
.send_button {
background-color: #990099;
font-family: 'novecentosanswide';
color: #ffffff;
border: none;
cursor: pointer;
font-size: 18px;
font-weight: 400;
letter-spacing: 1px;
}
.send_button:hover {
color: #ffccff;
}@media only screen and (max-width : 1210px) {
}
@media only screen and (max-width : 1190px) {
#main {margin:0 20px;}
.box_timeline_holder{padding: 0 0 0 60px;}
.box_timeline{padding: 0 60px 0 0;}
.box_timeline ul li{margin: 0 0 0 25px;}
.skills_holder .column{width: 450px;}
.plagin_list li{margin: 0 0 0 2%;display: inline-block;float: none;width: 10%;height: 110px;}
.item-list{margin: 0;} #container.item-list{width: 900px; margin: 0 auto;}
}
@media only screen and (max-width : 1130px) {
.box_timeline_holder{padding: 0 0 0 40px;}
.box_timeline{padding: 0 40px 0 0;}
.box_timeline ul li{margin: 0 0 0 15px;}
.images_holder{margin: 5px 80px 0 0;}
.box_contact span{font-size: 25px;}
}
@media only screen and (max-width : 1100px) {
.plagin_list li{ }
}
@media only screen and (max-width : 1050px) {
.box_timeline_holder{padding: 0 0 0 20px;}
.box_timeline{padding: 0 20px 0 0;}
.box_timeline ul li{margin: 0 0 0 5px;}
.plagin_list li{ height: 90px;} }
@media only screen and (max-width : 980px) {
#nav {float:none; width: 100%;}
#nav ul {
text-align:center;
margin:0;
}
#nav ul li {
display:inline-block;
padding: 0 15px;
float:none;
}
.logo {
margin: 0 auto 20px;
font-size: 62px;
line-height: 70px;
}
#header {
padding: 20px 10px;
}
.box_timeline_holder{padding: 0 0 0 10px;}
.box_timeline{padding: 0 10px 0 0;}
.box_timeline ul li{margin: 0;width: 20%;}
.skills_holder .column{
width: 100%;
float: none;
display: block;
}
.skills_holder .column.column-add {padding: 0 !important;}
.plagin_list.none{display: block;width: 540px;margin: 0 auto 30px;}
.plagin_list{display: none;}
.plagin_list.none li{height: 121px;width: 121px;}
.box_contact span{font-size: 23px;margin: 0 0 40px;}
.images_holder{margin: 5px 30px 0 0;width: 300px;}
.box_contact{margin: 40px 0 0 0;}
#main .skills_holder h2{margin: 0 0 25px;}
h2.slogan{
padding-bottom: 14px;
}
#container.item-list{width: 600px;}
.sub_nav li{padding:10px 0;}
}
@media only screen and (max-width : 840px) {
.box_timeline ul li{margin: 0;width: 100%;float: none;}
#main h2{margin: 0 0 30px;}
.images_holder {
margin: 5px auto 20px;
width: 300px;
float: none;
}
.box_contact {
margin: 40px auto 0;
width: 460px;
}
.box_timeline_holder,.box_timeline{background: none;}
}
@media only screen and (max-width : 768px) {
.footer-content {padding: 45px 10px 20px;}
.menu_trigger {
display: block;
top: 28px;
}
#nav {display: none;padding: 0;margin: 0 0 25px;top: 20px;}
#nav ul li {
display:block;
padding: 0;	
}
#nav ul a {
display:block;
padding: 8px;
}
#nav ul a:hover {
color: #fff;
text-decoration:none;
}
.footer-content .social{margin: 0 auto 30px;}
.footer-content .social li{margin: 0 0 0 4px; width: 50px; height: 50px;}
.footer-content .social li.email a{	background-size: 20px auto;	}
.footer-content .social li.facebook a{	background-size: 15px auto;	}
.footer-content .social li.cours a{	background-size: 30px auto;	}
.footer-content .social li.amicale a{	background-size: 30px auto;	}
.footer-content .social{width: 269px;}
.logo {font-size: 56px;line-height: 68px;}
#wrapper.inner .menu_trigger,#wrapper.portfolio .menu_trigger{top: 6px;}
}
@media only screen and (max-width : 680px) {
#container.item-list{width: 300px;}
.item-list li{margin-left:0;}
}
@media only screen and (max-width : 640px) {
.menu_trigger {
top: 25px;
}
.plagin_list.none{width: 480px;}
.plagin_list.none li{width: 20%;margin: 0 0 0 2%;height: 95px;}
.skills_holder{margin: 0 0 10px;}
.logo{
font-size: 54px;
line-height: 60px;
}
}
@media only screen and (max-width : 600px) { .logo{
font-size: 46px;
line-height: 56px;
} }
@media only screen and (max-width : 550px) {
.plagin_list.none{width: 420px;}
.plagin_list.none li{width: 20%;margin: 0 0 0 2%;height: 84px;}
.sub_nav li{padding: 0;text-align: center;margin: 0 0 15px; display: block;}
.sub_nav{margin: 0 auto 40px;}
.box_contact {
margin: 40px auto 0;
width: 300px;
}
.box_contact span.email{font-size: 14px;}
#nav ul a:hover, #nav ul a.active,#nav ul a{border: none;}
#wrapper.portfolio #main{padding:93px 0 0 0; }
.logo{margin: 0 auto 20px;font-size: 40px;		line-height: 52px;}
}
@media only screen and (max-width : 480px) {
.logo{
font-size: 52px;
line-height: 54px;
}
.slogan{
font-size: 20px;
line-height: 22px;
}
.plagin_list.none{display: none;}
.plagin_list{display: block;}
.plagin_list li,.plagin_list li:first-child{display: inline-block; vertical-align: top; width: 45%; height: auto; border: 0;margin: 0 2% 2% 2%;}
.plagin_list li a,.plagin_list li:first-child a{width: 121px;height: 121px;border: 1px solid #46484c;border-radius: 50%;margin: 0 auto;}
.plagin_list{margin: 0 0 20px;}
#main{margin: 0 10px;} .menu_trigger{top: 20px;}
}
@media screen and (max-width:420px) { .logo{
font-size: 42px;
line-height: 44px;
}
.slogan{
font-size: 16px;
line-height: 18px;
}
.box_contact {
margin: 40px auto 0;
width: 280px;
}
.box_contact span.email{font-size: 12px;}
.images_holder{width: 280px;margin: 0 auto 20px;}
}.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
padding: 0;
margin: 0;
border: 0;
outline: none;
vertical-align: top;
}
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020;
}
.fancybox-skin {
position: relative;
background: #f9f9f9;
color: #444;
text-shadow: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.fancybox-opened {
z-index: 8030;
}
.fancybox-opened .fancybox-skin {
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner {
position: relative;
}
.fancybox-inner {
overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch;
}
.fancybox-error {
color: #444;
font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
margin: 0;
padding: 15px;
white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
display: block;
width: 100%;
height: 100%;
}
.fancybox-image {
max-width: 100%;
max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url(//www.pasquarelle.fr/wp-content/themes/pasquarelle/css/fancybox_sprite.png);
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: 0.8;
cursor: pointer;
z-index: 8060;
}
#fancybox-loading div {
width: 44px;
height: 44px;
background: url(//www.pasquarelle.fr/wp-content/themes/pasquarelle/css/fancybox_loading.gif) center center no-repeat;
}
.fancybox-close {
position: absolute;
top: -18px;
right: -18px;
width: 36px;
height: 36px;
cursor: pointer;
z-index: 8040;
}
.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
text-decoration: none;
background: transparent url(//www.pasquarelle.fr/wp-content/themes/pasquarelle/css/blank.gif); -webkit-tap-highlight-color: rgba(0,0,0,0);
z-index: 8040;
}
.fancybox-prev {
left: 0;
}
.fancybox-next {
right: 0;
}
.fancybox-nav span {
position: absolute;
top: 50%;
width: 36px;
height: 34px;
margin-top: -18px;
cursor: pointer;
z-index: 8040;
visibility: hidden;
}
.fancybox-prev span {
left: 10px;
background-position: 0 -36px;
}
.fancybox-next span {
right: 10px;
background-position: 0 -72px;
}
.fancybox-nav:hover span {
visibility: visible;
}
.fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
visibility: hidden;
max-width: 99999px;
max-height: 99999px;
overflow: visible !important;
} .fancybox-lock {
overflow: hidden !important;
width: auto;
}
.fancybox-lock body {
overflow: hidden !important;
}
.fancybox-lock-test {
overflow-y: hidden !important;
}
.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background: url(//www.pasquarelle.fr/wp-content/themes/pasquarelle/css/fancybox_overlay.png);
}
.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0;
}
.fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll;
} .fancybox-title {
visibility: hidden;
font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
position: relative;
text-shadow: none;
z-index: 8050;
}
.fancybox-opened .fancybox-title {
visibility: visible;
}
.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 8050;
text-align: center;
}
.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: transparent; background: rgba(0, 0, 0, 0.8);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #FFF;
font-weight: bold;
line-height: 24px;
white-space: nowrap;
}
.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff;
}
.fancybox-title-inside-wrap {
padding-top: 10px;
}
.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0, 0, 0, .8);
} @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5){
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url(//www.pasquarelle.fr/wp-content/themes/pasquarelle/css/fancybox_sprite@2x.png);
background-size: 44px 152px; }
#fancybox-loading div {
background-image: url(//www.pasquarelle.fr/wp-content/themes/pasquarelle/css/fancybox_loading@2x.gif);
background-size: 24px 24px; }
}