body {
}

a {
    color:#944684;
    transition: all 0.3s linear;
}

a:hover {
    color:#BA6DAA;
    transition: all 0.3s linear;
}

img.articleimage {
    margin-left:auto;
    margin-right:auto;
}

.ensavoirplus .fa {
    margin-left:10px;
}

.decorationspage {
    position:absolute;
    top:80px;
    width:118px;
    left:40px;
    height:100%;
    overflow:hidden;
    text-align:right;
}

.decorationspage img {
    margin-bottom:100px;
     
}

.page-aide .decorationspage {
    display:block;
}

#layout {
    max-width:1366px;
    background-color:#f5f5f5;
    margin-top:20px;
}

#contentlayout {
    position:relative;
    overflow:hidden;
    
}

#layout.login {
    background-color:transparent;
}

#loginlayout {
    height:600px;
    margin-top:10px;
    background-color:#823889;
    background-image:url("../images/siteclient/espaceclient_login_img.png");
    background-repeat:no-repeat;
    background-position:left center;
    position:relative
}

#loginlayout .bloctitre {
    margin-left:40px;
    margin-top:60px;
    color:#ffffff;
    max-width:600px;
}

#loginlayout .bloctitre .soustitre {
    font-size:18px;
}

#loginlayout .bloctitre .slogan {
    font-size:18px;
}

#loginlayout .bloctitre .titre {
    font-size:26px;
    font-weight:bold;
    text-transform:uppercase;
}

#formconnexion {
    margin-top:200px;
    
}

#formconnexion .titre {
    font-size:1.3em;
    text-transform:none;
    color:#ffffff;
    font-weight:bold;
    margin-bottom:20px;
}


#formconnexion input {
    font-size:1.3em;
    height:2.5em;
    width:100%;
}

#formconnexion .alert {
    font-size:1.3em;
}

@media screen and (max-width: 768px) {
    #formconnexion {
    margin-top:100px;
    
}
}

/*Header*/
#logocosoluce {
    margin-bottom:10px;
}


#logocosoluce .navbar-brand {

    height:auto;
    padding-left:15px;
    padding-top:0px;
    padding-bottom:0px;

}


#logocosoluce .logo {
    display:none;
}



@media screen and (min-width: 769px) {
    #logocosoluce .logo.logobig {
        display:inline;
    }
}

@media screen and (max-width: 768px) {
    #logocosoluce .logo.logomedium {
        display:inline;
    }
}



#cosoluce-header {

    border-bottom:none;
    
    background-color:#ffffff;
    border:none;
    padding-left:0px;
    padding-right:0px;
}

#cosoluce-header .btn-group {
    /*Pour enlever les marges entre les éléments de menu*/
    margin-right:-5px;
}

#cosoluce-header .cosoluce-menubutton {
    background-color:#ececec;
    padding-top:12px;
     padding-bottom:12px;
     vertical-align:middle;
     font-size:15px;
     padding-left:20px;
     padding-right:15px;
     text-align:left;
     border-radius: 0px 0px;
     color:#666666;    
}



#cosoluce-header .cosoluce-menubutton .cosoluce-icon {
    font-size:18px;
    
    margin-right:10px;
    
}




#cosoluce-header #btnmenucontact {
    background-color:#f5f5f5;
}

#cosoluce-header #btnmenudeconnexion,#cosoluce-header #btnmenuconnexion {
    background-color:#f9f9f9;
}

#cosoluce-header #btnmenuhome {
    width:auto;
    background-color:#e1e1e1;
    padding-left:20px;

}

#cosoluce-header .cosoluce-icon{
    color:#944684;
}

#navigation {
    margin-right:5px;
    float:right;
}





@media screen and (max-width: 768px) {
    #navigation {
        
    }

    #logocosoluce .navbar-brand {
        padding-left:5px;
    }

    #cosoluce-header #btnmenuprincipal {
        width:100px;
    }
    
    #cosoluce-header .cosoluce-menubutton {
        width:auto;
    }

    #contentmenuprincipal {
        font-size:0.8em;
    }
}


#bandeau {
    height:255px;
    background-repeat:no-repeat;
    background-position:left top;
    background-image:url("../images/siteclient/espaceclient_entete.jpg");
    
}

#bandeau .bloctitre {
    position:absolute;
    left:40px;
    bottom:40px;
    color:#ffffff;
    max-width:600px;
}

#bandeau .soustitre {
    font-size:18px;
}

#bandeau .slogan {
    font-size:18px;
}

#bandeau .titre {
    font-size:26px;
    font-weight:bold;
    text-transform:uppercase;
}


@media screen and (max-width: 768px) {
    #bandeau {
        height:140px;
        
    }
}

/*Menu navigation site client*/
#siteclient-navigation {
    background-color:#411950;
    border-radius:0px;
    color:#ffffff;
    border:none;
    padding:0px;
    margin-bottom:20px;
}






/*Footer*/


#footer {
    color:#ffffff;
}

#topfooter {
    padding-top:10px;
    padding-bottom:10px;
    background-color:#411950;
    border-bottom:1px solid #543061;
    vertical-align:middle;
}


#bottomfooter {
    padding-top:15px;
    padding-bottom:50px;
    background-color:#2d2d2d;
    
}

#footer .cosoluce-socialicons {
    display:block;
    height:51px;
    float:right;
    
    
}


#footer .sociallink {
    font-size:15px;
    margin-left:10px;
    display:inline-block;
    position: relative;
	top: 50%;
	transform:translateY(-50%);
    color:#ffffff;


}

#footer #logofooter {
    padding-left:0px;
}

#footer #footermenu {
    font-size:0.8em;
    float:right;
}



#footer #footermenu a.menulink,
#footer #footermenu span {
    margin-left:5px;
}

#footer #footermenu a.menulink {
    color:#ffffff;
    text-transform:uppercase;
}

#footer #footermenu a.menulink:hover,
#footer a.sociallink:hover {
    color:#944684;
}

@media screen and (min-width: 401px) and (max-width: 768px) {

    #footer #footermenu .copyright {
        display: block;
        text-align: right;
        margin-top: 10px;
    }

    
}

@media screen and (max-width: 400px) {
    
    

    #footer #footermenu .separator {
        display:none;
    }

    #footer #footermenu .menulink {
        display: block;
        text-align: right;
        margin-top: 8px;
    }

    #footer #footermenu .copyright {
        display: block;
        text-align: right;
        margin-top: 12px;
    }

        
    
}

/*Ajout EADIS aout 2018*/
/*Home Infos en direct*/
#carousel-infosendirect .carousel-indicators {
    bottom:-10px;
    
}

#carousel-infosendirect {
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom:20px;
    margin-bottom:20px;
    min-height:150px;
}

#homecontent .titre {
    font-size:24px;
}

#homecontent .item .titre {
    font-size: 18px;
}

#homecontent .item .content {
    padding-top:20px;
    padding-bottom:20px;
    font-size: 16px;

}

#carousel-infosendirect .carousel-control {
    width: 30px;
    background: none;
    color: #944684;
}

#footerinfosendirect {
    text-align: right;
}

#footerinfosendirect a {
    font-size: 1em;
    font-weight: bold;
    display: inline-block;
    
}


#footerinfosendirect .cosoluce-icone {
    font-weight:normal;
    margin-left:10px;
}


/*Home news*/
#news {
    margin-bottom: 20px;
}

/*Home Last news*/

.homenews .row > .titre {
    font-size:1.2em;
    font-weight:bold;
    color:#ffffff;
    text-transform:uppercase;  
}

.homenews .row > .titre span {
    display: inline-block;
    vertical-align:middle;
    height:0px;
}

.homenews .row > .titre {
    height:50px;
    background-color:#944684;
    border-left:1px solid #ffffff;
    border-top:1px solid #ffffff;
}


.homenews .actualite {
    /*height:288px;*/
    /*overflow:hidden;*/
    min-height:200px;
    height:auto;
    background-color:#411950;
    border-left:1px solid #ffffff;
    border-top:1px solid #ffffff;
    padding:15px 10px 20px 15px;
    
}

.homenews .actualite .dateactualite {
    color:#944684;
}
.homenews .actualite .titre {
    color:#ffffff;
    font-weight:bold;
    display:inline-block;
    max-width:350px;
    font-size:1.1em;
}

.homenews .actualite .separator {
    background-repeat:no-repeat;
    background-position:right center;
    background-image:url("../images/siteclient/espaceclient_ligne_blanc.png");
    margin-top:5px;
    margin-bottom:15px;
    height:9px;
}

.homenews .actualite .content {
    color:#ffffff;
    font-size:1em;
}

.homenews .actualite .ensavoirplus {
    position:absolute;
    bottom:10px;
    right:10px;
    text-align:right;
    
}

#nouveautes .row > .titre {
    background-color:#cbbdd6;
    color:#944684;
}

#nouveautes .actualite {
    background-color:#543061;
}

#focussur .row > .titre {
    background-color:#999999;
    color:#ffffff;
}

#focussur .actualite {
    background-color:#2d2d2d;
}

@media screen and (max-width: 400px) {
    
}





/*Plus d'actualités*/

.morenews {
    height:50px;
    background-color:#944684;
    border-top:1px solid #ffffff;
    border-left:1px solid #ffffff;
    
}

.morenews .titre  {
    font-size:1em;
    font-weight:bold;
    color:#ffffff;  
    display: inline-block;
    margin-top:15px;


}


.morenews .cosoluce-icone {
    margin-left:10px;
    font-weight:normal;
    
}






/*Contactez nous*/

.contacteznous {
    display:block;
    margin-top:40px;
    float:right;
    margin-right:20px;
}

/*Article*/

#articlelayout {
    position:relative;
    overflow:hidden;
}

.article {
    margin-bottom:20px;
    padding-left:20px;
    padding-right:20px;
    
}

.article.margeagauche {
    padding-left:100px;
}

.articlecontent {
    padding:20px 20px 20px 80px;
    font-size:1em;
    color:#666666;
}

@media screen and (min-width: 401px) and (max-width: 768px) {
    .article {
        margin-bottom:20px;
        padding-left:20px;
    }

    .article.margeagauche {
        padding-left:40px;
    }
   .articlecontent {
    padding:20px 10px 20px 10px;
    }
}

@media screen and (max-width: 400px) {
    .article {
        margin-bottom:20px;
        padding-left:10px;
    }

    .article.margeagauche {
        padding-left:10px;
    }

    .articlecontent {
        padding:20px 5px 20px 10px;
    }
}

/*Page standard*/


.titrepage .titre {
    color:#777777;
    font-weight:bold;
    font-size:26px;

}


.titrepage .soustitre {
    font-weight:bold;
    font-size:16px;

}

/*Page logiciel*/

.titrelogiciel .pictologiciel {
    float:left;
    margin-right:15px;
    width:50px;
    
}

.titrelogiciel .pictologiciel img {
    width:100%;
    height:auto;
}

.titrelogiciel .titre strong {
    color:#777777;
}



.titrelogiciel .titre {
    font-weight:bold;
    font-size:26px;

}


.titrelogiciel .soustitre {
    font-weight:bold;
    font-size:16px;

}

/*Galerie images*/

.galerieimages {
    margin-top:40px;
}



.galerieimages a.image {
    margin-right:20px;
    margin-bottom:20px;
    width:160px;
    height:120px;
    display:block;
    float:left;
    
transition:all 0.3s linear;
position:relative;
}


.galerieimages a.image img {
    position:static;
    transition:all 0.3s linear;
    width:160px;
    height:120px;
    -moz-box-shadow: 10px 10px 5px 0px #cbcbcb;
-webkit-box-shadow: 10px 10px 5px 0px #cbcbcb;
-o-box-shadow: 10px 10px 5px 0px #cbcbcb;
box-shadow: 10px 10px 5px 0px #cbcbcb;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#cbcbcb, Direction=134, Strength=5);
}

.galerieimages a.image:hover img {
    width:170px;
    height:130px;
    transition:all 0.3s linear;
    
}

/*Documents*/

/*Galerie documents standard*/
.galeriedocuments {
    margin-top:40px;
}


/*Aide logicielle*/
.documentpage {
    display:inline-block;
    width:100%;
    margin: 10px 10px 10px 10px;
}

.documentpage .picto {
    display:block;
    width:20px;
    height:22px;
    background-repeat:no-repeat;
    background-image:url("../images/siteclient/file_gestion-financiere_normal.png?width=20");
    float:right;
}

.documentpage:hover .picto {
    background-image:url("../images/siteclient/file_gestion-financiere_hover.png?width=20");
}

.documentpage .titre {
    display:inline-block;
    text-align:left;
    width:80%;
    color:#333333;
}

/*galerie documents*/

#galeriedocuments {
    padding:0px 20px 20px 60px;
}

#galeriedocuments .document {
    display:block;
    width:150px;
    height:110px;
    float:left;
    margin: 10px 10px 10px 10px;
    border-bottom:1px dotted #777777;
    overflow:hidden;
}

#galeriedocuments .document .picto {
    display:block;
    width:38px;
    height:47px;
    background-repeat:no-repeat;
    background-image:url("../images/siteclient/file_gestion-financiere_normal.png");
    margin-left:auto;
    margin-right:auto;

}

#galeriedocuments .document:hover .picto {
    background-image:url("../images/siteclient/file_gestion-financiere_hover.png");
}

#galeriedocuments .document .titre {
    display:inline-block;
    text-align:center;
    margin-top:5px;
    width:100%;
}

#galeriedocuments .categorie {
    display:block;
    clear:both;
    height:100px;
    padding-top:40px;
    font-weight:bold;
    font-size:1.6em;
    color:#777777;
}

@media screen and (max-width: 768px) {
    #galeriedocuments {
        padding:20px 0px 20px 15px;
    }

    #galeriedocuments .document {
        width:125px; 
        margin-left:5px;
        margin-right:5px;
    }
}




/*Page Actualites*/

.actualites {
    margin-top:40px;
    margin-bottom:40px;
}

.actualites > .titre{
    background-color:#944684;
    color:#ffffff;
    font-size:16px;
    text-transform:uppercase;
    padding:15px 10px 15px 10px;
    border-bottom:1px solid #ffffff;
}

.actualites > .titre a{
    color:inherit;
}



.actualites .actualite .bloctitre {
    background-color:#ead9e9;
    padding:10px 10px 10px 10px;
}

.actualites .actualite {
    padding-bottom:5px;
    background-color:#eeeeee;
    margin-bottom:5px;
}

.actualites .actualite .titre {
    font-size:1.3em;
    font-weight:bold;
}

.actualites .actualite .datepublication {
    font-size:13px;
    color:#944684;
}

.actualites .actualite > .content {
    padding:15px 10px 30px 10px;
}

.actualites .actualite .ensavoirplus {
    width:100%;
    text-align:left;
    padding-right:10px;
    padding-left:10px;
    font-size:1.2em;
    font-weight:bold;
}



.actualite.article {
    font-size:1.1em;
    background-color:transparent;
    padding:0px;
}

.actualite.article > .content{
   padding:30px 10px 30px 20px;
}

.actualite.article .bloctitre {
    background-color:#ead9e9;
    padding:10px 10px 10px 10px;
}

.actualite.article .titre {
    font-size:1.3em;
    font-weight:bold;
}

.actualite.article .datepublication {
    font-size:13px;
    color:#944684;
}

/*Bloc pagination*/

.pagination {
    margin-top:20px;
}

.pagination .number
,.pagination .titre
{ 
    display:block;
    background-color:#944684;
    float:left;
    margin-right:1px;
    color:#ffffff;
    padding:17px 12px 17px 12px;
    font-size:1.1em;
    
}

.pagination .titre 
{ 
    padding-right:40px;
}


.pagination .number.selected { 
    color:#944684;
    background-color:#ead9e9;
    cursor:default;
}

.pagination .number.selected:hover {
    cursor:default;
}

@media screen and (max-width: 400px) {
    .actualites {
    
    padding-left:0px;
    padding-right:0px;
}
}



/*Page contact*/

#contact .blocinfo {
    background-color:#411950;
    border-top:1px solid #ffffff;
    border-left:1px solid #ffffff;
    height:160px;
    padding:15px 10px 10px 15px;
    overflow:hidden;
    
}



#contact .blocinfo .titre {
    color:#944684;
    font-weight:bold;
    max-width:200px;
    font-size:1em;
}

#contact .blocinfo .soustitre {
    color:#ffffff;
    font-weight:bold;
    display:inline-block;
    max-width:200px;
    font-size:1em;
}


#contact .blocinfo .separator {
    background-repeat:no-repeat;
    background-position:right center;
    background-image:url("../images/accueil_ligne_actus_blanc.png");
    margin-top:5px;
    margin-bottom:15px;
    height:9px;
}

#contact .blocinfo .content {
    color:#ffffff;
    font-size:0.9em;
}

.imagecontainer {
    position:relative;
    padding:0px 0px 0px 0px;
}

.imagecontainer .slogan {
    position:absolute;
    bottom:20px;
    width:100%;
    text-align:center;
    color:#ffffff;
    font-weight:bold;
 
}

#contact .blocinfo.infogooglemaps .fa-map-o {
    font-size:40px;
    display:block;
    margin-bottom:10px;
    color:#ffffff;
    
}


#contact .googlemap {
    height:400px;
    padding:0px;
    border-top:1px solid #ffffff;
}


#contactform {
    padding:0px 40px 40px 40px;

}


#contactform .content {
    font-family:Arial;
    font-size:1.1em;
}

#contactform .cosoluce-field {
        
    margin-bottom:1em;
    line-height: 1em;
    font-size:1em;
}

#contactform input.form-control.cosoluce-field
,#contactform textarea.form-control.cosoluce-field
,#contactform select.form-control.cosoluce-field  {
    
    
    
}



#contactform textarea.form-control.cosoluce-field:focus
,#contactform input.form-control.cosoluce-field:focus {
    background-color:#ead9e9;
}

#contactform .footer {
    margin-top:20px;
}

#contactform .info {
    font-size:0.85em;
    padding:10px 0px 20px 0px;
}

#contactform .actions {
    padding:0px;
}

    #contactform #btnenvoi {
        background-color:#5ea443;
        text-transform:uppercase;
        padding: 10px 20px 10px 20px;
        font-size:1em;
        font-weight:bold;
        border-radius:0px;
        border:none;
    }



#messagesend {
    font-size:1.6em;
    font-weight:bold;
    width:100%;
    margin-top:100px;
    text-align:center;
}

/*Pages type*/

.cosoluce-content {
    padding:20px 10px 20px 10px;
}

.cosoluce-content h4 {
    font-weight:bold;
}

.cosoluce-content.center-text {
    text-align:center;
}


.cosoluce-gridcell {
    min-height:400px;
    background-color:#ededed;
    border-bottom:1px solid #ffffff;
    border-right:1px solid #ffffff;
    padding:10px 10px 10px 10px;
}

.cosoluce-gridcell .titre {
    margin-bottom:10px;
    color:#411950;

}

.cosoluce-gridcell .description {
    padding:10px 0px 10px 0px;

}


.cosoluce-gridcell .left {
    text-align:center;
    height:400px;
    position:relative;
    padding:10px 20px 10px 20px;
}

.cosoluce-gridcell .left img {
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    
}

.cosoluce-gridcell .left .fa {
    font-size:40px;
}


@media screen and (max-width: 992px) {
    .cosoluce-gridcell {
        min-height:100px;
        height:auto;
    }
    .cosoluce-gridcell .left {
        height:200px;
    }
}


.cosoluce-image {
    padding:20px 20px 20px 20px;
}

.cosoluce-mur-images .bloc-image {
    background-color:#f3eaf2;
    border-right:1px solid #ffffff;
    border-bottom:1px solid #ffffff;
    padding: 10px 10px 10px 10px;
}

.cosoluce-mur-images .bloc-image .titre {
    color:#944684;
    margin-bottom:5px;
    font-size:1.1em;
    vertical-align:middle;
}

.cosoluce-mur-images .bloc-image .titre .fa {
    margin-right:5px;
}

.cosoluce-mur-images .bloc-image .separator {
    background-repeat:no-repeat;
    background-position:right center;
    background-image:url("../images/vision_ligne_violet.png");
    margin-top:10px;
    margin-bottom:5px;
    height:9px;
}

.cosoluce-mur-images .bloc-image .cosoluce-image {
    text-align:center;
}

.icon-vision {
    display:inline-block;
    background-repeat:no-repeat;
    width:18px;
    height:18px;
    margin-right:10px;
    background-image:url("../images/vision_icn_loop.png");
}


/*Page atouts*/

.icone-atout {
    display:inline-block;
    background-repeat:no-repeat;
    width:26px;
    height:26px;
    background-image:url("../images/vision_icn_loop.png");
    vertical-align:middle;
    margin-top:-7px;
}


.icone-atout-c {background-image:url("../images/atouts/atouts_C.png");}
.icone-atout-o {background-image:url("../images/atouts/atouts_O.png");}
.icone-atout-l {background-image:url("../images/atouts/atouts_L.png");}
.icone-atout-r {background-image:url("../images/atouts/atouts_R.png");}
.icone-atout-i {background-image:url("../images/atouts/atouts_I.png");}
.icone-atout-s {background-image:url("../images/atouts/atouts_S.png");}


.icone-atout-numero {
    display:inline-block;
    background-repeat:no-repeat;
    width:36px;
    height:36px;
    vertical-align:middle;
    
}

.cosoluce-mosaique {
    margin-top:20px;
    margin-bottom:20px;
}




.cosoluce-mosaique .cosoluce-cell {
    border:1px solid #ffffff;
    padding:10px 20px 10px 40px;
    background-color:#ededed;
    height:330px;
}

.icone-atout-fleche {
    display:inline-block;
    background-repeat:no-repeat;
    width:36px;
    height:36px;
    vertical-align:middle;
    background-image:url("../images/atouts/atouts_fleche.png");

}


.cosoluce-mosaique .cosoluce-cell .header {
    padding-top:30px;
    font-size:22px;
    font-weight:bold;
}

.cosoluce-mosaique .cosoluce-cell .header:first-letter {
    text-decoration:underline;
}

.cosoluce-mosaique .cosoluce-cell .separator {
    display:inline-block;
    background-repeat:no-repeat;
    width:100%;
    height:9px;
    margin-left:-20px;
    margin-right:-20px;
    vertical-align:middle;
    background-image:url("../images/atouts/atouts_ligne_gris.png");
    background-position:right center;
}

.cosoluce-mosaique .cosoluce-cell .content {
   padding:10px 20px 20px 0px;
    font-size:1.1em;
    font-weight:bold;
}

.cosoluce-mosaique .cosoluce-cell .footer {
   padding:10px 0px 10px 0px;
    font-size:1.1em;
    font-weight:bold;
    text-align:right;
}


.cosoluce-mosaique .cell-0 {background-color:#411950;color:#823889;}

.cosoluce-mosaique .cell-1 { background-color:#ededed;color:#411950;}
.cosoluce-mosaique .cell-2 { background-color:#f5f5f5;color:#823889;}
.cosoluce-mosaique .cell-3 { background-color:#ededed;color:#1269b0;}
.cosoluce-mosaique .cell-4 { background-color:#ededed;color:#5ea443;}
.cosoluce-mosaique .cell-5 { background-color:#f5f5f5;color:#fbc02d;}
.cosoluce-mosaique .cell-6 { background-color:#ededed;color:#dc911b;}
.cosoluce-mosaique .cell-7 { background-color:#f5f5f5;color:#c20e1a;}





.cosoluce-mosaique .cell-1 .icone-atout-numero {background-image:url("../images/atouts/atouts_1.png");}
.cosoluce-mosaique .cell-2 .icone-atout-numero {background-image:url("../images/atouts/atouts_2.png");}
.cosoluce-mosaique .cell-3 .icone-atout-numero {background-image:url("../images/atouts/atouts_3.png");}
.cosoluce-mosaique .cell-4 .icone-atout-numero {background-image:url("../images/atouts/atouts_4.png");}
.cosoluce-mosaique .cell-5 .icone-atout-numero {background-image:url("../images/atouts/atouts_5.png");}
.cosoluce-mosaique .cell-6 .icone-atout-numero {background-image:url("../images/atouts/atouts_6.png");}
.cosoluce-mosaique .cell-7 .icone-atout-numero {background-image:url("../images/atouts/atouts_7.png");}



.cosoluce-liste .titre{
    color:#411950;
    font-weight:bold;
    font-size:1.2em;
    vertical-align:middle;
}



/*Pour contenu plein écran (on enlève le padding prévu dans le contenu des articles)*/

.fullwidthcontent {
    margin-left:-55px;
    margin-right:-35px;
}


@media screen and (min-width: 401px) and (max-width: 768px) {
   .fullwidthcontent {
        margin-left:-35px;
        margin-right:-35px;
    }
}

@media screen and (max-width: 400px) {
    
    .fullwidthcontent {
        margin-left:-20px;
        margin-right:-25px;
    }
}



.gamme_gestionfinanciere {
    color:#ff6600;
}

.gamme_gestionpersonnel {
    color:#006699;
}

.gamme_gestionadministres {
    color:#ff0000;
}

.gamme_affairesgenerales {
    color:#339933;
}

/*Téléchargement logiciels*/

#telechargementlogiciels .row {
    margin-bottom:20px;
}

#telechargementlogiciels .titre {
    font-weight:bold;
    padding-top : 10px;
    padding-bottom:10px;
}

#telechargementlogiciels .produit .nomproduit {
    margin:5px 10px 5px 10px;
}

#telechargementlogiciels .produit .nomproduit {
    font-size:1.1em;
}

#telechargementlogiciels .produit .infomajeure,
#telechargementlogiciels .produit .infomineure {
    font-size:0.9em;
    padding-left:35px;
    color:#777777;
}

#telechargementlogiciels .produit .nomproduit::before {
    font-family: FontAwesome;
    content:"\f111";
    font-size:0.9em;
    margin-right:1em;
}

/*Image Header*/

.imageheader {
    background-color:#ECEBEC;
    min-height:200px;
    padding-top:10px;
    padding-bottom:10px;

    background-repeat:no-repeat;
    background-position:right top;
        
    
}

.imageheader {
    padding-top:10px;
    padding-bottom:10px;
}

.imageheader .titre {
    font-size:1.3em;
    font-weight:bold;
    color:#411950;

}

.imageheader .soustitre {
    font-size:1em;
    font-weight:bold;
    color:#411950;
    padding-top:20px;
    padding-bottom:20px;

}

@media screen and (max-width: 768px) {
    .imageheader {
        background-color:#ECEBEC;
        min-height:200px;
        padding:10px 10px 10px 10px;
        background-repeat:no-repeat;
        background-position:right top;
        background-image:none;
    }
}

/*Home content header*/

@media screen and (min-width: 769px) {
    #homecontent {
        background-image: url("../images/siteclient/espaceclient_accueil_img.jpg");
    }
}


/*FAQ*/

@media screen and (min-width: 769px) {
    #headerfaq {
        background-image: url("../images/siteclient/espaceclient_faq_img.jpg");
    }

}

#faq .questionreponse {
    margin-top:10px;
    border-bottom:1px solid #cccccc;
    margin-bottom:30px;
}

#faq .categoriefaq {
    margin-top:30px;
    font-size:1.3em;
}


#faq a.question {
    display:inline-block;
    width:100%;
    font-size:1em;
    font-weight:bold;
    color:#777777;
    height:20px;
    padding-bottom:10px;
    
}

#faq a.question:focus,#faq a.question:visited,#faq a.question:active {
    border:none;
    outline:none;
} 

#faq .question .texte {
    display:inline-block;
    width:80%;
    
}

#faq .question .picto {
    float:right;
    margin-right:10px;
    font-family: FontAwesome;
    font-size:2em;
    margin-top:-10px;
    position:relative;
    
}


#faq .question .picto:after {
    content:"\f106";
    font-family: FontAwesome;
    
}

#faq .question.collapsed .picto:after {
    content:"\f107";
    font-family: FontAwesome;

}

#faq .reponse {
    
    font-size:1em;
    color:#777777;
    
}

#faq .reponse .content {
    padding:0px 40px 10px 10px;
    text-align:justify;
}

#rubriquesfaq li {
    font-size:1.1em;
    font-weight:bold;
    color:#944684;
}

/*animated form*/

.wrapform {
  display: inline-block;
  position: relative;
  float: right;
  padding: 0;
  background-color:#944684;
}

.wrapform input[type="text"] {
  font-size: 1.2em;
  display: inline-block;
  border: none;
  outline: none;
  color: #666666;
  padding: 3px;
  padding-right: 35px;
  width: 0px;
  height:49px;
  background: none;
  transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);
  cursor: pointer;
  color:#ffffff;
  
}



.wrapform.opened input[type="text"] {
  width: 250px;
  z-index: 1;
  cursor: text;
}

.wrapform .btnsearch {
  display: inline-block;
  color:#ffffff;
  border: none;
  cursor: pointer;
  transition: opacity .4s ease;
  font-size:26px;
  padding-top:5px;
  position:absolute;
  right:0px;
  padding-right:10px;
  z-index:50;
  background-color:#944684;
  height:49px;
  padding-left:10px;
}



#searchresults {
    margin-left:20px;
    margin-top:10px;
}

.searchresult {
    margin-top:20px;
    
}

.searchresult .titre a {
    font-size:1.3em;
    color:#411950;
}

.searchresult .lien {

}

.searchresult .description {
    font-size:1em;
    color:#666666;
    padding-top:10px;
}

.infodebug {
    display:block;
    float:left;
    margin:10px;
    padding:5px;
    background-color:orange;
    color:white;
    font-weight:bold;
}

/*Ajout EADIS septembre 2019*/
.cosoluce-field.bootstrap-select .filter-option {
    font-size: 15px;
    font-family: Arial;
}