*{
    font-family:arial,helvetica,sans-serif;
}

body {
    background-color: #FCFCFC;
}

#hennerproContent h1 {
    color: #000000;
    margin: 0 0 5px 0;
    padding: 0;
    font-size: 32px;
}
#hennerproContent #sectionAccroche{
    font-size: 14px;
    margin: 23px 0 30px;
}

#hennerproContent #sectionAccroche .exempleAccroche{
    font-style: italic;
    font-size: 0.8em;
}
.soulignage_titre {
    background-color: #004C93; 
    width: 80px;
    height: 7px;
    margin-bottom: 5px;
}
.inlineBlock{
    display: inline-block;
    zoom:1;*display:inline; /* Hack ie7 */
    vertical-align:top;
}
.displayNone{
    display: none;
}
.clearedElement{
    overflow: hidden;
    clear: both;
}
.asterisk {
    color: #701A0A;
    font-size: 0.9em;
}
.erreur {
    color: #F2241E;
}
a {
    color: #3B3F46;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
a.ui-selectmenu:hover{
    text-decoration: none;
}
tr.lien:hover > td{
    cursor: pointer;
    background-color: #2A5099 !important;
    color: #FFFFFF;
}
table.dataTable tbody {
    text-align: right;
}
fieldset {
    border: 0;
}

/* Styles des boutons */
input[type="submit"].submit, input[type="submit"].next,
#validerChangerMdpButton
{
    color: white;
    font-weight: bold;
    padding: 3px;
    min-width: 100px;
    cursor: pointer;

    background-color: #3ABB54;
    border: 1px solid #259737;
    border-right-width: 2px;
    border-bottom-width: 2px;

    box-shadow: 1px 1px 5px #aaa;
}
input[type="submit"].submit:active, input[type="submit"].next:active {
    /* On inverse les border pour faire un effet appuyé */
    border: 2px solid #259737;
    border-right-width: 1px;
    border-bottom-width: 1px;
}
input[type="submit"].next {
    background: url("../images/bouton/next.png") no-repeat scroll right center #3ABB54;
    padding-right: 26px;
}
input[type="submit"].previous, input[type="reset"] {
    color: white;
    font-weight: bold;
    padding: 3px;
    min-width: 100px;
    cursor: pointer;

    background-color: #80B8DD;
    border: 1px solid #4D8AB7;
    border-right-width: 2px;
    border-bottom-width: 2px;

    box-shadow: 1px 1px 5px #aaa;
}
input[type="submit"].previous:active, input[type="reset"]:active {
    /* On inverse les border pour faire un effet appuyé */
    border: 2px solid #4D8AB7;
    border-right-width: 1px;
    border-bottom-width: 1px;
}
input[type="submit"].previous {
    background: url("../images/bouton/previous.png") no-repeat scroll left center #80B8DD;
    padding-left: 26px;
}
input[type="submit"].submit[disabled] {
    background: lightgray; 
    color: #AAAAAA;
    cursor: default;
    border-color: #AAAAAA;
    border-style: solid;
    border-width: 1px 2px 2px 1px;
}

button.picto {
    color: #3A3E47;
    font-weight: bold;
    padding: 3px;
    min-width: 100px;
    height: 26px;
    cursor: pointer;

    border: 1px solid #A4A4A4;
    border-right-width: 2px;
    border-bottom-width: 2px;

    background-color: #F0F0F0;
    padding-left: 26px;
}
button.picto:active {
    /* On inverse les border pour faire un effet appuyé */
    border: 2px solid #A4A4A4;
    border-right-width: 1px;
    border-bottom-width: 1px;
}
button.picto.telephone {
    background: url("../images/pictos/telephone.png") no-repeat scroll 5px center #F0F0F0;
}
button.picto.email {
    background: url("../images/pictos/email.png") no-repeat scroll 5px center #F0F0F0;
}

.conteneur_btns > div {
    display: inline-block;
    zoom:1;*display:inline; /* Hack ie7 */
    margin: 5px 10px;
}
.conteneur_btns > div > input {
    float: left; /* Pour éviter que lorsqu'on clique sur un bouton l'affichage se décale*/
}
input[type=text], input[type=password], input[type=number]{
    padding: 5px;
}

/* Bloc des actions */
#bloc_actions a:hover {
    text-decoration: none;
}
.button.action {
    height: 30px;
    color: #024C94;
    font-weight: bold;
    cursor: pointer;

    margin: 5px 0;
    border-top: 1px solid #DDDDDD;
    border-right: 2px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    border-bottom: 2px solid #DDDDDD;

    box-shadow: 1px 1px 3px #DFDFDF;

    border-radius: 4px;

    background-color: #F6F6F6;

    text-align: left;
    padding-top: 10px;
    padding-left: 20px;
    font-size: 1em;
}
.button.action:active {
    border-top: 2px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    border-left: 2px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
}
.button.action.tarification {
    background: url("../images/bouton/superieur_vert.png") #F6F6F6 95% center no-repeat;
    color: #009322;
}
.button.action.creationDevis {
    background: url("../images/bouton/superieur_orange.png") #F6F6F6 95% center no-repeat;
    color: #E75D01;
}
.button.action.souscription {
    background: url("../images/bouton/superieur_bleu.png") #F6F6F6 95% center no-repeat;
    color: #247CDB;
}

/* Bloc contenant image */
.block_conteneur_image .conteneur_image {
    position: relative;
}
.block_conteneur_image .conteneur_image img {
    display: block;
    width: 100%;
}
.block_conteneur_image .conteneur_image p {
    position: absolute;
    font-size: 1.05em;
    margin: 0;
    color: white;
}
.block_conteneur_image a:hover .conteneur_image { /* Hack ie7 */
    text-decoration: none;
    cursor: pointer;
}
/* Bloc hotline, doc_utiles et reseau */
#bloc_hotline, 
#bloc_reseau {
    margin: 10px 0;
}
#bloc_hotline .conteneur_image p, 
#bloc_reseau .conteneur_image p,
#bloc_doc_utiles .conteneur_image p,
#bloc_memento .conteneur_image p
{
    left: 48px;
    color: white;
    width: 145px;
}
#bloc_hotline .conteneur_image p {
    top: 26px;
}

#bloc_doc_utiles .conteneur_image p {
    top: 25px;
}
#bloc_reseau .conteneur_image p {
     top: 7px;
 }

#bloc_memento .conteneur_image p {
    top: 14px;
}
#mentionlegale a, #politiqueConfidientalite a{
    color : #2C529D;
}

#mentionlegale .information,
#politiqueConfidientalite .information
{
    font-style:italic;             
}

#mentionlegale  div ul li p, #politiqueConfidientalite div ul li p {
    margin-left: 25px;
}

#mentionlegale  h4,#mentionlegale  h3, #politiqueConfidientalite  h4,#politiqueConfidientalite  h3{
    color : #2C529D;
    text-decoration: underline;
}


#mentionlegale  h2, #politiqueConfidientalite  h2{
    color : #2C529D;
    text-transform: uppercase;
}
#mentionlegale, #politiqueConfidientalite{
    width: 950px;
    margin: auto;
    font-size: 12px;
}
#mentionlegale hr{
    margin-top: 10px;
    width: 800px;        
}

#politiqueConfidientalite table, #politiqueConfidientalite table th,  #politiqueConfidientalite table tbody tr td
{
    border: 1px solid #000;
    border-collapse: collapse;
    color: black;
}
#politiqueConfidientalite table tbody tr td
{
    padding-left: 8px;
}

#politiqueConfidientalite table tbody tr td ul
{
    padding-left: 22px;
}

 #politiqueConfidientalite table  th{

    text-align: center;
}

#politiqueConfidientalite table th {
    background-color: #4f81bd; color: white;
}


#politiqueConfidientalite table th,  #politiqueConfidientalite table td{
    padding-top: 5px;
    padding-bottom: 5px;

}

#politiqueConfidientalite table th {
    background-color: #4f81bd; color: white;
}


#politiqueConfidientalite table td{
   color: black;
}

#politiqueConfidientalite table tr td:first-child {
    background-color: #4f81bd; color: white;
}
#politiqueConfidientalite table tr:nth-child(even) {background-color:  #deeaf6;}
#politiqueConfidientalite table tr:nth-child(odd) {background-color:  #bdd7ee}

#politiqueConfidientalite  article  {
        margin-top: 10px;
}

#politiqueConfidientalite #cookies-options-form
{
    margin: 10px 0 0;
    text-align: inherit;
}

#politiqueConfidientalite #cookies-options-form .cookies-options-list label
{
    width: 100%;
    text-align: left;
    margin-bottom: 5px;
}

#politiqueConfidientalite .btn-container
{
    text-align: right;
}
#politiqueConfidientalite button.submit-btn {
    background-color: #fc5c77;
    border: 0 none;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    max-width: 100%;
    padding: 10px 20px;
    position: relative;
    right: 0;
    top: 15px;
    width: auto;
}



#politiqueConfidientalite #cookies-options-form .cookies-options-list
{
    list-style-type : none;
    margin-bottom: 10px;
}

#politiqueConfidientalite #cookies-options-form .cookies-options-list li
{
    list-style-type : none;
    margin-bottom: 10px;
}

.lien_retour {
    color: #2E74B4;
    display: block;
    margin-top: 5px; 
}
#contenu_actualite{
    padding-left: 225px;
    text-align: justify;
    margin-right: -15px;
}

#contenu_actualite ul {
    padding-left: 20px;
}



#hennerproContent h2.titre_actu {
    padding-left: 210px;
    text-align: center;
}

#contenu_actualite table.actualie_gsmc_table.actualite20 {
    text-align: center !important;
}

.notfound h2 {
    font-size: 1.3em;
}
.qtip-hennerpro-defaut {
    background: #00338E;
    color: white;
    border-color: #00338E;
    border-radius: 3px;
}


/* Carrousel intermédiaires */
#slide_bonnesraisons_wrapper, #slideNav{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #737373;
}
#slide_bonnesraisons_wrapper{
	border:1px solid #a5b7d6;
	position:relative;
	top: 10px;
	z-index:1;
	width:278px;
	margin:auto;
}
#slide_bonnesraisons_wrapper, #slide_bonnesraisons, .slideLeft{
	height:380px;
	overflow:hidden;
}
.slideLeft, .slideRight{
	float:left;
}
.slideLeft{
	width:91px;
	height:100px;
}
.slideLeft .pagination{
	margin:0;
	width:auto;
	height:90px;
	background-color:#00338e;
	color:#fff;
	font-size:7em;
	text-align:right;
	font-weight:bold;
	padding:10px 13px 0 0;
}
#slide_bonnesraisons_wrapper .image{
	height:280px;
	overflow:hidden;
	clear:both;
}
#slide_bonnesraisons_wrapper .slideRight{
	overflow:hidden;
	width:167px;
	padding:10px 10px 9px 10px;
	border-bottom:1px solid #D8D8D8;
	height:80px;
}
#slide_bonnesraisons_wrapper .slideRight p{
	margin-bottom:25px;
}
#slide_bonnesraisons_wrapper .slideRight h2{
	font-size:1.5em;
	font-weight:bold;
	margin:20px 0 0;
}
#slide_bonnesraisons_wrapper .slideRight strong{
	color:#00338e;
	font-weight:bold;
}
#slide_bonnesraisons_wrapper .slideRight p, #slide_bonnesraisons_wrapper .slideRight a, #slide_bonnesraisons_wrapper .slideRight span, #slide_bonnesraisons_wrapper .slideRight strong, #slide_bonnesraisons_wrapper .slideRight li{
	line-height:1.5em;
	font-weight:bold;
}
/* 'couverture' */
#slide_bonnesraisons_wrapper .first .slideLeft *, #slide_bonnesraisons_wrapper .first .slideRight *{
	text-align:center;
	line-height:1;
}
#slide_bonnesraisons_wrapper .first .slideLeft{
	background-color:#fff;
	color:#00338e;
	height:380px;
	width:100px;
}
#slide_bonnesraisons_wrapper .first .slideRight{
	background-color:#00338e;
	color:#fff;
	height:360px;
	width:158px;
}
#slide_bonnesraisons_wrapper .first .slideLeft .xl{
	font-size:24px;
	position:relative;
	top:-15px;
}
#slide_bonnesraisons_wrapper .first .slideLeft .xxl{
	font-size:144px;
	font-weight:bold;
}
#slide_bonnesraisons_wrapper .first .slideRight .xl{
	font-size:20px;
	font-weight:normal;
}
#slide_bonnesraisons_wrapper .first .slideRight .xxl{
	font-size:48px;
	letter-spacing:-3px;
}
#slide_bonnesraisons_wrapper .first .slideLeft .lettrage{
	margin:25px 0 0;
}
#slide_bonnesraisons_wrapper .first .slideRight .lettrage{
	margin:82px 20px 0;
}
#slide_bonnesraisons_wrapper .first .slideRight span, #slide_bonnesraisons_wrapper .first .slideRight p{
	text-align:left;
}
#slide_bonnesraisons_wrapper .first .slideRight p{
	margin:0;
}
/* navigation */
#slideNav{
	margin:10px 0;
	text-align:center;
}
#slideNav a{
	display:inline;
	color:#737373;
	font-size:1.2em;
	padding:0 5px;
	text-decoration:none;
}
#slideNav a:hover{
	text-decoration:underline;
}
#slideNav a.activeSlide, #slideNav a:hover{
	color:#00338e;
}
#slideButtons a{
	position:absolute;
	z-index:999;
	top:47%;
	display:block;
	background-image:url("../images/carrousel/slide-buttons.png");
	background-repeat:no-repeat;
	width:43px;
	height:43px;
}
#slideButtons a.prev{
	background-position:top left;
	left:10px;
}
#slideButtons a.prev:hover{
	background-position:top right;
}
#slideButtons a.next{
	background-position:bottom left;
	right:10px;
}
#slideButtons a.next:hover{
	background-position:bottom right;
}
#slide_bonnesraisons_wrapper #pause, #slide_bonnesraisons_wrapper #play{
	position:absolute;
}
#slide_bonnesraisons_wrapper #pause, #slide_bonnesraisons_wrapper #play{
	z-index:1000;
	width:15px;
	height:16px;
	background-image:url("../images/carrousel/timer-bt.png");
	background-repeat:no-repeat;
	overflow:hidden;
	text-indent:-1000px;
	top:7px;
}
#slide_bonnesraisons_wrapper #pause{
	background-position:left bottom;
	right:5px;
}
#slide_bonnesraisons_wrapper #play{
	background-position:left top;
	right:25px;
}
#slide_bonnesraisons_wrapper #pause.active{
	background-position:right bottom;
}
#slide_bonnesraisons_wrapper #play.active{
	background-position:right top;
}

.encart-lateral{
    display: none;
}

    .primary-bg {
        background: rgb(211, 211, 211);
    }

    .piramary-btn {
        display: inline-block;
        text-align: center;
        color: #fff;
        font-weight: bold;
        padding: 3px;
        background: #3ABB54;
        border: 1px solid #259737;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-right-width: 2px;
        border-bottom-width: 2px;
    }

    .praimary-btn:hover,
    .praimary-btn:focus {
        text-decoration: none;
    }

/* ============================ bandeau Acceptation Cookies ======================== */
    #bandeauAcceptationCookies {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 10001;
        font-size: 12px;
        border-bottom: 1px #aaa solid;
    }

    #bandeauAcceptationCookies .cookie-accept-content {
        width: 950px;
        margin: 0 auto;
        position: relative;
    }

    #bandeauAcceptationCookies .cookies-description-container {
        text-align: justify;
        padding: 10px;
        color: #fff;
    }

    #bandeauAcceptationCookies .cookies-description-container a {
        text-decoration: underline;
        color: #fff;
    }

    #bandeauAcceptationCookies .cookies-description-container a:hover,
    #bandeauAcceptationCookies .cookies-description-container a:focus {
        text-decoration: none;
    }

    #bandeauAcceptationCookies .cookies-btn-container {
        text-align: right;
        margin-bottom: 10px;
    }

    #bandeauAcceptationCookies .cookies-btn-container .cookie-btn:hover,
    #bandeauAcceptationCookies .cookies-btn-container .cookie-btn:focus {
        text-decoration: none;
    }

    /* ============================ cookies options form ======================== */

    #cookies-options-form .cookies-options-list {
        margin: 20px 0;
        padding: 15px;
        background: #eee;
        border: 1px solid #ddd;
        list-style: none;
    }

    #cookies-options-form label {
        display: block;
    }

    #cookies-options-form .heading {
        font-size: 120%;
        display: inline-block;
        margin-left: 10px;
    }

    #cookies-options-form input[type="checkbox"] {
        display: inline-block;
    }

    #cookies-options-form .text {
        margin-left: 40px;
        margin-bottom: 20px;
    }

    #cookies-options-form .btn-container {
        text-align: right;
    }

    #cookies-options-form .submit-btn {
        padding-left: 15px;
    }
    /* ================ END ========= cookies options form ======================= */