div.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
width: 1px;
margin: 0;
padding: 0;
border: 0;
}
div.wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #ff0000;
}
div.wpcf7-mail-sent-ok {
border: 2px solid #398f14;
}
div.wpcf7-mail-sent-ng,
div.wpcf7-aborted {
border: 2px solid #ff0000;
}
div.wpcf7-spam-blocked {
border: 2px solid #ffa500;
}
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
border: 2px solid #f7e700;
}
.wpcf7-form-control-wrap {
position: relative;
}
span.wpcf7-not-valid-tip {
color: #f00;
font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip span.wpcf7-not-valid-tip {
position: absolute;
top: 20%;
left: 20%;
z-index: 100;
border: 1px solid #ff0000;
background: #fff;
padding: .2em .8em;
}
span.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
span.wpcf7-list-item-label::before,
span.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-display-none {
display: none;
}
div.wpcf7 .ajax-loader {
visibility: hidden;
display: inline-block;
background-image: url(//christophe-rosanvallon.fr/wp-content/plugins/contact-form-7/images/ajax-loader.gif);
width: 16px;
height: 16px;
border: none;
padding: 0;
margin: 0 0 0 4px;
vertical-align: middle;
}
div.wpcf7 .ajax-loader.is-active {
visibility: visible;
}
div.wpcf7 div.ajax-error {
display: none;
}
div.wpcf7 .placeheld {
color: #888;
}
div.wpcf7 input[type="file"] {
cursor: pointer;
}
div.wpcf7 input[type="file"]:disabled {
cursor: default;
}
div.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}#contact-form>div>div {
margin: auto;
}
#contact-form .row>div {
margin: auto;
width: 100%;
}
#contact-form textarea {
resize: none;
}
#contact-form .form-label {
font-size: 15px;
color: white;
margin: 0;
display: block;
opacity: 1;
-webkit-transition: .333s ease top, .333s ease opacity;
transition: .333s ease top, .333s ease opacity;
}
#contact-form .form-control {
border-radius: 0;
border-color: #ccc;
border-width: 0 0 2px 0;
border-style: none none solid none;
box-shadow: none;
background: transparent;
color: white;
padding: 3px;
}
#contact-form .form-control:focus {
box-shadow: none;
border-color: #5e9bfc;
}
#contact-form .js-hide-label {
opacity: 0; 	
}
#contact-form .js-unhighlight-label {
color: white;
}
#contact-form .btn-start-order {
background: #111924;
border: 1px solid white;
border-radius: 3px;
color: white;
font-family: "Raleway", sans-serif;
font-size: 16px;
line-height: inherit;
margin: 30px 0;
padding: 10px 50px;
text-transform: uppercase;
transition: all 0.25s ease 0s;
}
#contact-form .btn-start-order:hover,.btn-start-order:active, .btn-start-order:focus {
background: white;
color: #111924;
border-color: #111924;
}
#contact{
color:white;
}
#contact .section-intro{
color: black;
}
#contact-form .form-control::placeholder{
color:white;
opacity: 1;
} .nav-up{
top:0 !important;
}
.single-portfolio a{
text-decoration: underline;
}
.imgBannerMobile{
display:none;
}
.single-portfolio a:hover{
color:#7f7f7f;
}
footer .footer{
padding: 20px 0;
}
.home .b-scroll:before, #contactF:before {
right: -180%;
}
.home .section-intro span:before {
left: -180%;
}
.home .b-scroll:hover:before, .home #contactF:hover:before {
top: calc(100% + +60px);
}
.porfolio_cat{
text-align: center;
position: absolute;
width: 100%;
transform: translateY(-300%);
opacity:0;
transition-duration: 0.8s;
z-index: 3;
}
.portfolio-details{
z-index: 3;
}
.persoh-single-portfolio:hover .porfolio_cat{
opacity: 1;
transform: translateY(-100%);
}
.persoh-single-portfolio:before{
position: absolute;
content: '';
width: 100%;
height: 100%;
top: 0;
right: 0;
background-color: white;
z-index: 2;
opacity: 0;
transition-duration: 0.8s;
}
.persoh-single-portfolio:hover::before{
opacity: 0.5;
}
#quiSuisJe .about-stories-counter ,#quiSuisJe .about-progress-wrapper{
display: none;
}
.about-left{
text-align: center;
}
#references .vp-portfolio__items-style-fade .vp-portfolio__item-img img{
height: 260px;
-webkit-transition: all .8s cubic-bezier(.86,0,.07,1);
-moz-transition: all .8s cubic-bezier(.86,0,.07,1);
-ms-transition: all .8s cubic-bezier(.86,0,.07,1);
-o-transition: all .8s cubic-bezier(.86,0,.07,1);
transition: all .8s cubic-bezier(.86,0,.07,1);
}
#references .vp-portfolio__items-style-fade .vp-portfolio__item-img img{
height: 260px;
}
#references .vp-portfolio__items-style-fade .vp-portfolio__item-img img{
height: 260px;
}
#references .vp-uid-dea7d4f7 .vp-portfolio__items .vp-portfolio__item-wrap .vp-portfolio__item{
height: 260px;
margin: 0;
}
#references .vp-portfolio__items-style-fade .vp-portfolio__item:hover .vp-portfolio__item-img img{
-webkit-transform: scale(.8);
-moz-transform: scale(.8);
-ms-transform: scale(.8);
-o-transform: scale(.8);
transform: scale(.8);
}
#references .vp-portfolio__items-style-fade .vp-portfolio__item .vp-portfolio__item-overlay{
background-color: transparent;
color:black;
}
#references .vp-portfolio__items-style-fade .vp-portfolio__item .vp-portfolio__item-overlay::before{
content:'';
position: absolute;
width: 100%;
height: 100%;
background-color: white;
opacity: 0;
}
#references .vp-portfolio__items-style-fade .vp-portfolio__item:hover .vp-portfolio__item-overlay::before{
opacity: 0.5;
}
#references .vp-portfolio__items-style-fade .vp-portfolio__item:hover .vp-portfolio__item-overlay{
opacity: 1;
}
#references .vp-portfolio__items.vp-portfolio__items-style-fade{
margin:0;
}
#references .vp-portfolio__item-img::before{
background: transparent;
}
#references .vp-portfolio__items-style-fade .vp-portfolio__item-meta-categories{
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin-bottom:0;
opacity: 1;
color:black;
text-transform: initial;
font-size: 15px;
}
#references a.b-scroll{
opacity: 1;
visibility: visible;
}
.persoh-blog-posts article.portfolio{
opacity: 1;
transform: none;
}
.portfolio-slider-thumb .slick-prev:before, .portfolio-slider-thumb .slick-next:before{
color: black;
}
.portfolio-slider-thumb{
margin-top: 20px;
}
.portfolio-slider-thumb .slick-slide img{
margin: auto;
}
.portfolio-slider-thumb .slick-slide img:hover{
cursor: pointer;
}
.portfolio-slider-thumb .slick-next{
right:-10px;
z-index: 20;
}
.portfolio-slider-thumb .slick-prev{
left:-10px;
z-index: 20;
}
.portfolio-slider-thumb .slick-slide:focus{
outline: none;
}
.ImgPresentation{
text-align: center;
}
.home .persoh-sidebar-menu nav ul li a.active:before{
content:none;
}
.home .persoh-sidebar-menu nav ul li a:hover:before{
content:none;
}
.info-projet{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.info-projet .titreProjet{
font-weight: bold;
margin-bottom:0.5em; 
}
header .persoh-main-header .navbar-brand, header .persoh-navbar-initial .navbar-brand{
width: 250px;
}
header .persoh-main-header .persoh-sidebar-menu .navbar-brand{
width: 200px;
}
header .persoh-mobile-menu.is-set-menu > ul > li:first-child{
width: 250px;
}
header .persoh-mobile-menu.is-set-menu > ul > li:last-child{
margin-top:0;
}
.persoh-contact a{
color: white;
}
.persoh-contact a:hover{
color: #B1B1B1;
}
#mesRefs .section-intro{
display: none;
}
#mesRefs figcaption.vp-portfolio__item-overlay.vp-portfolio__item-align-center:before{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
background-color: rgba(0,0,0,0.4);
}
#mesRefs .vp-portfolio__items-style-fly figcaption.vp-portfolio__item-overlay{
background-color: transparent;
}
.services-right ul li {
font-size: 14px;
}
.legendPhoto{
color:#B1B1B1;
margin-top: 10px;
font-size: 12px;
}
.elementor-1709 .elementor-element.elementor-element-4675e4f .single-service.even .legendPhoto{
color:#B1B1B1;
margin-top: 10px;
font-size: 12px;
text-align: center;
}
.vp-portfolio__layout-elements .vp-filter__style-minimal .vp-filter__item{
flex:initial;
}
.textHome{
text-align: justify;
}
.persoh-sidebar-menu nav ul#menu-main-menu  li a.active:before{
content: none;
color:#B1B1B1;
}
.persoh-sidebar-menu nav ul#menu-main-menu  li a:hover:before{
content: none;
color:#B1B1B1;
}
.persoh-sidebar-menu nav ul#menu-main-menu  li a:hover{
color:#B1B1B1;
}
.persoh-sidebar-menu nav ul#menu-main-menu  li a.active{
color:#B1B1B1;
}
.portfolio-slider-thumb .slick-next{
z-index: 2;
}
.portfolio-slider-thumb .slick-prev{
z-index: 2;
}
.banner-left .persoh-btn:hover:before{
content:none;
}
.banner-left .persoh-btn:after{
bottom:1px;
}
div.wpcf7 .ajax-loader{
bottom: 0;
left: 0;
right: 0;
margin: auto;
position: absolute;
}
.persoh-about-area .about-right{
color: #B1B1B1;
}
#post-1709 .elementor-element-35bccf6 h3, #post-1709 .elementor-element-35bccf6 h4, #post-1709 .elementor-element-35bccf6 .persoh-ovh{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.persoh-btn-medium span.persoh-ovh{
font-size:24px;
}
.services-right h5{
color:#B1B1B1;
}
.banner-left h1{
margin-top: 0;
font-size: 60px;
font-weight: 700;
}
#cn-notice-buttons .cn-set-cookie{
background: none;
border:solid white 1px;
}
div#spirale {
display: flex;
width: 210px;
text-align: center;
justify-content: center;
align-items: center;
margin: auto;
}
div#spirale a {
display: inline-block;
}
div#spirale a.spirale__text {
padding-left: 20px;
}
@media (max-width:1200px){
#references .vp-portfolio__items-style-fade .vp-portfolio__item-img img{
height: 200px;
}
#references .vp-portfolio__items-style-fade .vp-portfolio__item-img{
top:0;
}
#references .vp-uid-dea7d4f7 .vp-portfolio__items .vp-portfolio__item-wrap .vp-portfolio__item{
height: 200px;
}
#references .vp-portfolio__items-style-fade  .vp-portfolio__item-img-wrap {
height: 200px;
margin-top: 0;
}
.portfolio-slider-thumb .slick-next{
right:-25px;
}
.portfolio-slider-thumb .slick-prev{
left:-25px;
}
}
@media (max-width:991px){
.persoh-blog-posts article.portfolio{
position: relative !important;
left: auto !important;
top: auto !important;
width: 50%;
}
#references .vp-portfolio__items-style-fade .vp-portfolio__item .vp-portfolio__item-overlay{
top: auto;
opacity: 1;
position: relative;
height: 150px;
border:solid black 1px;
border-top: none;
}
.vp-portfolio__items.vp-portfolio__items-style-fade {
height: auto !important;
}
#references .vp-uid-dea7d4f7 .vp-portfolio__items .vp-portfolio__item-wrap .vp-portfolio__item{
height: auto;
margin-bottom: 15px;
}
#references .vp-portfolio__items-style-fade .vp-portfolio__item:hover .vp-portfolio__item-overlay::before{
opacity: 0;
}
#references .vp-portfolio__items-style-fade .vp-portfolio__item .vp-portfolio__item-overlay{
top: auto;
opacity: 1;
position: relative;
}
#references .vp-portfolio__items-style-fade .vp-portfolio__item .vp-portfolio__item-overlay a{
opacity: 1;
transform: none;
}
#references .vp-portfolio__items-style-fade .vp-portfolio__item{
overflow: visible;
}
#references .vp-portfolio__items-style-fade .vp-portfolio__item:hover .vp-portfolio__item-img img{
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
#references .vp-portfolio__items-style-fade .vp-portfolio__item-meta-categories{
left: auto;
}
#references .vp-portfolio__items-style-fade .vp-portfolio__item-meta-categories{
position: relative;
}
.textHome{
text-align: left;
}
#mesRefs .vp-portfolio__items-style-fly figcaption.vp-portfolio__item-overlay{
position: relative;
transform: none !important;
transition: none !important;
color: black;
height: 150px;
border: solid black 1px;
border-top: none;
}
#mesRefs .vp-portfolio__items-style-fly figcaption.vp-portfolio__item-overlay a{
padding-top:0;
padding-bottom: 0;
}
#mesRefs .vp-portfolio__items-style-fly figcaption.vp-portfolio__item-overlay a h2{
margin-top:0;
}
#mesRefs .vp-portfolio__items-style-fly figcaption.vp-portfolio__item-overlay:before{
background: transparent;
}
.vp-portfolio .vp-portfolio__items-wrap .vp-portfolio__items{
height: auto !important;
}
}
#top.top:hover .top-icon-alt{
-webkit-transform: translateY(0) translateX(-6px);
-moz-transform: translateY(0) translateX(-6px);
-ms-transform: translateY(0) translateX(-6px);
-o-transform: translateY(0) translateX(-6px);
transform: translateY(0) translateX(-6px);
}
@media (max-width:768px){
.vp-uid-dea7d4f7 .vp-portfolio__items-style-fade .vp-portfolio__item-wrap:nth-of-type(n){
width: 75%;
left:12.5% !important;
}
.portfolio-template-default .persoh-initial-breadcrumb .breadcrumb li:not(:first-child){
padding-left: 10px;
}
.portfolio-template-default .persoh-initial-breadcrumb .breadcrumb li:not(:last-child){
padding-right: 10px;
}
.home .persoh-sidebar-menu {
width:65%;
}
.service-wrapper .single-service:last-child .services-right{
padding-bottom: 0;
}
.imgBannerMobile{
display: block;
}
.home .elementor-1709 .elementor-section-wrap .elementor-element.cr-background{
background-image: none;
}
}
@media (max-width:576px){
.vp-uid-dea7d4f7 .vp-portfolio__items-style-fade .vp-portfolio__item-wrap:nth-of-type(n){
width: 100%;
left:0 !important;
}
.persoh-banner-area .banner-left{
padding: 0px 15px;
}
.persoh-banner-area .banner-left h1{
font-size: 30px;
}
#references .vp-portfolio__items-style-fade .vp-portfolio__item .vp-portfolio__item-overlay{
height: auto;
}
#mesRefs .vp-portfolio__items-style-fly figcaption.vp-portfolio__item-overlay{
height: auto;
}
.single-service .services-right{
padding: 40px 15px;
}
.persoh-about-area .about-right{
padding-left:15px;
}
.home .elementor-1709 .elementor-section-wrap .elementor-element.cr-background{
background-size: cover;
}
.banner-left .persoh-btn{
margin-bottom: 20px;
}
.wpcf7-form{
padding:0 5px;
}
}
.persoh-sidebar-menu{
max-width:330px;
}
@media (min-width:1367px){
#contact > .elementor-container{
max-width: none;
}
}
@media (min-width:1200px){
.vp-filter__style-minimal .vp-filter__item a{
font-size: 16px;
padding: 11px 15px;
}
}
@media (max-width:440px){
.home .elementor-1709 .elementor-section-wrap .elementor-element.cr-background{
background-position-x: 80%;
}
}