/*
bonjour les curieux, optimisation du CSS pour alliancesoleil = doc_denis www.mdoobm.net
*/

/* commun */
    a{
        color:#011BCA;
    }
img {
    display: unset;
}
#sp-header {
  height: 80px;
}

      #sp-main-body{min-height: 550px;} /* << hauteur minimale de la page */
	.sp-megamenu li {list-style-type:none;} 

    /*
    ###################
    les textes 
    ###################
    */
.entry-header h2{
    color: #011BCA;
    font-size: 30px;
    font-weight: 600;
}
        .capitale{
            text-transform: uppercase;
        }
        .gris{
            color:#333;
        }
        .blanc{
            color:#ffffff;
        }
      .titreblanc a{
          color:#FFFFFF;
      }
      .titrenoir a{
          color:#000000;
      }
      .sp-menu-item .titrenoir{
          color:#000000;
      }
      .sp-menu-item .titreblanc{
          color:#FFFFFF;
      }
      .centre{
          text-align: center !important;
        margin:auto;
      }
    /*
    ###################
    les fonds 
    ###################
    */
      .bg-orange{
        background: #FFAC10;
        border: 2px solid #fff;
      }
      .bg-bleu{
        background: #021CCB;
        border: 2px solid #fff;
      }
      .bg-vert{
        background: green;
        border: 2px solid #fff;
      }
      .bg-jaune{
        background: #ffe900;
        border: 2px solid #fff;
      }
/*
#################################################################
boutons
#################################################################
*/
.btn-vert{
    color: white;
    background: green;
    padding: 5px 20px 5px 20px;
    font-weight: 700;
    border-radius: 5px;
	display: inline-block;
    margin: 10px;
}
.btn-vert:hover{
    color: white;
    background: #333;
}

.btn-orange{
    color: white;
    background: orange;
    padding: 5px 20px 5px 20px;
    font-weight: 700;
    border-radius: 5px;
	display: inline-block;
    margin: 10px;
}
.btn-orange:hover{
    color: white;
    background: #333;
}

.btn-bleu{
    color: white;
    background: #021CCB;
    padding: 5px 20px 5px 20px;
    font-weight: 700;
    border-radius: 5px;
	display: inline-block;
    margin: 10px;
}
.btn-bleu:hover{
    color: white;
    background: #333;
}

.btn-gris{
    color: white;
    background: #333;
    padding: 5px 20px 5px 20px;
    font-weight: 700;
    border-radius: 5px;
	display: inline-block;
    margin: 10px;
}
.btn-gris:hover{
    color: white;
    background: red;
	background: -moz-linear-gradient(left, #008000 12%, #ffac10 41%, #ffac10 61%, #021ccb 91%);
	background: -webkit-linear-gradient(left, #008000 12%,#ffac10 41%,#ffac10 61%,#021ccb 91%);
	background: linear-gradient(to right, #008000 12%,#ffac10 41%,#ffac10 61%,#021ccb 91%);
}
/*
#################################################################
les divs
#################################################################
*/

#docconteneur {
    margin: auto;
    width:90%;
}
#div4-01,#div4-02,#div4-03,#div4-04 {
    text-align: center;
    display: inline-table;
    width: 220px;
    margin: 10px;
    border: 1px solid lightgray;
    border-radius: 5px;
}
#div2-01,#div2-02 {
    display: inline-table;
    min-width: 47%;
    max-width: 350px;
    margin: 10px;
    border: 1px solid lightgray;
    border-radius: 5px;
    padding: 10px
}
#docconteneur hr{
    display: none;
}
#div1 {
    display: block;
    margin: auto;
    border: 1px solid lightgray;
    border-radius: 5px;
    padding: 10px;
    width:87.5%;
}
#div1 hr{
    display: none;
}

/*
#################################################################
menu haut
#################################################################
*/
/* test calage */
.sp-megamenu-parent .sp-module {
  padding: 1px;
  margin: 1px;
}

.sp-menu-item .sp-dropdown div {
    padding: auto !important;
}
/* fin test */

.sp-menu-item .active a {
    background: #333333;
    color: #FFF !important;
}
/*.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li:hover > a {
    background : #011BCA;
}*/

.sp-menu-item a{
	font-size: 16px !important;
	font-weight: 600;
}

.sp-dropdown-inner {
    background: #eee !important;
}
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li:hover > a {
    color: white;
}
.topmenu div a{
    color: #FFF;
}
.topmenu div a:hover{
    color: gray;
}
.sp-menu-item a:hover{
    background: ff9000 !important;
    color: black !important;
}
/* titre sous-menu */
    .sous-menu{
              color: white;
              font-size: 16px;
              padding: 10px;
              font-weight: 600;
    }
    /* je vire les puces de mer... des sous-menus */
    .sp-module ul > li > a::before {
        content: none ;
    }
    .sp-menu-item .sp-module .sousmenu a{
        padding-left: 10px !important;
    }
.sp-dropdown-inner a{
    background: #eee !important;
    padding: 10px 5px !important;
}
.sp-dropdown-inner a:hover{
    background: #FFAC10 !important;
    padding: 10px 5px !important;
    display: inline-block;
}
/*
#################################################################
menu de droite / gauche
#################################################################
*/

.custom.menudedroite {
    margin-left: 500px !important;
}


.sousmenu a:hover{
    color:green !important;
}

/*
#################################################################
menu de gauche
#################################################################
*/

#sp-left .nav a{
    padding: 0 0 0 10px !important;
    font-weight: 400;
}
#sp-left .sp-module{
    margin: 0 0 20px 0;
}
#sp-left .titreblanc{
    color:#FFFFFF;
    font-weight: 600 !important;
    padding: 5px 10px !important;
}
#sp-left .active a{
    background: #333333 !important;
    color: #ffffff !important;
    font-weight: 600 !important;
}
#sp-left .titrenoir {
    font-weight: 600 !important;
}
/*
/*
#################################################################
page accueil
#################################################################
*/
.icotop a img:hover{
    transform: scale(1.3)  ;
    transition-duration: 0.5s;
}
#icones img{
    border-radius: 10px;
}
/*
#################################################################
diaporama
#################################################################
*/
      /* je décale vers le bas pour laisser les liens au dessus */
      .camera_caption{
          z-index: -1;
      }

.camera_caption_title {
	text-align: center;
	text-shadow: -10px 7px 7px hsl(0, 0%, 0%), -1px 1px hsl(0, 0%, 0%), -1px -1px hsl(0, 0%, 0%), 1px -1px hsl(0, 0%, 0%);
	font-family: Verdana;
	line-height: 1.5em;
    color:#FFAC10 !important;
}
.camera_caption_desc {
    text-align: center;
	font-size: 1em;
	text-shadow: -5px 5px 5px hsl(0, 0%, 0%), -1px 1px hsl(0, 0%, 0%), -1px -1px hsl(0, 0%, 0%), 1px -1px hsl(0, 0%, 0%);
	line-height: 1.2em;
    font-weight: 600;
}
.logocertif .camera_overlayer {
    width: 200px !important;
    margin-top: 1px;
    z-index: /*1000*/;
	margin-left:-10px;
    /* background: url(../../../images/habillage/logos-diap-02.png) no-repeat right; */
  	background: url(../../../images/habillage/logos-diap-4.png) no-repeat right;
}
/*
#################################################################
galeries d'images
#################################################################
*/
.sige_small{
  display: none;
}
.view-article .sige_thumb img:hover{
width: 120%;
-webkit-transform:scale(1.25); /* Safari et Chrome */
-moz-transform:scale(1.25); /* Firefox */
-ms-transform:scale(1.25); /* Internet Explorer 9 */
-o-transform:scale(1.25); /* Opera */
transform:scale(0.95);
transition: all 0.5s ease;
border:0px !important;
}

/*
#########################################################
FORMULAIRE DE CONTACT
#########################################################
*/
.mod-rscontact-width-auto {
  width: 100%;
}
.m4jTextArea {
    min-height: 400px;
}
/* 2018 */
.formResponsive .formHorizontal .formControlLabel {
    width: 20%;
}

.formControls input, .formControls textarea, .formControls select{
    width: 50%;
    margin: 4px 20px;
}
.fonctioncontact{
    padding: 20px 0px 0px 20px;
}

/* page références */
.references #sp-component img{
    width: 150px;
    height: 150px;
    border:lightgrey 1px solid;
    padding: 5px;
    margin: 5px;
}
.references #sp-component img:hover{
    height: 160px !important;
    width: 160px !important;
    border:grey 1px solid;
    padding: 5px;
    margin: 5px;
    marrgin: -5px !important;
    transition: .5s !important;
}
/* a modifier pour ne fonctionner que sur la page d'accueil */
.sppb-addon-content img{
    width: 100%;
}