@charset "utf-8";
/* Retina Ready Images */

#backtotop ul li a { background:url(../images/bg-up.png) center 48% no-repeat;  width:50px; height:50px; }

.error_message { background:url(../images/bg-close@2x.png) no-repeat 247px 234px #FBE3E4; background-size:18px 18px; }
}


@media only screen and (min-width: 1600px) {
/*.container { padding:0px; width:1600px; position:relative; margin:0 auto; }*/
}

@media only screen and (min-width: 1280px) {
/*.container { padding:0px; width:1280px; position:relative; margin:0 auto; }*/
}

/* Standard 960 or larger (browsers) */
@media only screen and (min-width: 960px) {

}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {

}

@media only screen and (min-width: 960px) and (max-width: 1279px) {
#content .container { width:960px; }
.slider #content .container, .post #content .container { width:960px; }
#contactfooter {height:80px; background:#fff; position: relative;	margin-top: -80px; clear:both; z-index:0; -webkit-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.1); box-shadow:0 -1px 0 rgba(0, 0, 0, 0.1);}
.col3-3 { width:940px; }
#ftpfooter {height:80px; padding:0px 35px 0 35px; background:#fff; position: relative;	margin-top: -80px; clear:both; z-index:0; -webkit-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.1); box-shadow:0 -1px 0 rgba(0, 0, 0, 0.1);}
#logo_ftp {display:block; background-size:201px 79px; width:300px; height:200px; background-color: #fff; opacity: 0.9; margin-left: 10px; text-align: center; padding-top: 30px;}
ul.unordered-list {line-height:1.7; padding:50px 0px 0px 0px; text-align:left !important;}
ul.unordered-list.floated li {float:left; margin-right:25px; margin-left:25px;}
.centered-block-list-contact {display:inline-block; position:relative; margin-right: 35px; margin-left: 35px; margin-bottom: 0px; margin-top:15px; vertical-align: center;}
#contactfooter {height:80px; padding:0px 35px 0 35px; background:#fff; position: relative; clear:both; z-index:0; margin-top:-72px;  -webkit-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.1); box-shadow:0 -1px 0 rgba(0, 0, 0, 0.1);}
#left-form {padding:25px 35px 50px 35px; background:#fff; position:relative; opacity: 0.9; font-size:18px; margin-top: 120px; margin-bottom:72px; text-align: center;}
}


/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
#content .container { width:640px; }
.slider #content .container, .post #content .container, .cart  #content .container { width:640px; }
.col3-3 { width:630px; }
img.logosvg {margin-right: 35px; margin-left: 35px; vertical-align: middle; margin-bottom: 35px; width: 100px;}
img.logosvgcarre {margin-right: 50px; margin-left: 50px; vertical-align: middle; margin-bottom: 40px; width: 70px;}
img.skillz{margin-right: 50px; margin-left: 50px; vertical-align: middle; width: 90px; height: 90px}
p.titre {bottom: 16px; font-size: 16px; line-height: 20px;}
#contactfooter {height:80px; background:#fff; position: relative;	margin-top: 0px; clear:both; z-index:0; -webkit-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.1); box-shadow:0 -1px 0 rgba(0, 0, 0, 0.1);}
#ftpfooter {height:80px; padding:0px 35px 0 35px; background:#fff; position: relative;	margin-top: -80px; clear:both; z-index:0; -webkit-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.1); box-shadow:0 -1px 0 rgba(0, 0, 0, 0.1);}
#agencefooter {height:80px; padding:0px 35px 0 35px; background:#fff; position: relative;	margin-top:0px; clear:both; z-index:0; -webkit-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.1); box-shadow:0 -1px 0 rgba(0, 0, 0, 0.1);}
#logo_ftp {display:block; background-size:201px 79px; width:300px; height:140px; background-color: #fff; opacity: 0.9; margin-left: 10px; text-align: center; padding-top: 30px;}
ul.unordered-list {line-height:1.7; padding:50px 0px 0px 0px; text-align:center !important;}
ul.unordered-list.floated li {float:left; margin-right:30px; margin-left:30px; margin-bottom: 30px;}
#center-contact {display: block; margin-left:136px;}
.centered-block-list-contact {display:inline-block; position:relative; margin-right: 35px; margin-left: 35px; margin-bottom: 20px; margin-top:15px; vertical-align: center;}
#left-form {padding:25px 35px 50px 35px; background:#fff; position:relative; opacity: 0.9; font-size:18px; margin-top: 120px; margin-bottom:80px; text-align: center;}
#contactfooter {height:80px; padding:0px 35px 0 35px; background:#fff; position: relative; clear:both; z-index:0; margin-top:-80px;  -webkit-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.1); box-shadow:0 -1px 0 rgba(0, 0, 0, 0.1);}
.caption {display:none !important }
.combi .col2-3, .col1-1, .col1-3.white-right {width:620px; position:relative; }
.height-400 {height:auto }
.combi .col2-3 .flexslider img {float:none; margin:10px 0 0 10px; }
.combi .col2-3 .flex-direction-nav .flex-prev {left:33px; }
.white-right {overflow:visible }
.white-right:before {content:''; height:0; width:0; border-width:12px 12px 12px 12px; border-style:solid; border-color:rgba(251,251,251,0) rgba(255,255,255,0) rgba(255,255,255,1) rgba(255,255,255,0); position:absolute; top:-49px; margin-left:35px; left:0; z-index:1 }

.white-right .bottom-field {position:relative; width:620px; margin-left:-35px; left:0; top:31px; margin-top:-6px; }

#options { width:100%; }
#options ul { border:0; border-top:1px solid #ccc; position:relative;  padding:17px 35px; width:100%; margin:0}
#options ul li ul.other { border:0; border-left:1px solid #ccc; left:125px; }

#options ul#homepage { position:relative; height:auto; min-height:inherit; border-top:1px solid #ccc;  padding:17px 35px;}
#options ul#homepage li {display:block; height:auto; width:auto; }
#options ul#homepage li a {display:block; border:0; padding:0; height:auto; line-height:19px; }
#options ul#homepage li a.selected {color:#2b2b2b; background:none }
#options ul#main-menu li {padding-left:15px; display: inline-block; padding-top:0px; padding-right: 28px; margin-left: -15px;}

.more-info {display:block; position:relative; top:0px; right:0px; padding:20px 15px; border-top:1px solid #ccc }
#nav-button {display:block;float:right; padding:18px 20px; width:67px; margin-top: 32px; margin-right:15px; margin-bottom:0; cursor:pointer; }
.nav-bar {background-color:#2b2b2b; border-radius:1px; display:block; width:25px; height:3px; margin:3px auto; }
#options, .more-info { display:none; }

}


/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 767px) {
#content .container { width:320px; }
.slider #content .container, .post #content .container, .cart  #content .container { width:320px; }
.col3-3 { width:300px; }
h2.agence {text-align: center; font-size: 35px;}
h2#logocontent {font-size: 35px;}
img.logosvg {margin-right: 20px; margin-left: 20px; vertical-align: middle; margin-bottom: 35px; width: 70px;}
img.logosvgcarre {margin-right: 30px; margin-left: 30px; vertical-align: middle; margin-bottom: 40px; width: 50px;}
img.skillz{vertical-align: middle; width: 50px; height: 50px;}
p.titre {bottom: 16px; font-size: 12px; line-height: 20px;}

#contactfooter {height:80px; background:#fff; position: relative;	margin-top: 0px; clear:both; z-index:0; -webkit-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.1); box-shadow:0 -1px 0 rgba(0, 0, 0, 0.1);}
#ftpfooter {height:80px; padding:0px 35px 0 35px; background:#fff; position: relative;	margin-top: 0px; clear:both; z-index:0; -webkit-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.1); box-shadow:0 -1px 0 rgba(0, 0, 0, 0.1);}
#agencefooter {height:80px; padding:0px 35px 0 35px; background:#fff; position: relative;	margin-top:0px; clear:both; z-index:0; -webkit-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow:0 -1px 0 rgba(0, 0, 0, 0.1); box-shadow:0 -1px 0 rgba(0, 0, 0, 0.1);}
#logo_ftp {display:block; background-size:201px 79px; width:300px; height:140px; background-color: #fff; opacity: 0.9; margin-left: 10px; text-align: center; padding-top: 30px;}
#quote {padding:10px 35px 30px 35px; position:relative; background:url(../images/) no-repeat; opacity: 0.9; font-size:20px; text-transform: uppercase; color: #fff; text-align: center; font-weight: 600; letter-spacing: 1px}
#left-form {padding:25px 35px 50px 35px; background:#fff; position:relative; opacity: 0.9; font-size:18px; margin-top: 120px; margin-bottom:10px; text-align: center;}
.caption {display:none !important }
.combi .col2-3, .col1-1, .col1-3.white-right, .col2-3, .col2-3 .grey-area {width:300px; position:relative; }
.height-400 {height:auto }
.combi .col2-3 .flexslider img {float:none; margin:0px; width:300px; height:auto }
.combi .col2-3 .flex-direction-nav .flex-prev {left:33px; }
.white-right {overflow:visible }
.white-right:before {content:''; height:0; width:0; border-width:12px 12px 12px 12px; border-style:solid; border-color:rgba(251,251,251,0) rgba(255,255,255,0) rgba(255,255,255,1) rgba(255,255,255,0); position:absolute; top:-49px; margin-left:35px; left:0; z-index:1 }

.white-right .bottom-field {position:relative; width:300px; margin-left:-35px; left:0; top:31px; margin-top:-6px; }

#options { width:100%; }
#options ul { border:0; border-top:1px solid #ccc; position:relative;  padding:17px 35px; width:100%; margin:0}

#options ul li ul.other { border:0; left:125px; }

/*ul.unordered-list {line-height:1.7; padding:15px 0px 0px 0px; text-align:center !important;}
ul.unordered-list.floated li {float:left; margin-right:00px; margin-left:0px; margin-bottom: 15px;}*/
#center-contact {display: block;}
.centered-block-list-contact {display:inline-block; position:relative; margin-right: 0px; margin-left: 0px; margin-bottom: 0px; margin-top:20px; vertical-align: center;}

#options ul#homepage { position:relative; height:auto; min-height:inherit; border-top:1px solid #ccc;  padding:17px 35px;}
#options ul#homepage li {display:block; height:auto; width:auto; }
#options ul#homepage li a {display:block; border:0; padding:0; height:auto; line-height:19px; }
#options ul#homepage li a.selected {color:#2b2b2b; background:none; font-weight: bold; }
#options ul#homepage li a:hover {color:#2b2b2b; background: none;}

.more-info {display:block; position:relative; top:0px; right:0px; padding:20px 15px; border-top:1px solid #ccc }

#nav-button {display:block; float:right; padding:30px 25px; width:67px; margin:20px; margin-bottom:0; cursor:pointer; }
.nav-bar {background-color:#2b2b2b; border-radius:1px; display:block; width:25px; height:3px; margin:3px auto; }
#options, .more-info { display:none; }

#options { width:auto; /*height:100px;*/ z-index:300; text-align:left; white-space: nowrap;}
#options ul { margin: 0; list-style: none; padding:17px 20px;float:left; position:relative;}
#options ul#main-menu li {padding-left:15px; display: inline-block; padding-top:0px; padding-right: 0px;}
#options li a { color:#332a2a; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size:13px; line-height:19px; font-weight:600; text-decoration:none; text-transform:uppercase; padding:0px; }
#main-menu li a:hover {color:#716868;} #main-menu li a.current, #main-menu li a.selected {color:#ea1d78;}

h1#logo { position:relative; float:left; padding-left:36px; padding-right:37px; padding-top:20px; padding-bottom:20px; z-index:1;  border-right:1px solid #ccc;}
h1#logo a { display:block; background:url(../images/bg-logo.png) no-repeat; background-size:201px 79px; width:201px; height:79px; text-indent:-9999px; }
}


/* iPhones */
@media only screen and (max-width:399px) {
h1#logo { position:relative; float:left; padding-left:36px; padding-right:37px; padding-top:33px; padding-bottom:33px; z-index:1;  border-right:1px solid #cc;}
h1#logo a { display:block; background:url(../images/bg-logo.png) no-repeat; background-size:134px 53px; width:134px; height:53px; text-indent:-9999px; }
#nav-button {display:block; float:right; padding:30px 25px; width:67px; margin:20px; margin-bottom:0; cursor:pointer; }
.nav-bar {background-color:#2b2b2b; border-radius:1px; display:block; width:25px; height:3px; margin:3px auto; }
#options, .more-info { display:none; }

#options { width:auto; /*height:100px;*/ z-index:300; text-align:left; white-space: nowrap;}
#options ul { margin: 0; list-style: none; padding:17px 20px;float:left; position:relative;}
#options ul#main-menu li {padding-left:15px; display: inline-block; padding-top:0px; padding-right: 0px;}
#options li a { color:#332a2a; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size:10px; line-height:19px; font-weight:600; text-decoration:none; text-transform:uppercase; padding:0px; }
#main-menu li a:hover {color:#716868;} #main-menu li a.current, #main-menu li a.selected {color:#ea1d78;}
img.social {width:20px; height: 20px; vertical-align: center; margin-top: 30px; cursor: pointer;}#contact fieldset { padding-left:0px; z-index: 5500; margin-bottom: 50px;}

}