/*
 Theme Name:     Divi Philosophia Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Foxy Child Theme
 Author:         Elegant Themes - AJYP Informatique
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        3.0.31
*/
 
@import url("../Divi/style.css");
 
/* =Theme customization starts here

/*------------------------------------------------*/
/*----[Left Diagonal Lines - By Geno Quiroz]------*/
/*-----------------[Quiroz.Co]--------------------*/
/*------------------------------------------------*/
 
#et-main-area { overflow: hidden;} /* Hides all the items that float over the right margin */
 
.left-diagonal {
z-index: 1;
padding-top: 0px;}
 
.left-diagonal::after {
position: absolute;
content: '';
pointer-events: none;
top: -150px;
left: -25%;
z-index: -1;
width: 150%;
height: 50%;
background: inherit;
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
-webkit-transform-origin: -3% 0;
transform-origin: -3% 0;}
 
@media only screen and ( min-width: 1901px ) and ( max-width: 2500px ) {.left-diagonal::after {top: -150px; height: 85%;}}
@media only screen and ( min-width: 1501px ) and ( max-width: 1900px ) {.left-diagonal::after {top: -131px; height: 68%;}}
@media only screen and ( min-width: 1001px ) and ( max-width: 1500px ) {.left-diagonal::after {top: -116px;}}
@media only screen and ( max-width: 1000px ) {.left-diagonal::after {top: -90px;}}

.right-diagonal {
z-index: 1;
padding-top: 0px;}
 
.right-diagonal::after {
position: absolute;
content: '';
pointer-events: none;
top: 0;
left: -25%;
z-index: -1;
width: 150%;
height: 75%;
background: inherit;
-webkit-transform: rotate(-3deg);
transform: rotate(-3deg);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;}
 
@media only screen and ( min-width: 1901px ) and ( max-width: 2500px ) {.right-diagonal::after {top: 0px; height: 85%;}}
@media only screen and ( min-width: 1501px ) and ( max-width: 1900px ) {.right-diagonal::after {top: 0px; height: 68%;}}
@media only screen and ( min-width: 1001px ) and ( max-width: 1500px ) {.right-diagonal::after {top: 0px;}}
@media only screen and ( max-width: 1000px ) {.right-diagonal::after {top: 0px;}}


/*------------------------------------------------*/
/*----[Slider - diaporama Archives RDC]------*/
/*-----------------[AJYP]--------------------*/
/*------------------------------------------------*/
@media only screen and ( min-width:981px ) {
    /* Set the slider height */
    .slider2016, .slider2016 .et_pb_container { 
        height: 425px !important; 
    }
    .slider2016, .slider2016 .et_pb_slide { 
        max-height: 425px; 
    }
    .slider2016 .et_pb_slide_description { 
        position: relative; 
        top: 25%; 
        padding-top: 0 !important; 
        padding-bottom:0 !important; 
        height:auto !important; 
    }
}

/*------------------------------------------------*/
/*----[circular - images circulaires]------*/
/*-----------------[AJYP]--------------------*/
/*------------------------------------------------*/

/* Round images */
.circular img {
 border-radius: 50%;
}

/*------------------------------------------------*/
/*----[ContactForm7 - styling]------*/
/*-----------------[AJYP]--------------------*/
/*------------------------------------------------*/

.wpcf7-text, .wpcf7-textarea, .wpcf7-captchar {
background-color: #eee !important;
border: none !important;
width: 100% !important;
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
font-size: 14px;
color: #999 !important;
padding: 16px !important;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.wpcf7-submit {
color: #2EA3F2 !important;
margin: 8px auto 0;
cursor: pointer;
font-size: 20px;
font-weight: 500;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 6px 20px;
line-height: 1.7em;
background: transparent;
border: 2px solid;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.wpcf7-submit:hover {
background-color: #eee;
border-color:#eee;
padding: 6px 20px !important;
}
