* {
    line-height: 25px;
}
body {
    font-family: Arial, sans-serif;
}

.red {
    color: #830025;
}

.blue {
    color: #00ADD9;
}

.d-bl {
    color: #045fb4;
}

.blocLink {
    display: block;
    width: 100%;
    height: 100%;
}

.white {
    color: #FFF;
}

.white:hover {
    color: #830025;
}

.container-fluid {
    background-color: #A9D0F5;
}

/*--------------------------------------------------------------------------------------HEADER       */
/*.header { background:url('../images/image1.jpg') no-repeat transparent center bottom;}*/
.header,
.footer {
    background-color: #FFF;
    margin: 0;
}

.logo {
    padding: 0 10px;
}

.HeadLine {
    padding: 10px 10px 0;
}

.Hline1 a {
    font-size: 20px;
    color: #830025;
    font-family: "cursive", Arial, sans-serif;
}

.Hline2 a {
    font-size: 20px;
    color: #00ADD9;
    font-family: "cursive", Arial, sans-serif;
}


.Hcontact {
    font-size: 12px;
    color: #999;
    text-align: center;
    padding: 10px 15px 0;
}

.HblueLine {
    font-size: 16px;
    color: #00ADD9;
    font-weight: bold;
}

.TitleLine {
    font-size: 16px;
    color: #830025;
    font-weight: bold;
    padding: 5px 0 8px;
    margin-top: 5px;
    border-bottom: 1px dotted #D7D7D7;
}

.Htel {
    font-size: 16px;
    color: #830025;
    font-weight: bold;
    background-color: #FFF;
}

.mini {
    font-size: 11px;
    color: #999;
}

.reseaux {
    padding: 10px;
}

.reseaux img {
    max-width: 36px;
}

.titleBanner {
    background-color: #830025;
    margin: 10px 0;
    padding: 5px 0px 5px 25px;
}

.titleBanner span {
    background-color: #fff;
    font-size: 18px;
    padding: 9px 25px;
    text-align: center;
}

/*--------------------------------------------------------------------------------------MENU       */
#menu {
    padding: 0;

}

#menu nav {
    border-radius: 0;
    background: linear-gradient(#BA0D3E, #830025) repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin: 0;
}

#nav_bar .menuPrin>a {
    padding-left: 20px;
    padding-right: 20px;
}

#nav_bar li a:hover {
    background-color: #FFF;
}

#nav_bar .dropdown-menu>li>a {
    /* padding: 3px 20px;*/
}

#nav_bar li:hover {
    /* background-color: #00ADD9;*/
}

#nav_bar li a:hover {
    background-color: #FFF;
    color: #830025;
}

#nav_bar li a:focus {
    background-color: #fff;
    color: #830025;
}

#menu .active {}

#menu .active a {
    background-color: #418600;
    color: #fff;
}

#menu a {
    color: #fff;
    font-weight: bold;
}

#menu .dropdown-menu {
    background-color: #830025;
}

#menu .dropdown-menu li a {
    color: #FFF;
    font-weight: bold;
}

#menu .dropdown-menu li a:hover {
    color: #830025;
    font-weight: bold;
}

/*--------------------------------------------------------------------------------------INDEX       */
.main_layer {
    float: none;
    background-color: #FFF;
}

.articleWrapIndex {}

.artInd {
    padding-bottom: 10px;
}

.inLink {
    color: #333;
    text-decoration: none;
}

.inLink:hover {
    text-decoration: none;
    color: #830025;
}

.gaucheWrap {
    padding: 10px;
}

.gaucheWrap .artInd {
    padding-left: 10px;
}

.dateIndex p {
    font-size: 16px;
    color: #045FB4;
    padding-left: 15px;
}

.temoinNom {
    color: #00ADD9;
}

.temoinText {}

.temoinText a {
    color: #444;
    text-decoration: none;
}

.temoinText a:hover {
    color: #830025;
    text-decoration: none;
}

.clientRow {
    padding-left: 5px;
    padding-right: 5px;
}

.clients .col-xs-6 {}

.clients img {
    max-width: 120px;
    padding: 5px;
    margin: 0 auto;
}

.shadow-box {
    -webkit-box-shadow: 2px 1px 3px 1px #ccc;
    /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow: 2px 1px 3px 1px #ccc;
    /* Firefox 3.5 - 3.6 */
    box-shadow: 2px 1px 3px 1px #ccc;
    /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
    padding: 10px;
}

.index-box {
    padding: 10px;
}

/*--------------------------------------------------------------------------------------TITRE       */

/*--------------------------------------------------------------------------------------FOOTER       */
.footer .col-xs-12 {
    margin: 15px 0;
    padding: 0;
}

.footer ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer li {
    padding: 10px 10px;
    border-bottom: 1px dotted #999;
}

.footer li a {}

.footer .bg-primary {
    margin: 0 5px;
}

.img_contact {
    max-width: 100px;
}

/*--------------------------------------------------------------------------------------CONTENU       */
#tabs .ui-tabs-nav {
    background-color: #FFF;
    background-image: none;
    border: none;
}

.wrapDroit .bg-primary {
    padding: 14px;
    font-size: 16px;
}

.wrapDroit p {
    padding-left: 10px;
}

.imgRef {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}

.imgRef img {
    padding: 0 5px;
    max-width: 25%;
    flex: 0 0 25%;
}

.entete h3 {
    color: #666666;
    font-size: 1.6em;
    font-variant: small-caps;
    font-weight: 200;
    margin-top: 5px;
    margin-bottom: 10px;
    padding-bottom: 0;
    text-transform: none;
}

.red_entete {
    color: #720728;
    font-size: 16px;
    font-weight: bold;
    font-variant: small-caps;
    font-weight: 500;
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    text-transform: none;
}

/*--------------------------------------------------------------------------------------HEADER       */