/********************************************************
	CSS pour le site de Ritma
	Création du css : Martin Durette
	Date : Septembre 2014
	Une réalisation de Conceptö/Synaps
********************************************************/

@font-face {
    font-family: 'ambleb';
    src: url('/fonts/amble/amble-bold-webfont.eot');
    src: url('/fonts/amble/amble-bold-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/amble/amble-bold-webfont.woff') format('woff'), url('/fonts/amble/amble-bold-webfont.ttf') format('truetype'), url('/fonts/amble/amble-bold-webfont.svg#amblebold') format('svg'carre);
    font-weight: normal;
    font-style: normal;
    #DerniereHeure
}

@font-face {
    font-family: 'amblebi';
    src: url('/fonts/amble/amble-bolditalic-webfont.eot');
    src: url('/fonts/amble/amble-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/amble/amble-bolditalic-webfont.woff') format('woff'), url('/fonts/amble/amble-bolditalic-webfont.ttf') format('truetype'), url('/fonts/amble/amble-bolditalic-webfont.svg#amblebold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'amblei';
    src: url('/fonts/amble/amble-italic-webfont.eot');
    src: url('/fonts/amble/amble-italic-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/amble/amble-italic-webfont.woff') format('woff'), url('/fonts/amble/amble-italic-webfont.ttf') format('truetype'), url('/fonts/amble/amble-italic-webfont.svg#ambleitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'amble';
    src: url('/fonts/amble/amble-regular-webfont.eot');
    src: url('/fonts/amble/amble-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/amble/amble-regular-webfont.woff') format('woff'), url('/fonts/amble/amble-regular-webfont.ttf') format('truetype'), url('/fonts/amble/amble-regular-webfont.svg#ambleregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'justusb';
    src: url('/fonts/justus/justus-bold-webfont.eot');
    src: url('/fonts/justus/justus-bold-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/justus/justus-bold-webfont.woff') format('woff'), url('/fonts/justus/justus-bold-webfont.ttf') format('truetype'), url('/fonts/justus/justus-bold-webfont.svg#justusbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'justusi';
    src: url('/fonts/justus/justus-italic-webfont.eot');
    src: url('/fonts/justus/justus-italic-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/justus/justus-italic-webfont.woff') format('woff'), url('/fonts/justus/justus-italic-webfont.ttf') format('truetype'), url('/fonts/justus/justus-italic-webfont.svg#justusitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'justus';
    src: url('/fonts/justus/justus-roman-webfont.eot');
    src: url('/fonts/justus/justus-roman-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/justus/justus-roman-webfont.woff') format('woff'), url('/fonts/justus/justus-roman-webfont.ttf') format('truetype'), url('/fonts/justus/justus-roman-webfont.svg#justusroman') format('svg');
    font-weight: normal;
    font-style: normal;
}


/********************************************************
		HTML
	********************************************************/

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    font-family: 'amble', sans-serif;
    font-size: 16px;
}


/*a{-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;-ms-transition: all 0.2s ease;transition: all 0.2s ease;}*/

.clear {
    clear: both
}

.container-fullwidth {
    margin: 0;
    padding: 0;
    width: 100%;
}

#main img.left {
    float: left;
    margin: 0 20px 20px 0
}

#main img.right {
    float: right;
    margin: 0 0 20px 20px
}

img {
    max-width: 100%;
    height: auto!important
}

iframe {
    max-width: 100%;
    display: block;
}

.pad15 {
    padding: 15px;
}

.sCenter {
    text-align: center
}

.sLeft {
    text-align: left
}

.sRight {
    text-align: right
}

.sDetails {
    text-align: center;
    cursor: pointer;
    cursor: hand
}

.AdminBar {
    color: #fff;
    padding: 0.5em 0;
    text-align: right;
    background: rgb(167, 207, 223);
    border-bottom: 2px solid #fff;
    background: -moz-linear-gradient(top, rgba(167, 207, 223, 1) 0%, rgba(35, 83, 138, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(167, 207, 223, 1) 0%, rgba(35, 83, 138, 1) 100%);
    background: linear-gradient(to bottom, rgba(167, 207, 223, 1) 0%, rgba(35, 83, 138, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#a7cfdf', endColorstr='#23538a', GradientType=0);
}

.AdminBar a {
    color: #fff;
    text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);
}

.AdminBar a:hover {
    color: #000;
    text-decoration: none
}


/********************************************************
		Menu Mobile
	********************************************************/


/* Menu Mobile */

.slicknav_menu,
#menu-mobile {
    display: none;
}

.slicknav_menu li {
    margin: 0;
    font-size: 1em;
    width: 100%;
    float: left
}

.slicknav_menu li li {
    width: 100%;
}

.slicknav_menu {
    background: #000;
    border-bottom: 2px solid #fff
}

.slicknav_nav a:hover,
.slicknav_nav .slicknav_row:hover {
    background: #222;
    color: #fff
}


/********************************************************
		Top
	********************************************************/

#top {
    background: #696a6c;
    padding-top: 0.5em;
    padding-bottom: 0.3em;
}

#top ul {
    text-align: right;
}

#top ul li {
    display: inline-block;
    color: #fff;
    font-size: 0.8em;
    text-transform: uppercase
}

#top ul li a {
    color: #fff;
    text-decoration: none;
    border-right: 1px solid #fff;
    padding: 0 1em;
    margin: 0 0;
}

#top ul li a:hover {
    color: #fff;
    text-decoration: underline
}

#top ul li a.last {
    border-right: none;
}

#top ul li a:hover.noLink {
    text-decoration: none
}


/********************************************************
		Sidebar
	********************************************************/


/*#sidebar{padding-bottom:2em; background: rgb(226,226,226); font-family: "justus",serif;
			background: -moz-linear-gradient(left,  rgba(226,226,226,1) 0%, rgba(255,255,255,1) 21%, rgba(254,254,254,1) 100%);
			background: -webkit-linear-gradient(left,  rgba(226,226,226,1) 0%,rgba(255,255,255,1) 21%,rgba(254,254,254,1) 100%);
			background: linear-gradient(to right,  rgba(226,226,226,1) 0%,rgba(255,255,255,1) 21%,rgba(254,254,254,1) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=1 );
	}
	.btn-sidebar a{display: block; width:100%; color:#fff; padding:1em 0}
		.btn-sidebar a:hover{text-decoration:none;}*/

#sidebar .bloc {
    margin-bottom: 30px;
    -webkit-box-shadow: 0.707px 0.707px 7px 0px rgb(0 0 0 / 10%);
    box-shadow: 0.707px 0.707px 7px 0px rgb(0 0 0 / 10%);
    padding: 50px 30px;
    background-color: #FFFFFF;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    display: inline-block;
    width: 100%;
}

#sidebar .h6 {
    color: #fff;
}

#sidebar.active {
    margin-left: -270px;
}

#sidebar ul.components {
    padding: 0;
}

#sidebar ul li {
    font-size: 14px;
}

#sidebar ul li>ul {
    margin-left: 10px;
}

#sidebar ul li>ul li {
    font-size: 13px;
}

#sidebar ul li>ul li a {
    border-bottom: 1px solid transparent;
}

#sidebar ul li>ul li a span {
    color: #000;
}

#sidebar ul li a {
    padding: 10px 0;
    display: block;
    color: black;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

#sidebar ul li a span {
    color: #fff;
}

#sidebar ul li.active>a {
    background: transparent;
    color: #fc7fb2;
}

@media (max-width: 767.98px) {
    #sidebar {
        min-width: 100%;
        max-width: 180px;
        border-left: none;
    }
}

#sidebar .custom-menu {
    display: inline-block;
    position: absolute;
    top: 20px;
    right: 0;
    margin-right: -20px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

@media (prefers-reduced-motion: reduce) {
    #sidebar .custom-menu {
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
    }
}

#sidebar .custom-menu .btn {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    position: relative;
}

#sidebar .custom-menu .btn i {
    margin-right: -40px;
    font-size: 14px;
}

#sidebar .custom-menu .btn.btn-primary {
    background: transparent;
    border-color: transparent;
}

#sidebar .custom-menu .btn.btn-primary:after {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #fc7fb2;
    border-radius: 10px;
}

#sidebar .custom-menu .btn.btn-primary:hover,
#sidebar .custom-menu .btn.btn-primary:focus {
    background: transparent !important;
    border-color: transparent !important;
}

#btn-association-ritma {
    margin: 15px 0 30px 0;
    background: #a8a9ad;
}

#btn-association-ritma:hover {
    background: #777;
    -webkit-transition: background-color 200ms linear;
    -moz-transition: background-color 200ms linear;
    -o-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
}

#btn-association-ritma-icon {
    background: url("../img/ritma-bg-association-ritma.png") left center no-repeat;
    padding: 0 2em 0 3em;
}

#btn-assurance {
    margin: 0;
    background: rgba(0, 86, 149, 0.5);
}

#btn-assurance:hover {
    background: rgba(0, 86, 149, 0.9);
    -webkit-transition: background-color 200ms linear;
    -moz-transition: background-color 200ms linear;
    -o-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
}

#btn-assurance-icon {
    background: url("../img/ritma-bg-acces.png") left center no-repeat;
    padding: 0 2em 0 3em;
}

#btn-public {
    margin: 10px 0 0 0;
    background: rgba(0, 86, 149, 0.60);
}

#btn-public:hover {
    background: rgba(0, 86, 149, 0.9);
    -webkit-transition: background-color 200ms linear;
    -moz-transition: background-color 200ms linear;
    -o-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
}

#btn-public-icon {
    background: url("../img/ritma-bg-public.png") left center no-repeat;
    padding: 0 2em 0 3em;
}

#btn-capm {
    margin: 10px 0 0 0;
    background: rgba(176, 185, 84, 0.55);
}

#btn-capm:hover {
    background: rgba(0, 86, 149, 0.9);
    -webkit-transition: background-color 200ms linear;
    -moz-transition: background-color 200ms linear;
    -o-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
}

#btn-capm-icon {
    background: url("../img/ritma-bg-contact.png") left center no-repeat;
    padding: 0 2em 0 3em;
}

#btn-infolettre {
    margin: 10px 0 0 0;
    background: rgba(0, 86, 149, 0.70);
}

#btn-infolettre:hover {
    background: rgba(0, 86, 149, 0.9);
    -webkit-transition: background-color 200ms linear;
    -moz-transition: background-color 200ms linear;
    -o-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
}

#btn-infolettre-icon {
    background: url("../img/ritma-bg-chronique.png") left center no-repeat;
    padding: 0 2em 0 3em;
}

#sidebar-babillard {
    margin: 10px 0 0 0;
    background: #a8a9ad;
    padding: 10px 0 10px 10px;
}

.sidebar-block h3 {
    text-transform: uppercase;
    font-size: 1.3em;
    margin: 0;
}

.sidebar-block h3 a {
    color: #fff;
    text-decoration: none
}

.sidebar-block h3 a:hover {
    text-decoration: none
}

.sidebar-block h3 a strong {
    font-family: "justusb", serif;
}

#sidebar-offres {
    margin: 10px 0 0 0;
    background: #a8a9ad;
    padding: 10px 0 10px 10px;
}

#sidebar-membres {
    margin: 10px 0 0 0;
    background: #E4BB4A;
    padding: 10px 0 10px 10px;
}

#btn-formation {
    margin: 10px 0 0 0;
    background: rgba(0, 86, 149, 0.5);
}

#btn-formation:hover {
    background: rgba(0, 86, 149, 0.9);
    -webkit-transition: background-color 200ms linear;
    -moz-transition: background-color 200ms linear;
    -o-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
}

#btn-formation-icon {
    background: url("../img/ritma-bg-formation.png") left center no-repeat;
    padding: 0 2em 0 3em;
}

#btn-chronique {
    margin: 10px 0 0 0;
    background: rgba(0, 86, 149, 0.6);
}

#btn-chronique:hover {
    background: rgba(0, 86, 149, 0.9);
    -webkit-transition: background-color 200ms linear;
    -moz-transition: background-color 200ms linear;
    -o-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
}

#btn-chronique-icon {
    background: url("../img/ritma-bg-chronique.png") left center no-repeat;
    padding: 0 2em 0 3em;
}

#btn-contact {
    margin: 10px 0 0 0;
    background: rgba(0, 86, 149, 0.7);
}

#btn-contact:hover {
    background: rgba(0, 86, 149, 0.9);
    -webkit-transition: background-color 200ms linear;
    -moz-transition: background-color 200ms linear;
    -o-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
}

#btn-contact-icon {
    background: url("../img/ritma-bg-contact.png") left center no-repeat;
    padding: 0 2em 0 3em;
}

.partenaire-box {
    position: relative;
    margin: 20px 0;
    padding: 15px;
    border: 1px solid #98aed2;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.partenaire-img {
    float: right;
    margin: 0 0 20px 20px;
    padding: 5px;
    width: 170px;
    border: 1px solid #98aed2;
    background: #fff
}

.partenaire-box h3 {
    margin: 0 1em 0 0;
    padding: 0;
    font-size: 1.3em;
    border-bottom: 1px solid #98aed2
}

.btn.btn-ritma-bleu {
    padding: 1.5em 0.5em;
    color: #fff;
    border-radius: 5px;
    width: 23%;
    margin: 0 1%;
    text-align: center;
    white-space: normal;
    background: rgb(208, 228, 247);
    background: -moz-linear-gradient(-45deg, rgba(208, 228, 247, 1) 0%, rgba(115, 147, 193, 1) 66%, rgba(96, 125, 160, 1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(208, 228, 247, 1) 0%, rgba(115, 147, 193, 1) 66%, rgba(96, 125, 160, 1) 100%);
    background: linear-gradient(135deg, rgba(208, 228, 247, 1) 0%, rgba(115, 147, 193, 1) 66%, rgba(96, 125, 160, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#d0e4f7', endColorstr='#607da0', GradientType=1);
}

.btn.btn-ritma-bleu:first-of-type {
    margin-left: 0
}

.btn.btn-ritma-bleu:last-of-type {
    margin-right: 0
}

.btn.btn-ritma-masso {
    padding: 1.5em 0.5em;
    color: #fff;
    border-radius: 5px;
    width: 23%;
    margin: 0 1%;
    text-align: center;
    white-space: normal;
    background: rgb(199, 202, 97);
    background: -moz-linear-gradient(-45deg, rgba(199, 202, 97, 1) 0%, rgba(178, 182, 87, 1) 66%, rgba(135, 139, 65, 1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(199, 202, 97, 1) 0%, rgba(178, 182, 87, 1) 66%, rgba(135, 139, 65, 1) 100%);
    background: linear-gradient(135deg, rgba(199, 202, 97, 1) 0%, rgba(178, 182, 87, 1) 66%, rgba(135, 139, 65, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#c7ca61', endColorstr='#878b41', GradientType=1);
}

.btn.btn-ritma-masso:first-of-type {
    margin-left: 0
}

.btn.btn-ritma-masso:last-of-type {
    margin-right: 0
}

.btn.btn-ritma-naturo {
    padding: 1.5em 0.5em;
    color: #fff;
    border-radius: 5px;
    width: 23%;
    margin: 0 1%;
    text-align: center;
    white-space: normal;
    background: rgb(228, 187, 61);
    background: -moz-linear-gradient(-45deg, rgba(228, 187, 61, 1) 0%, rgba(180, 148, 50, 1) 66%, rgba(175, 142, 47, 1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(228, 187, 61, 1) 0%, rgba(180, 148, 50, 1) 66%, rgba(175, 142, 47, 1) 100%);
    background: linear-gradient(135deg, rgba(228, 187, 61, 1) 0%, rgba(180, 148, 50, 1) 66%, rgba(175, 142, 47, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e4bb3d', endColorstr='#af8e2f', GradientType=1);
}

.btn.btn-ritma-naturo:first-of-type {
    margin-left: 0
}

.btn.btn-ritma-naturo:last-of-type {
    margin-right: 0
}

.btn.btn-ritma-osteo {
    padding: 1.5em 0.5em;
    color: #fff;
    border-radius: 5px;
    width: 23%;
    margin: 0 1%;
    text-align: center;
    white-space: normal;
    background: rgb(255, 224, 108);
    background: -moz-linear-gradient(-45deg, rgba(255, 224, 108, 1) 0%, rgba(212, 186, 90, 1) 66%, rgba(201, 176, 83, 1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(255, 224, 108, 1) 0%, rgba(212, 186, 90, 1) 66%, rgba(201, 176, 83, 1) 100%);
    background: linear-gradient(135deg, rgba(255, 224, 108, 1) 0%, rgba(212, 186, 90, 1) 66%, rgba(201, 176, 83, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffe06c', endColorstr='#c9b053', GradientType=1);
}

.btn.btn-ritma-osteo:first-of-type {
    margin-left: 0
}

.btn.btn-ritma-osteo:last-of-type {
    margin-right: 0
}

.btn.btn-ritma-kine {
    padding: 1.5em 0.5em;
    color: #fff;
    border-radius: 5px;
    /*width:23%;  margin:0 1%;*/
    text-align: center;
    white-space: normal;
    background: rgb(251, 206, 167);
    background: -moz-linear-gradient(-45deg, rgba(251, 206, 167, 1) 0%, rgba(216, 175, 143, 1) 66%, rgba(210, 171, 138, 1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(251, 206, 167, 1) 0%, rgba(216, 175, 143, 1) 66%, rgba(210, 171, 138, 1) 100%);
    background: linear-gradient(135deg, rgba(251, 206, 167, 1) 0%, rgba(216, 175, 143, 1) 66%, rgba(210, 171, 138, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fbcea7', endColorstr='#d2ab8a', GradientType=1);
}

.btn.btn-ritma-kine:first-of-type {
    margin-left: 0
}

.btn.btn-ritma-kine:last-of-type {
    margin-right: 0
}

.btn.btn-ritma-metiers {
    padding: 1.5em 0.5em;
    color: #fff;
    border-radius: 5px;
    width: 23%;
    margin: 0 1%;
    text-align: center;
    white-space: normal;
    background: rgb(132, 181, 178);
    background: -moz-linear-gradient(-45deg, rgba(132, 181, 178, 1) 0%, rgba(115, 157, 155, 1) 66%, rgba(74, 104, 101, 1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(132, 181, 178, 1) 0%, rgba(115, 157, 155, 1) 66%, rgba(74, 104, 101, 1) 100%);
    background: linear-gradient(135deg, rgba(132, 181, 178, 1) 0%, rgba(115, 157, 155, 1) 66%, rgba(74, 104, 101, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#84b5b2', endColorstr='#4a6865', GradientType=1);
}

.btn.btn-ritma-metiers:first-of-type {
    margin-left: 0
}

.btn.btn-ritma-metiers:last-of-type {
    margin-right: 0
}

.btn.btn-ritma-med {
    padding: 1.5em 0.5em;
    color: #fff;
    border-radius: 5px;
    width: 23%;
    margin: 0 1%;
    text-align: center;
    white-space: normal;
    background: rgb(186, 139, 181);
    background: -moz-linear-gradient(-45deg, rgba(186, 139, 181, 1) 0%, rgba(160, 118, 166, 1) 66%, rgba(130, 91, 146, 1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(186, 139, 181, 1) 0%, rgba(160, 118, 166, 1) 66%, rgba(130, 91, 146, 1) 100%);
    background: linear-gradient(135deg, rgba(186, 139, 181, 1) 0%, rgba(160, 118, 166, 1) 66%, rgba(130, 91, 146, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ba8bb5', endColorstr='#825b92', GradientType=1);
}

.btn.btn-ritma-med:first-of-type {
    margin-left: 0
}

.btn.btn-ritma-med:last-of-type {
    margin-right: 0
}


/********************************************************
		Menu
	********************************************************/

#menu-ritma ul {
    border: 1px solid #ccc;
    background: rgb(241, 244, 237)!important;
    background: -moz-linear-gradient(left, rgba(241, 244, 237, 1) 0%, rgba(221, 223, 227, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(241, 244, 237, 1) 0%, rgba(221, 223, 227, 1) 100%);
    background: linear-gradient(to right, rgba(241, 244, 237, 1) 0%, rgba(221, 223, 227, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f1f4ed', endColorstr='#dddfe3', GradientType=1);
    margin: 0;
    padding: 1em;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#menu-ritma ul li {
    list-style: none;
    display: block;
    text-align: right;
    margin: 0;
    padding: 0 0 20px 0;
    background: url(../img/sub-nav.png) bottom right no-repeat
}

#menu-ritma ul li a {
    color: #000;
    text-decoration: none
}

#menu-ritma ul li a:hover {
    color: #005595;
    text-decoration: none
}

#ZoneMembreLink {
    text-align: right;
    padding-top: 15px;
}

#ZoneMembreLink p {
    margin: 0;
}

#ZoneMembreLink a {
    margin-left: 0.5em
}


/********************************************************
		Contenu
	********************************************************/

.carre-teaser:hover {
    cursor: hand;
    cursor: pointer;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75);
}

.rectangle-ritma:hover {
    cursor: hand;
    cursor: pointer;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75);
}

#breadcrumb {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 0.2em 0;
    margin: 1em 0;
    background: rgb(241, 244, 237);
    background: -moz-linear-gradient(top, rgba(241, 244, 237, 1) 0%, rgba(255, 255, 255, 1) 51%, rgba(241, 244, 237, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(241, 244, 237, 1) 0%, rgba(255, 255, 255, 1) 51%, rgba(241, 244, 237, 1) 100%);
    background: linear-gradient(to bottom, rgba(241, 244, 237, 1) 0%, rgba(255, 255, 255, 1) 51%, rgba(241, 244, 237, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f1f4ed', endColorstr='#f1f4ed', GradientType=0);
}

#breadcrumb ul {
    margin: 0;
    padding: 0
}

#breadcrumb ul li {
    display: inline-block;
    margin: 0 0.5em;
    font-size: 0.9em
}

#DerniereHeure {
    padding: 1em;
    border: 1px solid #ccc;
    box-shadow: 3px 5px 10px -4px #777777;
    padding: 10px 15px;
    text-align: center;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f1f4ed', endColorstr='#dddfe3', GradientType=1);
}

#DerniereHeure h2 {
    text-align: center;
    text-transform: uppercase
}

#main-full {
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 1em
}

.contenu {
    padding-top: 15px;
}

.contenu ul {
    margin-left: 40px
}

.contenu li {
    list-style: disc
}

.contenu a {
    color: #005595;
}

.contenu a:hover {
    color: #000;
}

.fieldset {
    padding: 1em;
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    /*background:url(../img/bg2.jpg) no-repeat scroll center top; */
}

.fieldset h3 {
    margin-top: 0
}

.AnimatedSliderText p {
    color: #333;
    font-size: 1em;
    font-weight: normal
}

.AnimatedSliderText a {
    color: #005595;
    font-size: 1em;
    text-decoration: underline
}

.AnimatedSliderTextInverse p {
    text-transform: uppercase;
    color: #fff;
    font-size: 1em;
}

.AnimatedSliderTextInverse a {
    text-transform: uppercase;
    color: #fff;
    font-size: 1em;
    text-decoration: underline
}

hr {
    height: 12px;
    border: 0;
    box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);
}

.fancybox-skin {
    background: #7393C1 !important
}


/********************************************************
		Footer
	********************************************************/

#footer {
    background: #7393C1;
    padding-bottom: 2em;
}

#spacer-footer {
    background: #fff;
    padding-top: 2em;
}

#copyright p {
    color: #005595;
    font-size: 0.8em
}

#copyright a {
    color: #005595;
    text-decoration: underline
}

#copyright a:hover {
    color: #000;
}

#footerlinks {
    padding-top: 0em;
    background: #7393C1;
    padding-bottom: 1em;
}

#footerlinks h3 {
    margin-top: 0;
    color: #fff;
    font-size: 1em;
    text-transform: uppercase;
}

#footerlinks li {
    list-style: none;
    font-size: 0.85em;
}

#footerlinks a {
    color: #fff
}

#footerlinks a:hover {
    color: #000;
    text-decoration: none;
}

.switch-wrap {
    float: left;
    width: 110px;
}


/*.table > tbody > tr.InternetOption > td{height:45px}*/

.liste-membre-wrap {
    border-top: 1px solid #ccc;
    padding-top: 15px;
    padding-bottom: 15px
}

.liste-membre-wrap-droite {
    border-left: 1px solid #ccc
}

.liste-membre-wrap p {
    margin: 0;
    padding: 0;
    text-align: right
}

.liste-membre-wrap h4 {
    margin-top: 0;
    padding: 0;
    color: #005595;
    text-align: left
}

.liste-membre-medal {
    font-size: 0.85em;
    text-align: center;
    text-decoration: none;
    display: block;
    width: 100%;
    color: #aaa;
}

.liste-membre-medal:hover {
    text-decoration: none;
    color: #005595;
}

.avatar {
    display: block;
    width: 40px;
    height: 40px;
    padding-top: 6px;
    margin: 0 auto;
    border-radius: 100%;
    border: 2px solid #aaa;
    color: #aaa;
    text-align: center
}

.liste-membre-medal:hover .avatar {
    background: #005595;
    color: #fff;
    border: 2px solid #fff;
}

.iframe-shadow {
    border: 1px solid #fff;
    box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
}

.fiche-info p {
    margin: 0
}

.fiche-info-droite p {
    text-align: right
}

#info-photo {
    float: right;
    margin-left: 20px;
    width: 150px
}


/********************************************************
		Responsive
	********************************************************/


/* Custom, iPhone Retina */

@media only screen and (min-width: 320px) {
    #menu-responsive,
    .slicknav_menu {
        display: block;
    }
    .rectangle-inside,
    .NotMobile,
    #sidebar {
        /*display: none*/
    }
    .rectangle-ritma {
        width: 100%;
        height: 120px;
        padding-right: 50px;
        margin-bottom: 15px;
        margin-top: 15px;
        float: left;
        background: url(../medias/img/headers/association-ritma-logo-768.png) no-repeat top left #dedfe0;
        background-size: 267px 120px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        padding: 15px 0 0 0;
    }
    .carre-teaser {
        height: 150px;
        width: 32%;
        float: left;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        padding: 0;
    }
    .carre-teaser-1 {
        width: 100%;
        margin-bottom: 15px;
        margin-top: 15px;
        margin-right: 0%;
        background: url(../medias/img/headers/association-ritma-logo-768.png) no-repeat top left;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    .carre-teaser-2,
    .carre-teaser-3,
    .carre-teaser-4,
    .carre-teaser-5,
    .carre-teaser-6 {
        width: 48%;
        height: 100px
    }
    .carre-teaser-2,
    .carre-teaser-4 {
        margin-bottom: 4%;
        margin-right: 4%;
    }
    .carre-teaser-6 {
        margin-right: 50%
    }
    .carre-teaser p {
        display: none
    }
    .carre-teaser h3 {
        margin: 58px auto 0 auto;
        text-align: center;
        font-family: "justus", serif;
        color: #FFF;
        font-size: 1.4em;
        line-height: 100%;
        font-weight: normal;
        text-transform: uppercase
    }
    #DerniereHeure {
        margin-bottom: 1em
    }
}


/* Extra Small Devices, Phones */

@media only screen and (min-width: 480px) {
    .rectangle-ritma {
        width: 100%;
        height: 120px;
        padding-right: 50px;
        margin-bottom: 15px;
        margin-top: 15px;
        float: left;
        background: url(../medias/img/headers/association-ritma-logo-768.png) no-repeat top left #dedfe0;
        background-size: 267px 120px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        padding: 15px 0 0 0;
    }
    .carre-teaser {
        height: 120px;
        width: 32%;
        float: left;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        padding: 0;
    }
    .carre-teaser-1 {
        width: 48%;
        margin-bottom: 15px;
        margin-top: 15px;
        margin-right: 0%;
        background: url(../medias/img/headers/association-ritma-logo-768.png) no-repeat top left;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    .carre-teaser-2,
    .carre-teaser-3,
    .carre-teaser-4,
    .carre-teaser-5,
    .carre-teaser-6 {
        width: 48%;
        height: 120px
    }
    .carre-teaser-2 {
        margin-top: 15px;
    }
    .carre-teaser-2,
    .carre-teaser-4,
    .carre-teaser-2,
    .carre-teaser-6 {
        margin-left: 4%;
        margin-right: 0;
    }
    .carre-teaser-6 {
        margin-right: 0%
    }
    .carre-teaser p {
        display: none
    }
    .carre-teaser h3 {
        margin: 70px auto 0 auto;
        text-align: center;
        font-family: "justus", serif;
        color: #FFF;
        font-size: 1.7em;
        line-height: 100%;
        font-weight: normal;
        text-transform: uppercase
    }
}


/* Small Devices, Tablets */

@media only screen and (min-width: 768px) {
    #menu-responsive,
    .slicknav_menu {
        display: none;
    }
    .rectangle-inside,
    .NotMobile,
    #sidebar {
        display: block
    }
    .carre-teaser {
        height: 158px;
        width: 32%;
        float: left;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        padding: 10px;
    }
    .carre-teaser-1 {
        width: 66%;
        margin-bottom: 15px;
        margin-top: 15px;
        margin-right: 2%;
        background: url(../medias/img/headers/association-ritma-logo-768.png) no-repeat top left;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    .carre-teaser-1,
    .carre-teaser-2 {
        margin-bottom: 15px;
        margin-top: 15px;
    }
    .carre-teaser-3,
    .carre-teaser-4,
    .carre-teaser-5,
    .carre-teaser-6 {
        margin-left: 0%;
        margin-right: 0%;
        width: 23%;
    }
    .carre-teaser-3,
    .carre-teaser-4,
    .carre-teaser-5 {
        margin-left: 0%;
        margin-right: 2.6%;
    }
    .carre-teaser h3 {
        margin: 112px auto 0 auto;
        text-align: center;
        font-family: "justus", serif;
        color: #FFF;
        font-size: 1.2em;
        line-height: 100%;
        font-weight: normal;
        text-transform: uppercase
    }
    .rectangle-ritma {
        width: 100%;
        height: 120px;
        margin-bottom: 15px;
        margin-top: 15px;
        background: url(../medias/img/headers/association-ritma-logo-768.png) no-repeat top left #dedfe0;
        background-size: 267px 120px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        padding: 15px 0 0 0;
    }
    .rectangle-teaser {
        margin-bottom: 15px;
        margin-top: 15px;
        width: 100%;
        height: 120px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        padding: 6px 0 0 0;
    }
    .rectangle-inside {
        height: 120px;
        width: 100%;
        display: table
    }
    .rectangle-teaser h3 {
        display: table-cell;
        vertical-align: bottom;
        margin: 0;
        font-family: "justus", serif;
        color: #FFF;
        font-size: 1.8em;
        line-height: 100%;
        font-weight: normal;
        text-transform: uppercase
    }
    .btn-sidebar a {
        font-size: 0.75em;
        padding: 1em 0
    }
    .sidebar-block h3 {
        font-size: 1em;
        margin: 0 1em 0 0
    }
    .nouvelles-preview {
        display: none;
    }
    #credit p {
        text-align: right
    }
    .btn-ritma-bleu {}
}


/* Medium Devices, Desktops */

@media only screen and (min-width: 992px) {
    #top ul {
        margin-top: 3px
    }
    .carre-teaser {
        height: 158px;
        width: 32%;
        float: left;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        padding: 15px 15px 0 15px;
    }
    .carre-teaser p {
        margin: 0;
        padding: 0;
        display: block;
        color: #000;
        font-size: 0.8em
    }
    .carre-teaser-1 {
        width: 32%;
        margin-right: 0%;
        background: url(../medias/img/headers/association-ritma-logo.png) no-repeat top left;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    .carre-teaser-1,
    .carre-teaser-2,
    .carre-teaser-3 {
        margin-bottom: 15px;
        margin-top: 15px;
    }
    .carre-teaser-3,
    .carre-teaser-4,
    .carre-teaser-5,
    .carre-teaser-6 {
        margin-left: 0%;
        margin-right: 0%;
        width: 32%;
    }
    .carre-teaser-1,
    .carre-teaser-2,
    .carre-teaser-4,
    .carre-teaser-5 {
        margin-left: 0%;
        margin-right: 2%;
    }
    .carre-teaser h3 {
        margin: 7px auto 0 auto;
        text-align: center;
        font-family: "justus", serif;
        color: #FFF;
        font-size: 2em;
        line-height: 100%;
        font-weight: normal;
        text-transform: uppercase
    }
    .rectangle-ritma {
        width: 100%;
        height: 158px;
        margin-bottom: 15px;
        margin-top: 15px;
        background: url(../medias/img/headers/association-ritma-logo-768.png) no-repeat top left #dedfe0;
        background-size: 340px 153px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        padding: 15px 0 0 0;
    }
    .rectangle-teaser {
        margin-bottom: 15px;
        margin-top: 15px;
        width: 100%;
        height: 158px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        padding: 7px 0 0 0;
    }
    .rectangle-inside {
        height: 158px;
        width: 100%;
        display: table
    }
    .rectangle-teaser h3 {
        display: table-cell;
        vertical-align: bottom;
        margin: 0;
        font-family: "justus", serif;
        color: #FFF;
        font-size: 2.3em;
        line-height: 100%;
        font-weight: normal;
        text-transform: uppercase
    }
    .btn-sidebar a {
        font-size: 0.8em;
        padding: 1em 0
    }
    .sidebar-block h3 {
        font-size: 1em;
        margin: 0 3em 0 0
    }
    .nouvelles-preview {
        margin: 6px 0px 0 0;
        padding: 6px;
        display: block;
    }
    .nouvelles-preview-img {
        float: left;
        width: 30%;
    }
    .nouvelles-preview-txt {
        float: right;
        width: 65%;
    }
    .nouvelles-preview h6 {
        margin: 0;
        color: #000;
        font-weight: bold;
        font-size: 0.7em;
    }
    .nouvelles-preview p {
        margin: 0.5em 0;
        color: #000;
        font-size: 0.7em;
    }
}


/* Large Devices, Wide Screens */

@media only screen and (min-width: 1200px) {
    .carre-teaser h3 {
        margin: -1px auto 0 auto;
        text-align: center;
        font-family: "justus", serif;
        color: #FFF;
        font-size: 2.3em;
        line-height: 70%;
        font-weight: normal;
        text-transform: uppercase
    }
    .carre-teaser-4,
    .carre-teaser-5,
    .carre-teaser-6 {
        margin-bottom: 15px;
    }
    .btn-sidebar a {
        font-size: 0.8em;
        padding: 1em 0
    }
    .sidebar-block h3 {
        font-size: 1em;
        margin: 0
    }
    .nouvelles-preview {
        margin: 6px 0px 0 0;
        padding: 10px;
    }
    .nouvelles-preview-img {
        float: left;
        width: 30%;
    }
    .nouvelles-preview-txt {
        float: right;
        width: 68%;
    }
    .nouvelles-preview h6 {
        margin: 0;
        color: #000;
        font-weight: bold;
        font-size: 0.8em;
    }
    .nouvelles-preview p {
        margin: 0.5em 0;
        color: #000;
        font-size: 0.75em;
    }
    #GMapStore {
        border: 0px solid #000;
        width: 100%
    }
    #GMapStore iframe {
        height: 440px;
        width: 100%
    }
    .contact-map-icon {
        float: left;
        margin: 0 1em 1em 0
    }
    .contact-marker {
        padding-bottom: 1em
    }
    #menu-ritma.sidebar ul li.divider {
        background: none;
        height: 30px;
    }
    .sidebar ul li.divider a {
        background: none;
        cursor: default;
    }
    .btn.btn-ritma-bleu {
        padding: 1.5em 0.7em;
        width: 23%;
        margin: 0 1%;
    }
    .btn.btn-ritma-bleu:first-of-type {
        margin-left: 0
    }
    .btn.btn-ritma-bleu:last-of-type {
        margin-right: 0
    }
    #RechercheWrap {
        width: 100%;
    }
}


/* Overight Bootstrap  */

.no-gutter>[class*='col-'] {
    padding-right: 0;
    padding-left: 0;
}

.alert-danger p {
    color: #A94442;
    margin-top: 0
}

.alert-warning p {
    color: #000;
    margin-top: 0
}

.alert-info p {
    color: #31708F;
    margin-top: 0
}

.alert-success p {
    color: #3C763D;
    margin-top: 0
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    vertical-align: middle
}

.table>thead>tr>th {
    font-weight: bold;
    color: #fff;
    letter-spacing: 1px;
    background: #005595!important;
}

.alert-default {
    color: #666;
    background-color: #ededed;
    border-color: #999;
}

.progress-bar-success {
    background-color: #7e92b5;
}

.alert-novum {
    background: #208490;
    /* Old browsers */
    background: -moz-linear-gradient(top, #208490 0%, #006c7b 99%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #208490 0%, #006c7b 99%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #208490 0%, #006c7b 99%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#208490', endColorstr='#006c7b', GradientType=0);
    /* IE6-9 */
}

.alert-novum {
    color: #fff!important;
    text-align: center;
}

.alert-novum:hover {
    color: #000!important;
}

@media (max-width: @screen-xs) {
    body {
        font-size: 10px;
    }
}

@media (max-width: @screen-sm) {
    body {
        font-size: 14px;
    }
}

@media (max-width: @screen-md) {
    body {
        font-size: 16px;
    }
}

@media (max-width: @screen-lg) {
    body {
        font-size: 16px;
    }
}

*/
/********************************************************
		Menu
	********************************************************/

.bloc_decla {
    display: none;
    padding: 25px;
    border: 2px solid #7E92B5;
    border-top: none;
}