.preloader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #fff;
z-index: 100000;
height: 100%;
width: 100%;
overflow: hidden !important;
} 
.preloader .sprite {
width: 64px;
height: 64px;
position: absolute;
left: 50%;
top: 50%;
margin: -32px 0 0 -32px;
background-image : url(//icctunisia.org/wp-content/uploads/2025/10/preloader.gif);
}
#main-header #top-menu li a {
font-weight: 400;
}
#main-header .nav li ul {width: 400px !important;}
#top-menu li li a {width: 380px;}
::-webkit-input-placeholder { opacity: 1; -webkit-transition: opacity .5s; transition: opacity .5s; } :-moz-placeholder { opacity: 1; -moz-transition: opacity .5s; transition: opacity .5s; } ::-moz-placeholder { opacity: 1; -moz-transition: opacity .5s; transition: opacity .5s; } :-ms-input-placeholder { opacity: 1; -ms-transition: opacity .5s; transition: opacity .5s; } ::placeholder { opacity: 1; transition: opacity .5s; } *:focus::-webkit-input-placeholder { opacity: 0; } *:focus:-moz-placeholder { opacity: 0; } *:focus::-moz-placeholder { opacity: 0; } *:focus:-ms-input-placeholder { opacity: 0; } *:focus::placeholder { opacity: 0; } .c2a {
position: relative;
}
.c2a a {
background-color: #007DFF;
color: white !important;
padding: 1em 1em 1em 2.5em !important;
border-radius: 5px;
}
.c2a > a::before {
content: ""; 
position: absolute;
width: 24px;
height: 24px;
top: calc(50% - 12px);
left: .75em;
background: url(//icctunisia.org/wp-content/uploads/2025/10/user-plus.svg);
}
.et-fixed-header #top-menu li.c2a.current_page_item>a {color: white !important}
#et_search_icon:before {
top: .75em !important;
}
.et_pb_twitter_icon:before {
content: "\E010" !important;
}
.hidden {
display: none;
}
.wpcf7 * {
font-weight: 300;
}
.wpcf7 h2 {
font-weight: 600;
padding-top: 2em;
}
.wpcf7 h2.title {
padding-top: 0 !important;
}
.wpcf7 p {
margin-bottom: 0;
}
input[type="text"], input[type="number"], input[type="date"], input[type="email"], input[type="tel"], input[type="url"], select {
line-height: 48px;
border: solid 1px #ddd;
width: 100%;
padding: 0 1em;
border-radius: 3px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
select {
height: 50px;
}
textarea {
line-height: 1.5em;
border: solid 1px #ddd;
width: 100%;
padding: 0 1em;
border-radius: 3px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
sup {
color: red;
font-size: .66em;
}
small {
font-size: .8em !important;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ddd;
margin: 1em 0;
padding: 0;
}
strong {
font-weight: 600 !important;
}
span.wpcf7-list-item { display: block; }
.wpcf7-acceptance {margin-top: 1em !important}
#formulaire-responsive {
max-width:1080px ;
margin:0 auto;
width:100%;
}
.rang-form {
width: 100%;
}
.full, .half, .third {
float: left;
position: relative;
padding: 0.65rem;
width:100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.clearfix:after {
content: "";
display: table;
clear: both;
}
.keys h4 {
line-height: 1em;
padding: 0;
} @media only screen and (min-width: 48em) { 
.half {
width: 50%;
}
.third {
width: 33.33%;
}
}
.wpcf7 input[type="text"]:focus{
background: #fff;
}
.wpcf7-submit{
float: left;
color: #fff; 
border: none; 
font-size: 16px;  
height: 48px; 
font-weight: 600; 
background-color: #007dff; 
border-radius: 4px; 
-moz-border-radius: 4px; 
-webkit-border-radius: 4px; 
text-transform: uppercase;   
padding-left: 26px; 
padding-right: 26px;
cursor: pointer;
transition: all .4s ease-in-out;
}
.wpcf7-submit:hover{
background: #000;
color: #fff;
}
span.wpcf7-not-valid-tip{
text-shadow: none;
font-size: 12px;
color: #fff;
background: #ff0000;
padding: 5px;
}
div.wpcf7-validation-errors { 
text-shadow: none;
border: transparent;
background: #f9cd00;
padding: 5px;
color: #9C6533;
text-align: center;
margin: 0;
font-size: 12px;
}
div.wpcf7-mail-sent-ok{
text-align: center;
text-shadow: none;
padding: 5px;
font-size: 12px;
background: #59a80f;
border-color: #59a80f;
color: #fff;
margin: 0;
}
.value2, .value3, .value4 {display: none}
.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag,
.iti--separate-dial-code .iti__selected-flag {
border-radius: 24px 0 0 24px;
}
.wpcf7 form .wpcf7-response-output {
border: none !important;
} .flickity-page-dots {display: none}
.flickity-button {
background-color: hsla(0, 0%, 100%, 1);
color: #000;
transition: all .3s ease-out;
}
.flickity-button:hover {
background-color: hsla(0, 0%, 0%, 1);
color: #FFF;
}
.flickity-prev-next-button {
top: calc(100% - 5em - 44px);
transform: translatey(0);
}
.flickity-prev-next-button.next {
right: calc(50% - 54px);
}
.flickity-prev-next-button.previous {
left: calc(50% - 54px);
}
.flickity-prev-next-button .flickity-button-icon {
position: absolute;
left: 30%;
top: 30%;
width: 40%;
height: 40%;
}
.flickity-enabled .et_pb_image_wrap, #commissions .et_pb_image_wrap {
overflow: hidden;
}
.flickity-enabled .et_pb_image_wrap img, #commissions .et_pb_image_wrap img {
transform: scale(1);
transition: all .4s ease-out;
}
.flickity-enabled .et_pb_blurb:hover .et_pb_image_wrap img, #commissions .et_pb_blurb:hover .et_pb_image_wrap img {
transform: scale(1.2);
} .mission_blurb .et_pb_column {
transition: all .4s ease-out;
box-shadow: none;
}
.mission_blurb .et_pb_column a {
transition: all .4s ease-out;
color: inherit;
}
.mission_blurb .et_pb_column .et_pb_main_blurb_image {
transition: all .4s ease-out;
transform-origin: top center;
transform: scale(1);
}
.mission_blurb .et_pb_column .et_pb_module_header {
transition: all .4s ease-out;
transform-origin: bottom center;
transform: scale(1);
}
.mission_blurb .et_pb_column:hover {
box-shadow: 0 10px 20px 0 rgba(0,0,0,.15);
}
.mission_blurb .et_pb_column:hover a {
color: #007DFF;
}
.mission_blurb .et_pb_column:hover .et_pb_main_blurb_image {
transform: scale(.8);
}
.mission_blurb .et_pb_column:hover .et_pb_module_header {
transform: scale(1.2);
} @media only screen and (min-width: 981px) {
.et_pb_post_extra.el_dbe_full_width .post-date {
width: 64px;
padding-right: 10px;
}
.news_2col .et_pb_post_extra .post-media {
width : calc((100% - 80px)/2);
}
.news_2col .et_pb_post_extra .post-content {
width: calc((100% - 80px)/2);
margin-left: 0;
padding: 0 0 0 30px;
}
} @media only screen and (min-width: 981px) {
.pa-vertical-menu {
padding-left: 0px;
padding-right: 0px;
}
.pa-vertical-menu .et_pb_menu__menu nav ul li {
display: block;
width: 100%;
margin: 0;
}
.pa-vertical-menu .et_pb_menu__menu nav ul li a {
padding: 20px!important;
background: transparent;
border-bottom: 1px solid #f5f5f5;
color: #000;
line-height: 1.2em;
}
.pa-vertical-menu .et_pb_menu__menu nav ul li a:hover {
opacity: 1!important;
color: #ffffff;
background: #000;
border-color: #000;
}
.pa-vertical-menu .et_pb_menu__menu nav ul li.current-menu-item a {
opacity: 1!important;
color: #ffffff;
background: #007DFF;
border-color: #007DFF;
}
.pa-vertical-menu .et_pb_menu__menu .menu-item-has-children>a:first-child:after {
content: "5" !important;
padding: 20px;
font-size: 24px;
}
.pa-vertical-menu .et_pb_menu__menu .menu-item-has-children .menu-item-has-children>a:first-child:after {
padding: 8px !important;
right: 0px !important;
}
.pa-vertical-menu .et_pb_menu__menu nav ul li ul {
top: 0!important;
}
.pa-vertical-menu .et_pb_menu__menu nav li ul {
left: 100%!important;
}
.pa-vertical-menu ul li a:before {
font-family: 'ETMODULES';
content: '\24';
text-align: center;
vertical-align: middle;
margin-right: 8px;
margin-left: 0px;
color: #007DFF;
font-size: 1.3em;
transition: all .75s ease;
}
.pa-vertical-menu ul li a:hover:before {
margin-left: 7px;
color: white!important;
transition: all .75s ease;
}
.pa-vertical-menu ul li.current-menu-item a:before {
margin-left: 7px;
color: #ffffff!important;
}
}