/*SURCHARGE DU TEMPLATE*/
.header .bottom,
.modal-header
{
    background: #0082e0; /* Old browsers */
    background: -moz-linear-gradient(top, #0082e0 0%, #4ca8ff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0082e0), color-stop(100%,#4ca8ff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #0082e0 0%,#4ca8ff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #0082e0 0%,#4ca8ff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #0082e0 0%,#4ca8ff 100%); /* IE10+ */
    background: linear-gradient(to bottom, #0082e0 0%,#4ca8ff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0082e0', endColorstr='#4ca8ff',GradientType=0 ); /* IE6-9 */

    -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.50);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.50);
    box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.50);

    padding-left:20px;
    padding-right: 20px;

}

.modal-header
{box-shadow: 0 3px 3px rgba(0,0,0,0.7);}

.main-nav ul > li a
{height:40px;line-height:40px;}

.header
{

}

.header .bottom
{line-height:50px;}

.responsive-menu
{
    min-width: 200px !important;
    max-width: 200px !important;
    background-color: dodgerblue;
    right:-200px;
    left:auto !important;
    overflow-y: auto;
    -webkit-transition: right 0.3s linear;
    -moz-transition: right 0.3s linear;
    -o-transition: right 0.3s linear;
    transition: right 0.3s linear;
}

.responsive-menu.open
{
    right:0px;
    left:inherit !important;
    -webkit-transition: right 0.3s linear;
    -moz-transition: right 0.3s linear;
    -o-transition: right 0.3s linear;
    transition: right 0.3s linear;
}

.slide-out.open
{overflow-y: auto !important;}

.responsive-nav ul > li a
{font-weight: 800;}

.experience-block .icon
{
    height: 90px;
    width: 90px;
    overflow: hidden;
}

#section2 .container .icon-box
{
margin-bottom:30px;
}

.education .item .content
{ top:-200px;  }

.education .item:nth-child(2n) .content
{  bottom: -200px;  }

.header-action-button,
.action-button,
.slide-out-header
{background-color: deepskyblue;}

.about-fullpresentation p
{
    font-size: 14px;
    text-align:justify;
    margin-bottom: 3px;
}

.portfolio .item img
{
    -webkit-box-shadow: 0px -1px 37px 2px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px -1px 37px 2px rgba(0, 0, 0, 0.75);
    box-shadow: 0px -1px 37px 2px rgba(0, 0, 0, 0.75);
}

.wallop-slider__item img
{
    margin: auto auto !important;
    width:850px !important;
    height:650px !important;
}

#modal-project .modal-dialog
{
    width:90%;
    height:90%;
    padding:0px 5%
}

#modal-project .modal-dialog .modal-project-iframe
{
    border:0px;
}

@media all and (max-width: 1024px) /* tablet */
{
    #modal-project .modal-dialog
    {
        width:100%;
        height:100%;
        padding:0px 0px;
    }

    #modal-project .modal-header h2,
    #modal-project .modal-header .fa
    {  font-size: 15px;  }

    .modal-dialog
    {margin:0 !important;}
}

.progress-bar span
{
    width:auto;
    font-weight:400;
    height: auto;
    line-height: normal;
    padding: 5px 10px;
    top:-10px;
}

.contact-form textarea
{
    border: 1px solid #d7d7d7;
    border-bottom-right-radius:20px;
    /*border-bottom-left-radius:20px;*/
    /*border-top-left-radius:20px;*/
}

/*----------------------------------*/



/* class balise utiles ------------------*/
.text-default-blue {color:#0082e0 !important;}
.text-default-violet {color:#7c4dff !important;}
.text-grey {color:grey !important;}

.bg-white {background-color:white !important;}
.bghober-default-blue:hover {background-color:#0082e0!important;}

.width-full {width:100% !important;}
.width-1 {width:1px !important;}
.width-150 {width: 150px !important;}

.height-full {height:100% !important;}
.height-1 {height:1px !important;}
.height-50 {height: 50px !important;}

.max-width-90 {max-width: 90px !important;}
.max-width-full {max-width: 100% !important;}
.max-width-277 {max-width: 277px !important;}

.max-height-60 {max-height: 60px !important;}
.max-height-90 {max-height: 90px !important;}
.max-height-277 {max-height: 277px !important;}

.display-inline{display:inline !important;}

.img-rounded-2x {border-radius: 50px;}

.height-25 {height: 25px !important;}
.height-50 {height: 50px !important;}
.height-60 {height: 60px !important;}
.height-100 {height: 100px !important;}

.m-auto {margin: auto !important;}
.m-0 {margin: 0px !important;}
.m-5 {margin: 5px !important;}
.m-10 {margin: 10px !important;}
.m-15 {margin: 15px !important;}
.m-20 {margin: 20px !important;}
.m-25 {margin: 25px !important;}
.m-30 {margin: 30px !important;}
.m-35 {margin: 35px !important;}
.m-40 {margin: 40px !important;}

.m-t--5 {margin-top: -5px !important;}
.m-t--3 {margin-top: -3px !important;}
.m-t--1 {margin-top: -1px !important;}
.m-t--10{margin-top: -10px !important;}
.m-t-0 {margin-top: 0px !important;}
.m-t-5 {margin-top: 5px !important;}
.m-t-10 {margin-top: 10px !important;}
.m-t-15 {margin-top: 15px !important;}
.m-t-20 {margin-top: 20px !important;}
.m-t-25 {margin-top: 25px !important;}
.m-t-30 {margin-top: 30px !important;}
.m-t-35 {margin-top: 35px !important;}
.m-t-40 {margin-top: 40px !important;}
.m-t-100 {margin-top: 100px !important;}

.m-r-0 {margin-right: 0px !important;}
.m-r-5 {margin-right: 5px !important;}
.m-r-10 {margin-right: 10px !important;}
.m-r-15 {margin-right: 15px !important;}
.m-r-20 {margin-right: 20px !important;}
.m-r-25 {margin-right: 25px !important;}
.m-r-30 {margin-right: 30px !important;}
.m-r-35 {margin-right: 35px !important;}
.m-r-40 {margin-right: 40px !important;}

.m-b-0 {margin-bottom: 0px !important;}
.m-b-5 {margin-bottom: 5px !important;}
.m-b-10 {margin-bottom: 10px !important;}
.m-b-15 {margin-bottom: 15px !important;}
.m-b-20 {margin-bottom: 20px !important;}
.m-b-25 {margin-bottom: 25px !important;}
.m-b-30 {margin-bottom: 30px !important;}
.m-b-35 {margin-bottom: 35px !important;}
.m-b-40 {margin-bottom: 40px !important;}

.m-l-0 {margin-left: 0px !important;}
.m-l-5 {margin-left: 5px !important;}
.m-l-3 {margin-left: 3px !important;}
.m-l-10 {margin-left: 10px !important;}
.m-l-15 {margin-left: 15px !important;}
.m-l-20 {margin-left: 20px !important;}
.m-l-25 {margin-left: 25px !important;}
.m-l-30 {margin-left: 30px !important;}
.m-l-35 {margin-left: 35px !important;}
.m-l-40 {margin-left: 40px !important;}

.f-s-5 {font-size: 5px !important;}
.f-s-6 {font-size: 6px !important;}
.f-s-7 {font-size: 7px !important;}
.f-s-8 {font-size: 8px !important;}
.f-s-9 {font-size: 9px !important;}
.f-s-10 {font-size: 10px !important;}
.f-s-11 {font-size: 11px !important;}
.f-s-12 {font-size: 12px !important;}
.f-s-13 {font-size: 13px !important;}
.f-s-14 {font-size: 14px !important;}
.f-s-15 {font-size: 15px !important;}
.f-s-16 {font-size: 16px !important;}
.f-s-17 {font-size: 17px !important;}
.f-s-18 {font-size: 18px !important;}
.f-s-19 {font-size: 19px !important;}
.f-s-20 {font-size: 20px !important;}
.f-s-22 {font-size: 22px !important;}
.f-s-25 {font-size: 25px !important;}
.f-s-30 {font-size: 30px !important;}
.f-s-35 {font-size: 35px !important;}

.t-0{top:0px !important;}

.p-t-5 {padding-top:5px !important;}
.p-b-0 {padding-top:0px !important;}

/*-----------------------------------------*/