@charset "utf-8";
/******************** Entête UTF-8 ******************\
*
*	fichier			: templates/css/1/global.css
*	projet			: Can-Aqua - Cardinal
*	version			: 1.0.41 2025-07-07 10:11 FS
*
\****************************************************/

@import url('https://fonts.googleapis.com/css2?family=Homemade+Apple&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Homemade+Apple&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
html, body { min-width:960px; width: 100%; overflow-x: hidden;  }
body {
	background: url('../../images/can-aqua/home-gradient.jpg') repeat-x left top #18243d;
        background-size: cover;
        font-family: "Inter", sans-serif;
	color: #b0c8fb;
	font-size: 16px;
	margin: 0;
}
    body#connecte {
        background: url(../../images/fond-bleu.png) repeat-x left top;
        color: #9d9d9d;
    }

p {
	margin: 0 0 10px;
	line-height: 125%;
}

h1 {margin: 0;padding: 5px 0;font-size: 20px;font-weight: 700;color: #373739; text-transform: uppercase;}
span.red_archive { color: red; }
h2 {
	margin: 0;
	padding: 20px 0 5px;
	color: #373739;
	font-size: 20px;
        font-weight: 700;
        text-transform:uppercase;
}
h3 {
	color: #37373A;
	margin: 0;
	padding: 5px 0 10px;
	font-size: 1.2em;
}
h4 {
	color: #1a587f;
	margin: 0;
	padding: 5px 0 8px;
	font-size: 1em;
}
label {
	display: inline-block;
	width: 130px;
	vertical-align: top;
	text-align: right;
	margin: 0 10px 0 0;
}

label.texte {
	display: inline;
	width: auto;
	font-size: 0.8em;
	text-align: left;
        color: #fff;
        line-height: 1.5;
}

a {
	color: #37373A;
}
a:hover {
	color: #1a587f;
}
hr{
    color: #97969B;
    height: 2px;
    margin: 40px 0;
    background: #97969B;
    
}


.clearer {
    clear: both;
    line-height: 1px;
    height: 1px;
}
.btnDefault{
    padding: 4px 10px;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    text-transform: uppercase;
    text-decoration: none;
    margin: 0 10px;
    background: none repeat scroll 0% 0% #b2b3b4;
    border: 1px solid #b2b3b4;
    cursor:pointer;
}
.btnDefault:hover {color:white;}
.btnDefault.black {background: none repeat scroll 0% 0% #000;border: 1px solid #000;  }
.btnDefault.blue {background: none repeat scroll 0% 0% #2484c6;border: 1px solid #2484c6; border-radius:.4rem;}
.btnDefault.white {background: none repeat scroll 0% 0% #fff;border: 1px solid #000; color: #000; border-radius:.4rem;}
.btnDefault.back { margin: 10px 0; }

.inputCourriel { height: 26px; padding: 4px 5px !important; width: 230px !important; }


/************************************************************************/
#corp {
	position: relative;
	max-width: 1520px;
	min-height: 350px;
	margin: 0 auto;
	padding: 10px 0;
	font-size: 1em / 1.333em;
}
#corp #contenu   {
	padding: 0 50px;
}

#corp.accueil {
	width: 906px;
	padding: 33px 0 32px;
}
#corp.accueil h2 {
	padding: 0 0 20px;
}
#cg_contenu {
	position: absolute;
	top: -1px;
	left: -1px;
}
#cd_contenu {
	position: absolute;
	top: -1px;
	right: -1px;
}
div.colonne { float: left; position: relative; width: 244px; min-height: 370px; padding: 10px 38px 0px; text-align: center; color: #FFF; }

div.colonne h2 {
	margin: 0;
	padding: 10px 0 10px;
	color: #fff;
	font-size: 22px;
}
#contenu.statique {
	/*padding: 0 328px 0 28px;*/
	min-height:440px;
}
.vague {background: #2484c6 url('../../images/vague.jpg') repeat-x left top; padding: 100px 0 50px; }
.accueil .vague h1 {color:#000;}
.accueil .vague h1 span {color:#fff;}
.service  {background: url('../../images/services.png') no-repeat left top; width:86px; height:86px;}
.service1 { background-position: 0px 0px;}
.service2 { background-position: -320px 0px;}
.service3 { background-position: -640px 0px;}
.statique2 h1,
.accueil h1 {font-size:68px; color:#c2c2c2; font-weight: 300; text-transform:uppercase;padding: 35px 0;}
.statique2 .bleutxt,
.accueil .bleutxt  {color:#2484c6;}
.statique2 h2,
.accueil h2  {color:#fff;font-size:20px;font-weight: 700; text-transform:capitalize;}
.statique2 h3,
.accueil h3,
.statique2 h3 a {color:#000;font-size:16px;font-weight: 400; text-transform:uppercase; text-decoration: none;}
.statique2 a {color:#77787b; font-size:16px;}
.statique2 h4 {font-size:14px; color:#6d6d6d; font-weight: 300; text-transform:uppercase;}

#contenu.nouvelles a:hover,
#liste_manufacturiers a:hover{
	color:#1a587f;
}

#contenu.statique p {
    margin: 0;
    padding: 5px 0 8px;
    line-height: 140%;
}

#contenu.statique ul {
    margin: 0 0 0 30px;
    padding: 0 0 8px;
}
#contenu.statique ul>li {
    padding : 3px 0;
}

div.colonne p {
    margin: 0;
}

#compte {
    display: inline;
   /* width: 685px;
    height: 48px;
    margin: 0 auto;
    padding: 37px 48px 47px 171px;
    background: url('../../images/can-aqua/header_milieu.png') repeat-x;
    position: relative;*/
}

#compte > #action_entete {
   /* font-size: 1.75em;
    color: #1a587f;
    letter-spacing: 0.025em;
    width: 100%;
    display: inline-block;
    text-align: center;
    font-weight: bold;
    text-decoration: none;*/
}

#cg_compte {
    position: absolute;
    top: -23px;
    left: -35px;
}

#cd_compte {
    position: absolute;
    top: -23px;
    right: -35px;
}
input[name=telephone_poste]{
    width:30px;
}
/***********************************************/
#btcompte {
   /* position: absolute;
    display: block;
    width: 118px;
    height: 52px;
    top: 20px;
    left: -32px;
    padding: 15px 20px 5px 10px;
    background: url('../../images/can-aqua/coin.png');
    color: #95eaff;
    text-decoration: none;
    text-align: right;
    font-size: 0.867em;*/
}
#btcompte.logout {
    /*height: 42px;
    padding: 25px 13px 5px 7px;
    width:128px;*/
}
#btcompte > em {
    /*display: block;
    position: absolute;
    width: 118px;
    height: 52px;
    background: url('../../images/can-aqua/trianglebas.png') no-repeat;
    top: 64px;
    left: 80px;*/
}

#btcompte.logout > em {
    display: block;
    position: absolute;
    width: 118px;
    height: 52px;
    background: url('../../images/can-aqua/trianglehaut.png') no-repeat;
    top: -11px;
    left: 80px;
}

#btcompte > span > strong {
    font-size: 1.3em;
    color: #95eaff;
}
#btcompte > span{
    display: none;
}
#btcompte > span.visible {
    display: inline-block;
}
/************************************************NEW DESIGN**********************/
#entete .banWrapper{display:none;}

/**************************************Toggle***********************************************/
 
     /* Style the navigation menu */
    .topnav {
        overflow: hidden;
        position: relative;
        display: flex;
        padding: .4rem .4rem .4rem 1.6rem;
        height: 3.2rem;
        margin: 130px 0 40px 0 ;
        justify-content: space-between;
        align-items: center;
        border-radius: .8rem;
        background: #F4F4F4;
    }
    
    .membre .topnav {
        margin: 30px 0 40px 0 ;
    }    

    /* Hide the links inside the navigation menu (except for logo/home) */
    .topnav #top_menu {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #061830;
        z-index: 99;
        padding-top: 0%;
        text-align: left;
        overflow: auto;
    }
    
      .topnav #top_menu .top_logo {
        padding-top: 2%;
        padding-left: 2%;
    }
    
    .topnav #top_menu .top_menu {
        padding-top: 5%;
        text-align: center;
    }
    
    

    /* Style navigation menu links */
    .topnav #top_menu a {
        color: white;
        padding: 14px 16px;
        text-decoration: none;
        font-size: 50px;
        display: block;
        font-weight: normal;
    }

    .topnav img{width:230px;}
    
    .toggle {
        width: 120px;
        height: 40px;
        background: #061830;
        border-radius: 6px;
        overflow: hidden;
        cursor: pointer;
        text-align: left;
        display: inline-block;
        vertical-align: middle;
        position: absolute;
        right: 30px;
        top: 13px;
        z-index: 999
    }
        .toggle > div {
            background-color: #fff;
            height: 3px;
            width: 25px;
            position: absolute;
            top: 11px;
            left: 0;
            right: 0;
            margin: 0 auto;
            transition: all ease 0.35s;
            -webkit-transition: all ease 0.35s;
            -moz-transition: all ease 0.35s;
        }
        .toggle > div.bar2 {
            top: 19px;
        }
        .toggle > div.bar3 {
            top: 27px;
        }

        .toggle.toggle-active div.bar1 {
            transform: rotate(225deg) translateY(-6px) translateX(-6px);
            -webkit-transform: rotate(225deg) translateY(-6px) translateX(-6px);
            -moz-transform: rotate(225deg) translateY(-6px) translateX(-6px);
        }        
            .toggle.toggle-active div.bar2 {
                left: -100%;
                right: inherit;
                opacity: 0;
                visibility: hidden;
            }
            .toggle > div.bar3 {
                top: 27px;
            }
            .toggle.toggle-active div.bar3 {
                transform: rotate(-225deg) translateY(5px) translateX(-5px);
                -webkit-transform: rotate(-225deg) translateY(5px) translateX(-5px);
                -moz-transform: rotate(-225deg) translateY(5px) translateX(-5px);
            }
            .toggle.toggle-active div.bar3 {
                transform: rotate(-225deg) translateY(6px) translateX(-6px);
                -webkit-transform: rotate(-225deg) translateY(6px) translateX(-6px);
                -moz-transform: rotate(-225deg) translateY(6px) translateX(-6px);
            }        
        
        .deconnexionTop{
            position: absolute; 
            right: 190px; 
            top: 13px;   
            display: block; 
            color: #061830; 
            text-decoration: none;
            background: #fff;
            padding: 10px 15px;
        }

    /* Style the active link (or home/logo) */
    .active {
        color: white;
    }    

#entete .wrapper{ max-width: 1520px; padding: 30px 0 30px 0; margin:0 auto; height: 100px;}

#logo {
    display: block;
    float: left;
    margin-left: -14%;
}

#contact > h3 {
    color: #51abcb;
    margin: 0;
    padding: 0 49px 10px 0;
    border-bottom: solid 1px #95eaff;
    width: 390px;
    font-size: 1.867em;
}

#contact > form {
    border-top: solid 1px #0a82a6;
    border-right: solid 1px #0a82a6;
    margin: 0;
    float: left;
    width: 390px;
    min-height: 266px;
    padding: 10px 48px 10px 0;
}

#contact > form > p > input[type = text] {
    color: #51abcb;
    background: #95eaff;
    border: solid 1px #ffffff;
    width: 250px;
    -webkit-appearance: none;
    border-radius: 0;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#contact > form > p > textarea {
    color: #51abcb;
    background: #95eaff;
    border: solid 1px #ffffff;
    width: 249px;
    height: 100px;
    -webkit-appearance: none;
    border-radius: 0;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#contact > form > p > input[type = submit] {
    margin: 0 0 0 264px;
}

#footer {background-color: #F4F4F4;}

#contact, #menuFooter {
    float: left;
}


#footer .wrapper {
    padding: 30px 0;
}

#menuFooter {  float:left; width:1200px}
#logoFooter {width:310px; float:left;}
#logoFooter img{width:300px;}

.formulaire {width:596px; float:left;}
.formulaire h3 {color:#000; font-weight: 300; font-size: 32px; text-transform:uppercase;margin: 20px 0 0;padding: 0;}
#menuFooter ul {list-style: none;margin: 0; padding: 0;}
#menuFooter li {display:block;margin: 5px 0; float: left;  padding: 0 6px ;}
#menuFooter li a {
    padding: 0px 10px; 
    font-weight: 300; 
    text-decoration:none;
    border-bottom:5px solid transparent; 
    border-right: solid 1px #fff;   
    display: block;
    color: #061830;
    text-decoration: none;
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.333333px;
}

#menuFooter li:last-child a {
    border-right: none!important;
}
#menuFooter P, #menuFooter P A {
    color: #061830;     
    font-size:15px; 
    text-align: center;
}

#infoclient a.actif,
#menuFooter li a.actif,
#menu li a.actif { color: #B0AA9C; }
.formulaire input,
.formulaire textarea{font-family: "Roboto",sans-serif; height: 34px; border: 1px solid #bbbbbb; padding: 4px 5px; font-size: 14px; width: 275px;margin: 0px 0 10px;}
.formulaire textarea {height: 185px; resize: none;}
.inputHolder {width: 300px; float:left;margin-bottom: 10px;}
.captchaBox {float: right; width: 260px;}
.captchaBox label {width:100%; color:#77787b; font-size:16px; font-weight:300;text-align: left; text-transform:uppercase;}
.formulaire input[type="submit"],
.formulaire .remove{width:45%; margin-right:5%;height: auto;margin-top: 10px; border: none;}
.formulaire .remove{width:34%;}
.formulaire .remove {background: #000;padding: 4px 10px;color: #fff;font-size: 14px;font-weight: 300;text-transform: uppercase; text-decoration: none;}
#adresse { border-top:2px solid #2484c6;}
#adresse  .wrapper {text-align: center;  padding: 5px 0;  line-height: 30px; }
#adresse  .wrapper a {margin:0 20px;}
#adresse  .wrapper span  {height: 30px;line-height: 30px; }
#adresse  img {position: relative;top: 8px;}

#infoclient a.connectedusername:hover { border-bottom: none; }

#flash {
    width: 906px;
    height: 290px;
    margin: 0 auto;
    padding: 20px 0;
}

#flash > h1 {
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 3.3em;
    line-height: 140%;
}

/***************
 * Header Client
 ***************/
#headerclient {
    padding: 50px
}

#headerclient h1, #headerclient h2 {
    font-size: 35px;
    text-transform: unset;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: 1.98px;
    text-align: left;
    color: #fff;
}
#headerclient h1 {
    font-size: 75px;
}

#headerclient h1 span{
    color: #b0c8fb;
}

/***************
 * Identifications Client
 ***************/

#identclient {
    max-width: 1520px;
    margin: 0 auto;
    background: #061830;
    padding: 50px;
    border-radius: .4rem;
}
#identclient h1, #identclient h2 {
    font-size: 35px;
    text-transform: unset;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: 1.98px;
    text-align: left;
    color: #fff;
}

#identclient h1 {
    font-size: 60px;
}

#identclient h2 {
    font-size: 35px;
}

#identclient h1 span{
    color: #b0c8fb;
}
    

#identclient h3 {
  font-size: 18px;
  letter-spacing: 0.9px;
  color: #fff;
  text-transform: unset;
}
#identclient h4 {
 font-family: "Homemade Apple", cursive;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.9px;
  color: #c8c0b5;
  text-transform: unset;
   padding: 0 0 20PX 30%;
    rotate: -6deg;
}

#identclient .left {
    display: inline-block;
    width: 50%;
    vertical-align: top;
}
#identclient .right {
    display: inline-block;
    width: 49%;
    margin-top: 100px;
}
.line{
    background: #fff; 
    width: 1px!important;
     min-height: 500px;
    padding: 0px 0px 0px 0px!important;
    margin: 50px!important;
    display: inline-block;
    vertical-align: TOP;
    margin-top: 50PX;   
}
#identclient form p>label {
    width: 135px;
    text-align: left;
    font-weight: 300;
    color:#FFF;
    font-size:16px;
}


#identclient form   .part1 {
    float:left; 
    width:69%;
    color:#FFF;
    margin-bottom: 15px;
}
#identclient form .part2 {
    float:left; 
    width:30%;
    clear: right;
}
#identclient form .part1 .texte  {
  font-size: 14px;
  letter-spacing: 0.8px;
  text-align: left;
  color: #fff;
}
#identclient form .part2:before {
    content: " | ";
    color: #fff;
    margin-right: 15px;
}

#home {
    margin: 50px 0px 50px 0px;
}

#home .halfcol p, #home .halfcol ul,#home {
    font-size: 22px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height:2;
    letter-spacing: 1.2px;
    text-align: left;
    color: #b0c8fb;
}

#home .halfcol H2{
    font-size: 25px;
    font-weight: BOLD;
    font-stretch: normal;
    font-style: normal;
    line-height:1;
    letter-spacing: 1.2px;
    text-align: left;
    color: #b0c8fb;
}

#home .halfcol p,  #home .halfcol H2 ,#home .halfcol ul {
    padding: 0% 50px;
}

#home .halfcol ul {
    padding: 0% 20%;
}
 

#identclient form p{margin-bottom: 5px;}

#identclient form select,
#identclient form input[type=text],
#identclient form input[type=password] {
    width: 250px;
    text-align: left;
    border:1px solid white;
    padding: 8px 0px 8px 8px;
    background: #061830;
    margin-bottom: 10px;
    color: white;
    border-radius:.4rem;
}

#identclient form select {
    width: 260px;
}

#identclient form p>input.telephone {
    width: 180px;
    margin: 0 11px 0 0;
}
#identclient form p>input.telephone_poste {
    width: 50px;
}

#identclient form ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: white;
  opacity: 0.5; /* Firefox */
}

#identclient form :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: white;
}

#identclient form ::-ms-input-placeholder { /* Microsoft Edge */
  color: white;
}

 

#connexion { 
    font-size: 1.2em;
    position: absolute;
    text-align: left;
    right: 140px;
    top: 41px;
}
 
#connexion form span{ 
    width: 100px;
    float: left;
    color: #fff;
}
#connexion input[type="checkbox"] {
    margin-left: 100px!important;
}
#utilisateurs h1, #utilisateurs h2  { 
    color: #fff;
}
#utilisateurs form input[type="text"],
#reconnexion form input[type="text"],
#connexion form input[type="text"],
#reconnexion form input[type="password"],
#connexion form input[type="password"] {color: #fff; text-align: left; border: 1px solid #fff; padding: 7px 5px; vertical-align: top;width: 217px; margin: 0 10px 0 0; background: transparent; border-radius:.4rem;}
#connexion form input[type="submit"] {font-size: 14px; margin-left: 0; padding: 5px 10px; border-radius:.4rem;}
#connexion.ouvert {
    display: block;
}
#connexion p.erreur_connexion { text-align: left; color: #ff0000; min-height: 1; font-size: 14px;}

#connexion > div#nouveau { width: 300px; min-height: 130px; float: left; }

#connexion.ouvert > div#nouveau {
    display: block;
}
#nouveau a{margin-left:0;}
#nouveau > h4 {
    margin: 0;
    padding: 0;
    color: #1a587f;
    font-size: 1.167em;
}

#nouveau > p {
    margin: 0;
    padding: 0 0 20px;
    font-size: 0.8em;
}

#connexion > form label.texte {
    font-size: 14px;
    font-weight:300;
    color:#fff;
    text-decoration:none;
}

#connexion a.bouton {
    font-size: 0.8em;
}
#connexion input[type="checkbox"]{ margin: 0 4px; vertical-align: top; top: 4px; position: relative;}


#mdpoublie {
    margin: 0;
    font-size: 14px;
    font-weight:300;
    color:#fff;
    text-decoration:none;
    padding-left: 2px;
}
#mdpoublie:hover {color:#2484C6;}

#inscription {
   /* clear: both;*/
}

#inscription > form {
    width: 100%;
}

#inscription label {
    width: 175px;
    text-transform: uppercase;
}
#inscription>h3 {
    font-size: 1.533em;
    color: #FFF;
    padding: 15px 0 5px;
}


/*************************************
 *
 * Section pages
 *
 *************************************/

#img_section {
    position: absolute;
    top : 150px;
    left: 630px;
}


.copyright { background:#000; color:#aaaaaa;font-size:12px; }
#adresse .wrapper,
.copyright .wrapper {text-align: center; padding:10px 0; }
.copyright a {color:#aaaaaa; text-decoration: none; margin: 0 30px;}
.copyright a.adminlink {color:#2484c6; text-transform:uppercase;}


#popup >label {
    display: block;
    text-align: left;
    width: auto;
    font-size: 0.8em;
}


.salutation{ color: white; font-size: 13px; font-weight: 700; text-transform: uppercase; float: left; display: block; line-height: 1; margin-top: 10px }

#infoclient {
    padding:15px;
    background: #061830;
    border-radius : .4rem;
}

#infoclient .urlDevis {
	display: none;
}

#infoclient a{ color: white; font-size: 13px; font-weight: 600;  line-height: 1; padding: 0px 10px; margin-top: 10px; border-right: solid 1px #fff; text-decoration: none; display:inline-block;}
#infoclient a.last-child {  
    border-right: none!important;
}
#infoclient a:hover,
#menuFooter li a:hover,
#infoclient a.active {color:#B0AA9C;}
#infoclient a.connectedusername {color:white; margin-left:5px; float:left; max-width: 190px; margin-top: 10px; border-right: none;}
#infoclient a.nomLong { font-size: 12px; }

#formrecherche {
	float: right;
	width: 187px;
        background: white;
}
#formrecherche>label {
    width: auto;
}
#ficheclient {
    width: 600px;
    float: right;
    margin: 0;
    padding: 3px 0 0;
}
#ficheclient>li {
    float: right;
    display: block;
    border-right: solid 1px #8e8e8e;
    padding: 0 8px;
}
#ficheclient>li:first-child {
    border: none;
    padding: 0 0 0 10px;
}
#ficheclient>li>a {
    color: #9D9D9D;
    text-decoration: none;
}

#ficheclient>li>a>strong {
    color: #1a587f;
    font-weight: bold;
    font-size: 1.1em;
}

.wrapper {
    max-width: 1520px;
    margin: 0 auto;
   /* background:#061830;*/
}
.arianne {
    max-width: 1520px;
    margin: 0 auto;
}
#fil_navigation ul{
    margin: 15px 0 0;
    padding: 0 0px 0 15px ;
    list-style: none;
}
#fil_navigation ul>li {
    float: left;
    padding: 0 6px 0 0;
    font-weight: 700;
    font-size:16px;
    color:#b0c8fb;
}

#fil_navigation ul>li>a {
    color: #4e4e4e;
    text-decoration: none;
    font-weight: 300;
}
/*********************************************/
span.recherche {
    background: #ffffff;
    height: 29px;

}
span.recherche>input {
    border: none;
    background: transparent;
    margin: 0;
    padding: 0;
    font-size: 1.1em;
    vertical-align: bottom;
}

span.recherche>input[type=text] {
    height: 20px;
    border: 1px solid #bbbbbb;
    border-right: none;
    padding: 4px 5px;
    font-size: 0.8em;
    width: 142px;
    display: block;
float: left;
}
span.recherche>input[type=submit] {
   width: 34px;
   height: 30px;
   border-left: 1px solid #bbbbbb;
   cursor:pointer;
   display:inline-block;  
   background: url('../../images/sprite-bleu.png') no-repeat left top; 
   text-indent: -9999px;   
   background-position: -70px -68px
}
span.recherche>input[type=button] {
    width: 24px;
    height: 24px;
    background: url('../../images/can-aqua/loupe_recherche.png') 0 0 no-repeat;
    border: 1px solid #d5e7ed;
    border-left: none;
}

/*********************************************/
#reconnexion {
    width: 960px;
    margin: 0 auto;
}
p.ctrl_form {
    text-align: right;
    padding: 0 60px 0 0;
}
p.infos_supp {
    font-style: italic;
    font-size: 0.9em;
}
.buttonset {
    padding: 10px;
}

p.erreur {
    padding: 10px 10px 0;
    color: #ff0000;
}
span.insec  {
  /*  white-space: nowrap;*/
}

/******************************/

#liste_manufacturiers>div {
    min-height: 70px;
    padding: 7px 0 7px 70px;
    margin: 0;
    border-top: solid 1px #a1a1a1;
}

#liste_manufacturiers>div>div {
    padding: 10px 0 7px 0px;
}
#liste_manufacturiers>div.premier {
    border-top: none;
}
#liste_manufacturiers>div.dernier {
    border-bottom: none;
}
#liste_manufacturiers>div>a>img,  #liste_manufacturiers img{
    width: 60px;
    background: #dddddd;
    display: block;
    float: left;
    margin: 0 0 0 -70px;
}
#liste_manufacturiers>div>h2 {
    margin: 0 0 5px;
    padding: 0;
}
#liste_manufacturiers>div>p {
    margin: 0 0 5px;
    padding: 0 !important;
}
#liste_manufacturiers h3 {
    cursor: pointer;
}
#liste_manufacturiers .description, #liste_manufacturiers .none {
    display: none;
}

#texte_conditions {
    border: 1px solid #bbb;
    background: #061830;
    font-size: 0.8em;
    height: 95px;
    margin: 0 0 30px 0;
    overflow: auto;
    padding: 5px;
    width: 95%;
    margin: 0 0 30px;
    border-radius:.4rem;
}

#utilisateurs #texte_conditions {
    margin:  0 0 15px 145px;
}
.TAR {text-align:right;}
.bouton[type="submit"], .saveFile[type="button"], .saveFile[type="submit"]  {cursor:pointer; background:#1C2D43; border:none; padding:8px 15px; color:#fff; font-size:15px; font-weight: 300; text-transform:uppercase;}
.bouton.black[type="submit"] {background:#000;}
.message {padding: 20px 0;}

.projetListContent {float:left;  width:40%}
.projetListContent a {display:block;}
.optionbox {float:right;/*width:420px;*/ width:60%; /*padding-top: 28px; remove for correct align in subfolder*/text-align: right;}

.optionbox a,
.unProjetListing .optionbox a {
    display: inline-block; 
    min-width: 80px; 
    text-align: center; 
    font-size: 9px; 
    text-transform: uppercase; 
    position: relative; 
    padding-top: 55px; 
    text-decoration: none; 
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 0.5px;
    color: #37373a;
 
}
.optionbox a i,
.unProjetListing .optionbox a i {
   position:absolute; 
   top:0;     
   left: 50%!important;  
   transform: translate(-50%,  0%)!important; }
.unProjetListing .optionbox a i.supprimer {left: 30%;}
.unProjetListing .optionbox a i.reindexe {left: 30%;}
.unProjetListing .optionbox a i.copier {left: 15%;}

#fiche_courante > div.descBox {background: none repeat scroll 0% 0% #061830; width: 91%; margin: 0; border: none; padding: 10px 4.5%; color:#fff;}
div.descBox h4 { color:white;}
.erreur404_fr {width:584px; height:72px; background: url('../../images/erreur404_fr.jpg') no-repeat left top; text-indent: -9999px; display:block;}
.halfcol {width:50%; float:left;}
.contenuplus {background: url('../../images/sprite.png') no-repeat -56px -130px; width:30px; height:30px; display:inline-block; text-indent:-9999px;position: absolute; top: 0; right: -30px;}
.accueil .contenuplus {top: 346px; right: 146px;}
.contenuplus.minus {background-position: -16px -130px;}
.hide{display:none;}
.statique2.services p{position:relative;}
#contenu.statique2.services p a {color: #2484c6;}
#contenu.statique2.services table td {vertical-align:top; padding:10px 30px 0 0;}

.unservice {padding: 10px 0 20px;}
.unservice .service {float:left; width:86px; padding-right:10px;}
.unservice .contentservice {float:left; width:834px;}

.errormsg {padding-bottom:20px;}
#inscription .errormsg label,
.errormsg,
.errormsg label.error {font-size:12px; color:red; text-transform:none;width: 100%;text-align: left;}

.titlewithbar {border-bottom: 3px solid #000; text-transform: uppercase; color: #000; font-size: 16px; font-weight: 400; padding: 5px 0; margin: 20px 0;}
.red {
   font-size:15px; 
   color:red!important;
    position: absolute;
    top: 14px;
    left: 0px;
    right: 0px;
}

.modalProjet {
    display: none;
    background: white;
    border:1px solid #b8b8b8;
}
.modalProjet .modalModif_top h2 {padding: 10px 0; width:550px; float:left; line-height:45px;}
.modalProjet .modalModif_top h2 .titreProjet {color:#787878;}
.modalProjet .modalModif_top h2 i {margin: 0 10px; float: left;}
.modalProjet .modalModif_top .fermerModal {float:right; width:116px; color:#000; text-transform: uppercase; font-size:14px; margin-top: 13px;text-decoration:none;line-height: 24px; border: none;}
.modalProjet .modalModif_top .fermerModal i {float:right;margin-left: 10px;}
.modalModif_bandeau {display: block; background:#061830; height:30px; width:100%;}
.modalProjet .modal_content {padding:10px 40px;}
.modalProjet .modal_content label {text-align: left; float: left; width: 175px; color:#7a7a7a; font-size:14px; text-transform:uppercase;margin-top: 6px;}
.modalProjet .modal_content input[type="text"],
.modalProjet .modal_content textarea{ text-align: left; border: 1px solid #A7A7A7; padding: 7px 5px; vertical-align: top;width: 400px; margin-right: 0; }
.modalProjet .modal_content textarea {resize: none;}
.modalProjet .modal_content input[type="submit"],
.modalProjet .modal_content input[type="button"],
.modalProjet .modal_content button{font-size: 14px; margin: 0; float: right;}
.modalProjet .modal_messages {padding:20px 40px; background:#d0ebfe;}

#modalPartage .message.erreur1 { padding: 20px 35px; }

#suggestions {
    display: none;
    background: #fff!important;
    width: 264px;
    border: 1px solid #BBBBBB;
    border-top: none;
    display: none;
    max-height: 500px;
    overflow-y: scroll;
    height: auto;
    position: inherit!important
}
.listeCourriel,
#courrielSelectionnes,
#suggestions ul{list-style: none; padding: 10px; margin: 0;}
#courrielSelectionnes li,
#suggestions ul li { margin:10px 5px; padding-bottom:5px; border-bottom:1px solid #bbb; cursor:pointer;}
#courrielSelectionnes li:hover,
#suggestions ul li:hover {cursor:pointer; color: #2484C6;}
#courrielSelectionnes li {border:none;}
#courrielSelectionnes {padding: 0px; width: 440px; overflow-y: scroll; height: 120px;display: none;}
#courrielSelectionnes li .remove {background: url("../../images/sprite.png") no-repeat scroll -314px -122px transparent;
width: 16px;
height: 16px;
display: inline-block;
margin-left: 10px;}

.searchwithloupe {float:left;}
.btrechercheProjet {cursor: pointer;background: url("../../images/sprite.png") no-repeat scroll -112px -24px transparent;width: 38px;height: 30px;border: medium none;}
.modalProjet .modal_content input[type="button"].btrechercheProjet {float:left;}

.nomProjet {color:#797979; font-size:16px; text-decoration:none; text-transform:uppercase; background: url("../../images/sprite.png") no-repeat scroll -733px -27px transparent; padding: 6px 0px 6px 55px; display: block;}
.selectedProjet,
.nomProjet:hover {background-position: -733px -67px; color: #2484C6; cursor: pointer;}
.modal_copie_vers_resultat_recherche_content {width:500px; float:left; overflow-y: scroll; height: 136px; margin-bottom: 20px;}

#modalAgrandir{display:none;}
#modal_copie_vers_nom_fiche {height: 33px;line-height: 33px;display: block;}
#modal_copie_vers_nom_fiche  i {float: left;}

#modalCopieVers .effacerRecherche { display: none; }
#modalCopieVers .validCopie { display: none; }

.modal_supprimer_question { width: 400px; float: left; }
.btnAnnuler { margin-left: 20px !important; }

.notification  {background:#2484C6; color:white; font-size:20px; text-transform:uppercase; text-align:center; padding:10px;}
.notification .ui-dialog-content {padding:20px 40px; text-align: center}
.notification .ui-dialog-titlebar-close {background: url("../../images/sprite.png") no-repeat scroll -17px -23px transparent; float: right; display: block; text-indent: -9999px; width: 34px; height: 28px;}
.ui-dialog-titlebar-close {  display: none;}
.notification  .ui-button {padding: 4px 10px; color: #FFF; font-size: 16px; font-weight: 300; text-transform: uppercase; text-decoration: none; margin: 0 10px; cursor:pointer; background: none repeat scroll 0% 0% #000;border: 1px solid #000;}
.notification   #popup > label {text-align: center}

/*sprite*/
i {
   display:inline-block;  
   background: url('../../images/sprite-bleu.png') no-repeat left top; 
   width:50px; 
   height:50px; 
   text-indent: -9999px;
   
}
i.fermer {background-position:  -10px -25px}
i.recherche {background-position:  -60px -70px}
i.fermer2 {background-position:  -21px -24px;}
i.vierge {background-position:  -757px -190px;}
 
 
i.renommer {background-position: -683px -6px;}
i:hover.renommer {background-position: -683px -65px;}

i.copiervers {background-position:  -371px -181px;}
i:hover.copiervers {background-position:  -371px -240px;}

i.modifier {background-position: -48px -181px;}
i:hover.modifier {background-position:  -48px -240px;}

i.partager {background-position: -238px -181px;}
i:hover.partager {background-position: -238px  -240px;}

i.supprimer {background-position: -113px -181px;}
i:hover.supprimer {background-position: -113px  -240px;}

i.reindexe {background-position: -730px -132px;}

i.copier {background-position: -305px  -181px;}
i:hover.copier {background-position: -305px -240px;}

i.agrandirp,  i.agrandir2 {background-position: -615px -6px;  }
i:hover.agrandirp, i:hover.agrandir2 {background-position: -615px -65px;}

i.agrandir {background-position:-165px -63px; }
i:hover.agrandir  {background-position: -233px  -63px;}

i.archive_blanc {background-position: -531px -65px; }

i.archive_bleu {background-position: -463px -65px;  }

i.deselectall, i.selectall{background-position: -102px -120px; }
i:hover.deselectall, i:hover.selectall{background-position: -165px  -120px}

i.pdf {    background-position: -523px -192px}
i:hover.pdf {background-position:-523px -257px}

i.ac {background-position: -478px  -192px}
i:hover.ac {background-position: -478px  -257px;}

i.sp {background-position: -559px  -132px}
i:hover.sp {background-position: -559px  -132px}

i.r {background-position: -434px  -192px}
i:hover.r {background-position: -434px  -257px;}

i.iconalerte {background-position:-180px -185px;}
i:hover.iconalerte {background-position: -180px -252px;}

 
i.imprimer {    background-position: -574px -180px}
i:hover.imprimer {background-position:-574px -245px}
 
i.remplacer {background-position: -710px -179px }
i:hover.remplacer {background-position: -710px -245px}

 
i.exportation_pdf_icon   {background-position: -460px -1px;   float: left}
i.exportation_excel_icon {background-position: -505px  -1px;    float: left}
i.exportation_word_icon {background-position: -550px  -1px;    float: left}

i.moins {background-position: -6px  -126px }
i.plus  {background-position: -48px  -126px}

#fiche_courante.none p, #fiche_courante.none br,  .nonApplic.none, .sousdept ul.none {display: none!important;}
i.nouvelles {background-position: -390px -33px; width:22px; height:21px;float: right; margin-left:4px;}
i:hover.nouvelles {background-position: -390px -33px; width:22px; height:21px;}

/* POUR CKEDITOR, afin d'avoir un background bleu sur l'editeur des services offerts de la page d'accueil */
.servicesofferts_background {
	background-color: #2484C6;
}
.noticeprix{padding: 30px 0 50PX 0;  color:#96969a; font-weight: bold;  text-align: center; font-size: 13px;}

.notice{
    padding: 30px 80px 50px 80PX;
    font-size: 75px;  
    text-transform: unset;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: 1.98px;
}
.noticeleft{ display: block; color:#ffffff;   text-align: left;}
.noticeright{ display: block; color:b0c8fb;    text-align: right;}


.text_sortable{
    font-weight: bold; 
    color: #000; 
    border-bottom: 2px solid #061830; 
    padding-top : 15px; 
    padding-bottom : 30px; 
    margin-top: 10px; 
    text-transform: uppercase;
    padding-left: 25px;
}

.firstCat a, .secondtCat a  {text-decoration: none;}
.firstCat{width: 450px; display: inline-block; float:left; margin-right: 50px;}
.secondtCat{width: 450px; float:left;}
.firstCat span, .secondtCat span{cursor: pointer; position: relative;top: 225px;  color: #FFF;font-size: 40px;font-weight: bold;border-bottom: 5px solid #368ECA;}
.secondtCat span{left: 84px;}
.firstCat span{left: 115px;}
.previewPicQues{position: relative;}
.overlaypicsim {
    position: absolute;   
    left:0;
    top: 0;
    z-index: 999;
}

.recherche_link {
	cursor: pointer;
}