@font-face {
font-family: 'jurabold';
src: url(//atypicalpath.com/wp-content/themes/Divi-child/fonts/jura-bold-webfont.eot);
src: url(//atypicalpath.com/wp-content/themes/Divi-child/fonts/jura-bold-webfont.eot?#iefix) format('embedded-opentype'),
url(//atypicalpath.com/wp-content/themes/Divi-child/fonts/jura-bold-webfont.woff2) format('woff2'),
url(//atypicalpath.com/wp-content/themes/Divi-child/fonts/jura-bold-webfont.woff) format('woff'),
url(//atypicalpath.com/wp-content/themes/Divi-child/fonts/jura-bold-webfont.ttf) format('truetype'),
url(//atypicalpath.com/wp-content/themes/Divi-child/fonts/jura-bold-webfont.svg#jurabold) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'juraregular';
src: url(//atypicalpath.com/wp-content/themes/Divi-child/fonts/jura-regular-webfont.eot);
src: url(//atypicalpath.com/wp-content/themes/Divi-child/fonts/jura-regular-webfont.eot?#iefix) format('embedded-opentype'),
url(//atypicalpath.com/wp-content/themes/Divi-child/fonts/jura-regular-webfont.woff2) format('woff2'),
url(//atypicalpath.com/wp-content/themes/Divi-child/fonts/jura-regular-webfont.woff) format('woff'),
url(//atypicalpath.com/wp-content/themes/Divi-child/fonts/jura-regular-webfont.ttf) format('truetype'),
url(//atypicalpath.com/wp-content/themes/Divi-child/fonts/jura-regular-webfont.svg#juraregular) format('svg');
font-weight: normal;
font-style: normal;
}   html, body {
height: 100%;
margin: 0;
}
body{
font-family: Jura, Arial,sans-serif!important;
color: #000; background-color: #FFF; }
#grid-contact a, #grid-contact a:visited{
text-decoration: none; color: #000; -webkit-transition-duration: 0.5s; transition-duration: 0.5s;
}
#grid-contact a:hover, #grid-contact a:active{
color:  #0065e7; }
#btn-sociaux a{
margin: 10px;
padding: 10px;
background-color: #000; border-radius: 5px;
border: 1px solid #000; color: #FFF; font-size: 28px;
-webkit-transition-duration: 0.5s; transition-duration: 0.5s;
}
#btn-sociaux a:hover, #btn-sociaux a:visited{
background-color: #FFF; border: 1px solid #0065e7; color: #0065e7; }
.grid-container {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-gap: 10px;
grid-auto-rows: minmax(300px, auto);
height: 100%;
grid-gap: 0px;
background-color: #FFF; color: #000; text-align: center;
font-size: 130%;
}
.grid-item {
background-color: #FFF; color: #000; padding: 20px;
}
.grid-item h1{ border-bottom: 1px solid; }
.grid-item h2{ font-size: 100%;!important }
.blue{
background-color: #0065e7; color: #FFF; padding: 20px;
-webkit-transition-duration: 1s; transition-duration: 1s;
}
.blue:hover {
cursor: pointer;
background-color: #32373b; }
.blue a { text-decoration: none; }
.blue a *{ color: #FFF; }
#grid-qui {
grid-column: 1 / 4;
grid-row: 1 / 2;
position: relative;
}
#grid-qui-container{
position: absolute;
bottom: -10px;
width: 100%;
left: 50%;
margin-left: -50%;
}
#grid-qui-pic{
min-height: 180px;
max-height: 220px;
width: auto;
}
#grid-contact {
grid-column: 4 / 7;
grid-row: 1 / 2;
}
#btn-sociaux{ margin-top: 100px; }
#grid-logo {
grid-column: 1 / 3;
grid-row: 2 / 3;
position: relative;
}
#grid-logo-container{
position: absolute;
top: 30%;
width: 100%;
left: 50%;
margin-left: -50%;
}
#grid-logo-pic{
width: 300px;
}
#grid-logo-container span{
-webkit-animation-name: clign; -webkit-animation-duration: 2s; animation-name: clign;
animation-duration: 2s;
animation-iteration-count: infinite;
animation-direction: alternate;
} @-webkit-keyframes clign{
0%  {color: #000; }
50%{
color: #0065e7; font-weight: bold;
text-decoration: underline;
}
100%  {color: #000; }
} @keyframes clign {
0%  {color: #000; }
50%{
color: #0065e7; font-weight: bold;
text-decoration: underline;
}
100%  {color: #000; }
}
#grid-portfolio {
grid-column: 3 / 6;
grid-row: 2 / 3;
position: relative;
text-decoration: none!important;
}
#grid-portfolio *{text-decoration: none!important;}
#grid-portfolio-container{
position: absolute;
bottom: 0;
width: 100%;
left: 50%;
margin-left: -50%;
}
#grid-portfolio-pic1{
min-height: 80px;
max-height: 160px;
width: auto;
}
#grid-portfolio-pic2, #grid-portfolio-pic3{
min-height: 60px;
max-height: 140px;
width: auto;
margin-bottom: 10px;
}   @media screen and (min-width: 1250px){
@media screen and (min-height: 900px){
#grid-qui-pic{
min-height: 265px;
max-height: 330px;
width: auto;
}
#grid-portfolio-container{
bottom: 10%;
}
}
}
@media screen and (max-width: 1249px){
#grid-logo {
grid-column: 1 / 7;
grid-row: 1 / 2;
}
#grid-qui {
grid-column: 1 / 7;
grid-row: 2 / 4;
}
#grid-qui-container{
bottom: -4px;
}
#grid-qui-pic{
min-height: 400px;
max-height: 420px;
}
#grid-contact {
grid-column: 1 / 7;
grid-row: 4 / 5;
}
#btn-sociaux{ margin-top: 40px; }
#grid-portfolio {
grid-column: 1 / 7;
grid-row: 5 / 7;
}
#grid-portfolio-container{
bottom: 120px;
}
}   @media screen and (max-width: 715px){
#grid-portfolio-pic2, #grid-portfolio-pic3{
min-height: 60px;
max-height: 100px;
width: auto;
margin-bottom: 20px;
}
}
@media screen and (max-width: 599px){
#grid-portfolio-pic2, #grid-portfolio-pic3{
display: none;
}
}@font-face {
font-family: 'jurabold';
src: url(//atypicalpath.com/wp-content/themes/Divi-child/fonts/jura-bold-webfont.eot);
src: url(//atypicalpath.com/wp-content/themes/Divi-child/fonts/jura-bold-webfont.eot?#iefix) format('embedded-opentype'),
url(//atypicalpath.com/wp-content/themes/Divi-child/fonts/jura-bold-webfont.woff2) format('woff2'),
url(//atypicalpath.com/wp-content/themes/Divi-child/fonts/jura-bold-webfont.woff) format('woff'),
url(//atypicalpath.com/wp-content/themes/Divi-child/fonts/jura-bold-webfont.ttf) format('truetype'),
url(//atypicalpath.com/wp-content/themes/Divi-child/fonts/jura-bold-webfont.svg#jurabold) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'juralight';
src: url(//atypicalpath.com/wp-content/themes/Divi-child/fonts/jura-light-webfont.eot);
src: url(//atypicalpath.com/wp-content/themes/Divi-child/fonts/jura-light-webfont.eot?#iefix) format('embedded-opentype'),
url(//atypicalpath.com/wp-content/themes/Divi-child/fonts/jura-light-webfont.woff2) format('woff2'),
url(//atypicalpath.com/wp-content/themes/Divi-child/fonts/jura-light-webfont.woff) format('woff'),
url(//atypicalpath.com/wp-content/themes/Divi-child/fonts/jura-light-webfont.ttf) format('truetype'),
url(//atypicalpath.com/wp-content/themes/Divi-child/fonts/jura-light-webfont.svg#juralight) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'juramedium';
src: url(//atypicalpath.com/wp-content/themes/Divi-child/fonts/jura-medium-webfont.eot);
src: url(//atypicalpath.com/wp-content/themes/Divi-child/fonts/jura-medium-webfont.eot?#iefix) format('embedded-opentype'),
url(//atypicalpath.com/wp-content/themes/Divi-child/fonts/jura-medium-webfont.woff2) format('woff2'),
url(//atypicalpath.com/wp-content/themes/Divi-child/fonts/jura-medium-webfont.woff) format('woff'),
url(//atypicalpath.com/wp-content/themes/Divi-child/fonts/jura-medium-webfont.ttf) format('truetype'),
url(//atypicalpath.com/wp-content/themes/Divi-child/fonts/jura-medium-webfont.svg#juramedium) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'juraregular';
src: url(//atypicalpath.com/wp-content/themes/Divi-child/fonts/jura-regular-webfont.eot);
src: url(//atypicalpath.com/wp-content/themes/Divi-child/fonts/jura-regular-webfont.eot?#iefix) format('embedded-opentype'),
url(//atypicalpath.com/wp-content/themes/Divi-child/fonts/jura-regular-webfont.woff2) format('woff2'),
url(//atypicalpath.com/wp-content/themes/Divi-child/fonts/jura-regular-webfont.woff) format('woff'),
url(//atypicalpath.com/wp-content/themes/Divi-child/fonts/jura-regular-webfont.ttf) format('truetype'),
url(//atypicalpath.com/wp-content/themes/Divi-child/fonts/jura-regular-webfont.svg#juraregular) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'jurasemibold';
src: url(//atypicalpath.com/wp-content/themes/Divi-child/fonts/jura-semibold-webfont.eot);
src: url(//atypicalpath.com/wp-content/themes/Divi-child/fonts/jura-semibold-webfont.eot?#iefix) format('embedded-opentype'),
url(//atypicalpath.com/wp-content/themes/Divi-child/fonts/jura-semibold-webfont.woff2) format('woff2'),
url(//atypicalpath.com/wp-content/themes/Divi-child/fonts/jura-semibold-webfont.woff) format('woff'),
url(//atypicalpath.com/wp-content/themes/Divi-child/fonts/jura-semibold-webfont.ttf) format('truetype'),
url(//atypicalpath.com/wp-content/themes/Divi-child/fonts/jura-semibold-webfont.svg#jurasemibold) format('svg');
font-weight: normal;
font-style: normal;
} #custom-footer{
font-family: 'jurabold',"Open Sans",Arial,sans-serif!important;
color: white!important;
padding: 20px 0 40px 0;
}
#mentionslegales a, #politique-conf a{
color: #FFF!important;
-webkit-transition-duration: 0.5s; transition-duration: 0.5s;
}
#mentionslegales a:hover, #politique-conf a:hover{
cursor: pointer;!important
font-style: italic;
color: #666!important;
}
#pip{padding: 0 10px 0 10px;}
@media screen and (max-width: 400px){
#custom-footer,#mentionslegales,#copyright{
display: block;
}
#pip{ display: none}
#copyright{padding: 10px 0 0 0;}
} #contact{
width: 100%;
position: relative;
background: url(//atypicalpath.com/wp-content/themes/Divi-child/img/bg.jpg) no-repeat center center;
background-size: cover;
position: relative;
padding-bottom: 80px;
}
#contact-container{
margin-top: 60px;
}
#commencons{
margin-top: -10px;
font-family: Jura, Arial,sans-serif!important;
font-weight: bold;
}
input, textarea{
background-color: rgba(0,0,0,0)!important;
border: 1px solid #000!important;
border-width: 0px 0px 1px!important;
box-shadow: none!important;
color: #3333FF!important; }
form label{
margin-top: 70px;
float: left;
margin-bottom: 5px;
}
#btn-submit{
color: #FFF;
border: 1px solid #3333FF; border-radius: 5px;
background-color: #3333FF; -webkit-transition-duration: 0.5s; transition-duration: 0.5s;
}
#btn-submit:hover{
color: #FFF;
border: 1px solid #ff0000; border-radius: 5px;
background-color: #ff0000;
}@font-face {
font-family: 'jurabold';
src: url(//atypicalpath.com/wp-content/themes/Divi-child/fonts/jura-bold-webfont.eot);
src: url(//atypicalpath.com/wp-content/themes/Divi-child/fonts/jura-bold-webfont.eot?#iefix) format('embedded-opentype'),
url(//atypicalpath.com/wp-content/themes/Divi-child/fonts/jura-bold-webfont.woff2) format('woff2'),
url(//atypicalpath.com/wp-content/themes/Divi-child/fonts/jura-bold-webfont.woff) format('woff'),
url(//atypicalpath.com/wp-content/themes/Divi-child/fonts/jura-bold-webfont.ttf) format('truetype'),
url(//atypicalpath.com/wp-content/themes/Divi-child/fonts/jura-bold-webfont.svg#jurabold) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'juralight';
src: url(//atypicalpath.com/wp-content/themes/Divi-child/fonts/jura-light-webfont.eot);
src: url(//atypicalpath.com/wp-content/themes/Divi-child/fonts/jura-light-webfont.eot?#iefix) format('embedded-opentype'),
url(//atypicalpath.com/wp-content/themes/Divi-child/fonts/jura-light-webfont.woff2) format('woff2'),
url(//atypicalpath.com/wp-content/themes/Divi-child/fonts/jura-light-webfont.woff) format('woff'),
url(//atypicalpath.com/wp-content/themes/Divi-child/fonts/jura-light-webfont.ttf) format('truetype'),
url(//atypicalpath.com/wp-content/themes/Divi-child/fonts/jura-light-webfont.svg#juralight) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'juramedium';
src: url(//atypicalpath.com/wp-content/themes/Divi-child/fonts/jura-medium-webfont.eot);
src: url(//atypicalpath.com/wp-content/themes/Divi-child/fonts/jura-medium-webfont.eot?#iefix) format('embedded-opentype'),
url(//atypicalpath.com/wp-content/themes/Divi-child/fonts/jura-medium-webfont.woff2) format('woff2'),
url(//atypicalpath.com/wp-content/themes/Divi-child/fonts/jura-medium-webfont.woff) format('woff'),
url(//atypicalpath.com/wp-content/themes/Divi-child/fonts/jura-medium-webfont.ttf) format('truetype'),
url(//atypicalpath.com/wp-content/themes/Divi-child/fonts/jura-medium-webfont.svg#juramedium) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'juraregular';
src: url(//atypicalpath.com/wp-content/themes/Divi-child/fonts/jura-regular-webfont.eot);
src: url(//atypicalpath.com/wp-content/themes/Divi-child/fonts/jura-regular-webfont.eot?#iefix) format('embedded-opentype'),
url(//atypicalpath.com/wp-content/themes/Divi-child/fonts/jura-regular-webfont.woff2) format('woff2'),
url(//atypicalpath.com/wp-content/themes/Divi-child/fonts/jura-regular-webfont.woff) format('woff'),
url(//atypicalpath.com/wp-content/themes/Divi-child/fonts/jura-regular-webfont.ttf) format('truetype'),
url(//atypicalpath.com/wp-content/themes/Divi-child/fonts/jura-regular-webfont.svg#juraregular) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'jurasemibold';
src: url(//atypicalpath.com/wp-content/themes/Divi-child/fonts/jura-semibold-webfont.eot);
src: url(//atypicalpath.com/wp-content/themes/Divi-child/fonts/jura-semibold-webfont.eot?#iefix) format('embedded-opentype'),
url(//atypicalpath.com/wp-content/themes/Divi-child/fonts/jura-semibold-webfont.woff2) format('woff2'),
url(//atypicalpath.com/wp-content/themes/Divi-child/fonts/jura-semibold-webfont.woff) format('woff'),
url(//atypicalpath.com/wp-content/themes/Divi-child/fonts/jura-semibold-webfont.ttf) format('truetype'),
url(//atypicalpath.com/wp-content/themes/Divi-child/fonts/jura-semibold-webfont.svg#jurasemibold) format('svg');
font-weight: normal;
font-style: normal;
} #custom-footer{
font-family: 'jurabold',"Open Sans",Arial,sans-serif!important;
color: white!important;
padding: 20px 0 40px 0;
}
#mentionslegales a, #politique-conf a{
color: #FFF!important;
-webkit-transition-duration: 0.5s; transition-duration: 0.5s;
}
#mentionslegales a:hover, #politique-conf a:hover{
cursor: pointer;!important
font-style: italic;
color: #666!important;
}
#pip{padding: 0 10px 0 10px;}
@media screen and (max-width: 400px){
#custom-footer,#mentionslegales,#copyright{
display: block;
}
#pip{ display: none}
#copyright{padding: 10px 0 0 0;}
} #contact{
width: 100%;
position: relative;
background: url(//atypicalpath.com/wp-content/themes/Divi-child/img/bg.jpg) no-repeat center center;
background-size: cover;
position: relative;
padding-bottom: 80px;
}
#contact-container{
margin-top: 60px;
}
#commencons{
margin-top: -10px;
font-family: Jura, Arial,sans-serif!important;
font-weight: bold;
}
input, textarea{
background-color: rgba(0,0,0,0)!important;
border: 1px solid #000!important;
border-width: 0px 0px 1px!important;
box-shadow: none!important;
color: #3333FF!important; }
form label{
margin-top: 70px;
float: left;
margin-bottom: 5px;
}
#btn-submit{
color: #FFF;
border: 1px solid #3333FF; border-radius: 5px;
background-color: #3333FF; -webkit-transition-duration: 0.5s; transition-duration: 0.5s;
}
#btn-submit:hover{
color: #FFF;
border: 1px solid #ff0000; border-radius: 5px;
background-color: #ff0000;
}