@media print {

  a[href]:after {
    content: "";
  }

}

#system-message .alert, #articleman_notification.alert {
    background: #E9ECF1;
}

.mobilebarmenutitleck {
    width: 90%;
}

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

table {
    width: 100%;
}

body {
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
}

header {
    position: relative;
}

.container {
    /*border: 1px solid #ff0000;*/
}

* {
    outline:none !important
}

#userForm {
    background: #f7f7f7;
    padding: 30px;
}

#userForm h3:first-child {
    margin-top: 0;
}

a.bouton {
    color: #fff !important;
    background: #1b4b0d;
    padding: 5px 30px;
    font-size: 18px !important; 
}

a.bouton strong {
    color: #fff !important;
}

.element-invisible {
    display: none;
}

.chosen-container-single .chosen-single, .chosen-container .chosen-drop {
    width: 300px;
}

.btn-primary, btn {
    background: #373b42;
    border: none;
    border-radius: 0;
    font-family: 'Roboto Slab', serif;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.nav-tabs > li > a {
    line-height: normal;
    border: none;
}

.nav-tabs > li > a:hover {
    background: none;
    border: none;
}

header {
    margin-top: 4px;
    background: url(../images/background-logo-mobile.jpg) no-repeat top center;

}

header .bandeMenu {
    background: url(../images/bande-menu.png) repeat-x top left;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    height: 105px;
    z-index: 1000;
}



header #logo {
    padding-left: 0;
    text-align: center;
    margin-top: 40px;
}
header #logo img {
    max-width: 100%;
}

/****************** Numéros de semaines ***********************/
.num-semaines-home .num-semaine {
    text-align: right;
    font-style: italic;
    color: #888;
    font-weight: bold;
    margin-top: 4px;
}

/************************** Menu bandeau **************************/
header div#headerBandeau {
    padding-top: 38px;
    color: #fff;
    font-family: 'Roboto Slab', serif;
    text-transform: uppercase;
}

/***************** Adherer ***********************/
.moduletable-adherer a {
    background: #cc0017;
    padding: 4px 15px;
    text-transform: uppercase;
    color: #fff;
    font-size: 14px;
}






header div#menuBandeau {
    margin-top: 32px;
}

header div#menuBandeau ul {
    padding-left: 0 !important;
    font-family: 'Roboto Slab', serif;
}

header div#menuBandeau ul li.level1 > a > span.titreck, header div#menuBandeau ul li.level1 > span.separator > span.titreck {
    text-transform: uppercase;
    color: #373b42;
    font-size: 14px;
    font-weight: 400;
    letter-spacing:1px;
}

header div#maximenuck-bandeau ul.maximenuck li.maximenuck div.floatck div.floatck {
    margin: -30px 0 0 182px;
}

div#maximenuck-bandeau ul.maximenuck li.level1.parent > a, div#maximenuck-bandeau ul.maximenuck li.level1.parent > span.separator {
    background: none;
    padding-right: 0px;
}

div#maximenuck-bandeau ul.maximenuck li.level1.parent > a:hover, div#maximenuck-bandeau ul.maximenuck li.level1.parent:hover > span.separator {
    background: none;
    padding-right: 0px;

}

div#maximenuck-bandeau ul.maximenuck li.level1.parent:hover > a, div#maximenuck-bandeau ul.maximenuck li.level1.parent:hover > span.separator {
    background: none;
}

div#maximenuck-bandeau ul.maximenuck li.level1.parent div.floatck.fixRight li.parent > a, div#maximenuck-bandeau ul.maximenuck li.level1.parent div.floatck.fixRight li.parent > span.separator, div#maximenuck-bandeau ul.maximenuck li.level1.parent.menu_right li.parent > a, div#maximenuck-bandeau ul.maximenuck li.level1.parent.menu_right li.parent > span.separator {
    background: none;
    padding-left: 0px;
}

div#maximenuck-bandeau.maximenuckh ul.maximenuck li.level1.parent > a, div#maximenuck-bandeau.maximenuckh ul.maximenuck li.level1.parent > span.separator {
    padding-right: 0 !important;
}

div#maximenuck-bandeau ul.maximenuck li.level1.parent li.parent > a, div#maximenuck-bandeau ul.maximenuck li.level1.parent li.parent > span.separator, div#maximenuck-bandeau ul.maximenuck li.maximenuck ul.maximenuck2 li.parent:hover > a, div#maximenuck-bandeau ul.maximenuck li.maximenuck ul.maximenuck2 li.parent.active > a {
    background: url("../images/drop-right.png") no-repeat scroll 95% 50%;
    padding-right: 21px;
    border-radius: 0 !important;
}

div#maximenuck-bandeau li.level2 span.separator {
    padding: 10px 18px;
    background-image: url("../images/background-sousmenu-bandeau.png");
    border-radius: 0 !important;
}

div#maximenuck-ecl.maximenuckh ul.maximenuck div.floatck, div#maximenuck-ecl.maximenuckh ul.maximenuck li.maximenuck div.floatck {
    margin-left: 0;
}

div#maximenuck-bandeau.maximenuckh ul.maximenuck li.maximenuck.level1, div#maximenuck-bandeau.maximenuckh ul.maximenuck li.maximenuck.level1.parent {
    padding-bottom: 16px !important;
}

/************************** Menu bandeau **************************/
div#bande2 {
    background: #ecebf1;
    width: 100%;
    padding: 10px 0;
    font-family: 'Roboto Slab', serif;
    position: relative;
}

div#bande2 h3 {
    margin-top: 0;
    font-family: 'Roboto Slab', serif;
    color: #3e3d42;
}

div#maximenuck-ecl {
    line-height: 25px;
}

div#bande2.interieur {
    padding: 20px 0 !important;
}

div#bande2 div#menu2 ul {
    padding-left: 0 !important;
    font-family: 'Roboto Slab', serif;
}

div#bande2 img {
    max-width: 100%;
}

div#bande2 div#menu2 ul li.level1 > a > span.titreck, div#bande2 div#menu2 ul li.level1 > span.separator > span.titreck {

    text-transform: uppercase;
    color: #373b42;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    display:inline-block;
}

div#bande2 div#menu2 .floatck {
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
}

div#bande2 div#menu2 ul li.level2 > a, div#bande2 div#menu2 ul li.level2 > span.separator {
    margin-bottom: 9px;
}

div#bande2 div#menu2 ul li.level2 > a > span.titreck, div#bande2 div#menu2 ul li.level2 > span.separator > span.titreck {
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    font-size: 13px;
    display: block;
}


div#bande2 div#menu2 ul li.level1 {
    text-align: left !important;
}
div#bande2 div#menu2 ul li.level1.item160 {
    width: inherit;
}

div#bande2 div#menu2 ul li.level1.item160 span.titreck {
    cursor: default !important;
}

div#bande2 div#menu2 ul li.level1 img {
    margin-right: 13px;
}

div#maximenuck-ecl ul.maximenuck li.level1.parent ul.maximenuck2 li.maximenuck.nodropdown li.maximenuck, div#maximenuck-ecl .maxipushdownck ul.maximenuck2 li.maximenuck.nodropdown li.maximenuck {
    text-indent: 0px;
}
div#maximenuck-bandeau ul.maximenuck li.maximenuck.level1:first-child, div#maximenuck-bandeau ul.maximenuck li.maximenuck.level1.parent:first-child {
    margin-left: 0 !important;
}
div#maximenuck-ecl ul.maximenuck li.level1.parent > a, div#maximenuck-ecl ul.maximenuck li.level1.parent > span.separator {
    background: none;
}
div#maximenuck-ecl ul.maximenuck li.level1.parent:hover > a, div#maximenuck-ecl ul.maximenuck li.level1.parent:hover > span.separator {
    background: none;
}

div#maximenuck-ecl ul.maximenuck li.level2 .floatck {
    margin: 0 !important;
    padding: 0 !important;
}

div#maximenuck-ecl ul.maximenuck li.level2 .floatck a .titreck {
    color: #bddeeb;
    font-size: 12px;
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
}

div#maximenuck-ecl ul.maximenuck li.item150 li.level2 .floatck a .titreck {
    color: #cdcce9;
}
div#maximenuck-ecl ul.maximenuck li.item155 li.level2 .floatck a .titreck {
    color: #c3d1f3;
}

div#maximenuck-ecl ul.maximenuck li.level2 .floatck a:hover .titreck, div#maximenuck-ecl ul.maximenuck li.level3.active .floatck a .titreck {
    color: #fff !important;
}

div#maximenuck-ecl ul.maximenuck li.level2.parent {
    margin-bottom: 35px;
}

#background-menu2 {
    width: 100%;
    background: #27a6cc;
    min-height: 100px;
    position: absolute;
    left: 0;
    right: 0;
    top: 83px;
    z-index:100;
    display: none;
}

.breakMenu {
    display: none;
    clear: both;
}

div.interieur #background-menu2 {
    top: 63px;
}

.moduletable-vosespaces ul {
    padding-left: 0;
    background: #fff;
    border: 3px solid #cad1db;
}

.moduletable-vosespaces ul li {
    border-bottom: 3px solid #cad1db;
    background: url(../images/fleche1.png) no-repeat center right;
}
.moduletable-vosespaces ul li a {
    font-size: 12px;
    color: #373b42;
    text-transform: uppercase;
    padding: 8px 15px;
}

.moduletable-vosespaces ul li a:hover {
    background: none;
}

.moduletable-vosespaces ul li:last-child {
    border-bottom: none;
}

.moduletable-avenir {
    margin-bottom: 30px;
}

/********************************** HOME *****************************/
#home {
    margin-top: 50px;
    font-size: 13px;
    color: #373b42;
}
#home .page-header, .blog .page-header {
    padding: 0;
    border: 0;
    margin: 0;
}

#home h1, #home h3, #bande3 h3, #bande4 h3 {
    margin-top: 0;
    color: #373b42;
    text-transform: uppercase;
    font-family: 'Roboto Slab', serif;
    letter-spacing: 1px;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 27px;
}
#bande4 h3 {
    color: #373b42;
    margin-bottom: 16px;
}

#bande4 p {
    letter-spacing: 1px;
    line-height: 21px;
}

#home h2, .blog h2 {
    margin-top: 0;
    margin-bottom: 12px !important;
    letter-spacing: 1px;
    font-size: 21px;
    font-family: 'Roboto Slab', serif;
}

#home h2 a, .blog h2 a {
    color: #373b42;
    font-size: 21px;
    font-family: 'Roboto Slab', serif;
}

#home dl dt {
    display: none;
}

#home .category-name {
    color: #929aa6;
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'Roboto Slab', serif;
    font-size: 12px;
    letter-spacing: 1px;
    margin-bottom: 21px;
}

/*p.readmore a {

    background: #373b42;
}*/

p.readmore a {
    border-radius:0;
    font-family: 'Roboto Slab', serif;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    background: #1b4b0d;
    color: #fff;
    transition: background 0.15s ease 0s;
}

p.readmore a::before {


    bottom: 0;
    content: "";
    display: block;
    left: 0;
    padding: 0;
    position: absolute;
    top: 0;
    transform: scale(1, 0);
    transform-origin: center top 0;
    transition: all 0.25s ease-out 0s;
    width: 100%;
    z-index: 0;

}

/*p.readmore a:hover::before {
    transform: scale(1);
}*/

p.readmore a:hover {
    color: #fff;
    background: #326f20;
}

.blog .item, .blog-featured .item {
    padding-bottom: 26px;
    border-bottom: 3px solid #e5e8ed;
    margin-bottom: 31px;
}

.blog .item h2, .blog-featured .item h2 {
    color: #2b661a;
    font-size: 16px !important;
}

.item-image img {
    margin-right: 15px;
}

.blog-featured .readmore-link {
    border-radius:0;
    font-family: 'Roboto Slab', serif;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    background: #1b4b0d;
    color: #fff;
    transition: background 0.15s ease 0s;
    display: inline-block;
    padding: 5px 10px;
}

.blog-featured .jcomments-links {
    text-align: right;
}

/******************************** Bande 3 ***********************************/
#bande3 {
    background: #e9ecf1;
    padding: 48px 0;
    margin-top: 86px;
}

#bande3 .mostread-6 {
    margin-top: 42px;
}

#bande3 a {
    color: #6181b8;
    font-weight: 600;
}

#bande3 ul {
    list-style-image: url(../images/fleche2.png);
    list-style-position: inside;
    padding-left: 0;
    margin-bottom: 0;
}
#bande3 ul li {
    margin-bottom: 24px;
}

#bande3 ul li.item5, #bande3 ul li.item11 {
    margin-bottom: 0;
}

#bande3 .moduletable {
    display: inline-block;
    margin-right: 25px;
}


/******************************** Bande 4 ***********************************/
#bande4 {
    background: #fff;
    padding: 32px 0;
    color: #373b42;
    font-size: 11px;
    text-transform: uppercase;
}

/******************************** Bande 5 ***********************************/
#bande5 {
    background: #1b4b0d;
    font-family: 'Roboto Slab', serif;
    padding: 25px 0;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 1px;
}

#bande5 a {
    color: #fff;
    padding: 0px 15px !important;
}
#bande5 a:hover, #bande5 a:focus, #bande5 a:active {
    background: none;
}

#bande5 ul {
    text-align: center;
}
#bande5 li {
    display: inline-block;
    float: none !important;
}

/********************** Proposer article *********************/

.form-horizontal .control-label {
    text-align: left;
}

.form-group label {
    text-align: left;
}

.well {
    background: none;
    border: none;
    box-shadow: none;
    padding: 0;
}

/************************************ Intérieur *******************************************/
#bandeHautInterieur {
    background: url(../images/visuel-interieur.jpg) no-repeat top center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 257px;
}

#pathway {
    color: #373b42;
    font-family: 'Roboto Slab', serif;
    font-size: 12px;
    font-weight: 600;
    margin: 50px 0;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.breadcrumb > .active {
    color: #373b42;
}

.divider {
    padding: 0 10px;
}

.divider:first-child {
    padding: 0;
}

.breadcrumb a {
    color: #373b42;
}

ul.breadcrumb {
    background: none;
    margin: 0;
    padding: 0;
}


.breadcrumb > li + li:before {
    color: #CCCCCC;
    content: "";
    padding: 0;
}

#interieur {
    color: #373b42;
}


#interieur .page-header {
    margin: 0 0 50px;
    border-bottom: none;
    padding: 0;
}

#interieur .page-header h2, #interieur h1, #icagenda h2, #jevents h2 {
    margin: 0;
    font-size: 30px;
    color: #373b42;
    font-family: 'Roboto Slab', serif;
    letter-spacing: 1px;
    font-weight: normal;
}

.formContainer h2 {
    margin: 0 0 30px;
    font-size: 30px;
    color: #373b42;
    font-family: 'Roboto Slab', serif;
    letter-spacing: 1px;
    font-weight: normal;
}

.formContainer h3 {
    margin: 0 0 30px;
    font-size: 22px;
    color: #1b4b0d;
    font-family: 'Roboto Slab', serif;
    letter-spacing: 1px;
    font-weight: normal;
    margin-top: 50px;
}

.formContainer h4 {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Roboto Slab', serif;
    color: #000;
    margin-top: 20px;
}

.formContainer .information {
    width: 75%;
    background: #f7f7f7;
    border: #777 1px solid;
    padding: 30px;
    margin: 20px auto;
}

.formContainer #search-lic {
    background: #1b4b0d;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    border: #0d2e03 1px solid;
    margin: 0 auto;
    transition: 0.2s all;
}

.formContainer #search-lic:hover { 
    background: #437d32;
}

.formContainer #buttonSearchByName {
    background: #ef3c34;
    color: #000;
    font-weight: 400;
    border: none;
    transition: 0.2s all;
}
.formContainer #buttonSearchByName:hover {
    background: #faaaa7;
}

.infoSup {
    color: #ff0000;
    margin: 20px 0;
}
#interieur h1 {
    margin: 0 0 50px;
}
#interieur .page-header h2 a {
    color: #373b42;
}

#lightbox-search h3 {
    margin-top: 0;
}

#lightbox-search table {
    margin-top: 20px;
}

#lightbox-search td, #lightbox-search th {
    padding: 8px;
}

#nolicenceFFCO {
    background: #1b4b0d;
    border: none;
    color: #fff;
    font-size: 20px;
    font-family: 'Roboto Slab', serif;
    border-radius:0;
    letter-spacing: 0.5em;
    padding: 15px 15px;
}

#interieur .item-page {
    text-align: justify;
}

#interieur .item-page strong {
    color: #373b42;
    font-family: 'Roboto Slab', serif;
    letter-spacing: 1px;
    font-weight: 600;
}

ul.actions {
    list-style-type: none;
}
ul.actions li {
    float: left;
    margin-right: 10px;
}

ul.actions span.icon-print {
    background: url("../images/print.png") no-repeat;
    width: 32px;
    height: 32px;
    display: block;
}

ul.actions span.icon-edit {
    background: url("../images/edit.png") no-repeat;
    width: 32px;
    height: 32px;
    display: block;
}

ul.actions span.icon-envelope {
    background: url("../images/email.png") no-repeat;
    width: 32px;
    height: 32px;
    display: block;
}

#interieur span[itemprop="articleBody"] ul {
    list-style: inside ;
}

p.readmore {
    margin-top: 14px;
}


.formelm label {
    width: 143px;
}

.formelm .inputbox {
    background: #E9ECF1;
    border: none;
}
#mailtoForm p {
    margin-top: 20px;
}
.mailto-close {
    text-align: right;
    margin-bottom: 15px;
}
#mailtoForm button {
    background: none repeat scroll 0 0 #1b4b0d;
    border-radius: 0;
    border: none;
    color: #fff;
    font-family: 'Source Sans Pro',sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 5px 15px;
}


.eb-category-description {
    font-size: 13px;
    margin-bottom: 25px;
}

/******************* Comment **********************/

#comments .comment-author, #comments .author-homepage, #comments .author-email {
    font-family: "Open Sans", sans-serif !important;
}

/***************** Pagination **********************/
div.pagination ul {
    width: 100%;
    overflow: auto;
    margin: 0;
    padding: 0;
}

div.pagination ul li {
    list-style-type: none;
    float: left;
    margin-right: 10px;
}

.pagination {
    width: 100%;
}

.pagination .counter {
    text-align: center;
    float: none !important;
}

/************************* UAM ******************************/
#table_frontend_user_article_list {
    border-collapse: collapse;
    border:0px solid #CCCCCC;
    }

    #table_frontend_user_article_list th {
        border-bottom:0px solid #444444;
        }


/******************* Menu level 4 *************************/
#menuLevel4 {
    margin-bottom: 58px;
}

#menuLevel4 li {
    margin-right: 14px;
}

#menuLevel4 a {
    border: 3px solid #b4bac6;
    color: #b4bac6;
    text-transform: uppercase;
    font-size: 12px;
    font-family: 'Roboto Slab', serif;
    font-weight: 600;
    border-radius: 0;
    padding: 9px 6px;
}

#menuLevel4 a:hover, #menuLevel4 a:focus, #menuLevel4 a:active, #menuLevel4 li.active a {
    border: 3px solid #373b42;
    color: #373b42;
    background: #fff;
}



/******************* Modules droite ***************************/
#modules .moduletable {
    margin-bottom: 53px;
}

#modules .moduletable:last-child {
    margin-bottom: 0;
}

#modules h3 {
    font-family: 'Roboto Slab', serif;
    letter-spacing: 1px;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 21px;
    padding: 0;
}

#home #modules h3 {
    color: #2b661a !important;
}

#modules ul {
    list-style-image: url(../images/fleche2.png);
    list-style-position: inside;
    padding: 0;
    margin: 0;

}

#modules ul li {
    border-bottom: 3px solid #e5e8ed;
    padding: 11px;
    line-height: 13px;
}
#modules ul li:last-child {
    border-bottom: none;
}

#modules a {
    font-weight: 600;
    color: #6181b8;
}

#modules .custom {
    border: 3px solid #e5e8ed;
    padding: 10px;
}

#modules .custom hr {
    border: 2px solid #e5e8ed;
    padding: 0;
    margin: 0px 0px 10px 0;
}

/***************** Plan du site ************************/
ul.menu-sitemap {
    list-style-position: inside;
}
ul.menu-sitemap > li {
    margin-right: 30px;
    margin-bottom: 20px;
    width: 170px;

}
ul.menu-sitemap > li > a > span, ul.menu-sitemap > li > a {
    font-weight: bold;

}
ul.menu-sitemap > li > ul > li {
    list-style: none;
}
ul.menu-sitemap > li > ul > li > a {
     color:#999;
    font-size: 13px;
}
ul.menu-sitemap > li > a:hover {
    background: none;
}

ul.menu-sitemap > li  ul.nav-child {
    font-size: 11px;
    margin-left: 0px !important;

}

ul.menu-sitemap > li > ul.nav-child {
    padding-left: 25px !important;
}

ul.menu-sitemap > li  ul.nav-child li {
    list-style:disc;
}

ul.menu-sitemap > li  ul.nav-child li ul.nav-child li {
    list-style:square;
}

ul.menu-sitemap .nav-header {
    display: inline;
    padding: 0;
}

ul.menu-sitemap img {
    display: none;
}


/*********************** Accordeon phone ******************************/

#menu2-phone ul.menu-phone-acc > li > a {
    text-transform: uppercase;
    color: #373b42;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 1px;
    display:inline-block;
    font-family: 'Roboto Slab', serif;
}

#menu2-phone ul.menu-phone-acc > li {
    border-bottom: 1px solid #fff;
}

ul.ui-widget-content {
    padding: 10px 35px;
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    list-style-type: none;
}

ul.ui-widget-content li {
    list-style-type: none;
}

ul.ui-widget-content a {
    font-size: 12px;
}

ul.ui-widget-content ul.nav-child {
    padding: 0;
    margin-bottom: 15px;
}

ul.ui-widget-content > li > a {
    color: #fff !important;
    margin-bottom: 10px;
    display: block;
    font-size: 16px;
}

ul.ui-widget-content a:hover {
    color: #fff !important;
    text-decoration: none !important;
}

#menu2-phone li.item-150 ul.ui-widget-content {
    background: #6d6ac6;
}
#menu2-phone li.item-155 ul.ui-widget-content {
    background: #373b42;
}
#menu2-phone li.item-156 ul.ui-widget-content {
    background: #27A6CC;
}

#menu2-phone li.item-150 ul.ui-widget-content a {
    color: #c2c1e5;
}
#menu2-phone li.item-155 ul.ui-widget-content a {
    color: #b6c8f0;
}
#menu2-phone li.item-156 ul.ui-widget-content a {
    color: #aed7e7;
}

#menu2-phone ul > li > a img {
    margin-right: 20px;
}

#menu2-phone ul > li > a:hover, #menu2-phone ul > li > a:focus, #menu2-phone ul > li > a:active {
    background: none;
}


/*********************** RS FORM ******************************/

.formResponsive select, .formResponsive textarea, .formResponsive input[type="text"], .formResponsive input[type="password"] {
height:auto !important;
}

.formResponsive input, .formResponsive textarea {
    width: 350px;
}


/********************* Accordéon *************************/

.item-page-accordeon h3 {
    padding-left: 15px;
    cursor: pointer;
    position: relative;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-bottom: 2px;
    font-size: 16px;
    font-weight: normal;
    color: #fff;
    clear: both;
    line-height: 30px;
    padding-right: 30px;
}

.item-page-accordeon h3:first-child {
    margin-top: 0 !important;
}

.item-page-accordeon .c {
    /*margin-left: 0;*/
}

span.ui-accordion-header-icon {
    position:absolute;
    right:0;
    top:0;
    bottom:0;
    width: 34px;
    border-left: 0px solid #fff;
}

.item-page-accordeon h3.ui-state-default span.ui-accordion-header-icon {
    background: #373b42 url(../images/arrow-accordion-down.png) no-repeat center center;
}

.item-page-accordeon h3.ui-state-active span.ui-accordion-header-icon {
    background: #1b4b0d url(../images/arrow-accordion-up.png) no-repeat center center;
}

.item-page-accordeon h3.ui-state-default {
    background: #373b42;


}

.item-page-accordeon h3.ui-state-default:hover {
    background: #5388e7;
}

.item-page-accordeon h3.ui-state-active {
    background: #1b4b0d;
}

.item-page-accordeon h3.ui-state-active:hover {
    background: #223d68;
}

.item-page-accordeon div.ui-accordion-content {
    background: #ffffff;
    padding: 0;
  text-align : justify;
}

.item-page-accordeon .container-fluid {
    padding-right: 0;
    padding-left: 0;
}
.item-page-accordeon .container-fluid .span8, .item-page-accordeon .container-fluid .span12 {
    /*padding: 20px;*/
}

.item-page-accordeon .container-fluid .span3:first-child, .item-page-accordeon .container-fluid .span3:last-child {
    padding: 0 5px;
}

.item-page-accordeon .container-fluid .span4 {
    padding: 20px 20px 20px 10px;
}



#contact-form legend {
    font-size: 14px;
    color: #555;
    border: 0;
}

.dl-horizontal dd {
    margin-left: 0;
}

/***************************** MEDIA QUERIES *******************************/

@media (min-width: 768px) {
    header {
        margin-top: 0;
        background: none;
    }
    header #logo {
        text-align: inherit;
        margin-top: 0px;
    }

    header .container {
        position: absolute;
        right: 0;
        left: 0;
        top: 0;
        z-index: 1002;
    }
    div#bande2 {
        padding: 40px 0;
    }
    div#bande2 div#menu2 ul li.level1 {
        width:186px;
    }
    #logo {
        padding-top: 20px;
    }

    header div#menuBandeau {
        margin-top: 24px;
    }

    .moduletable-vosespaces img {
        display: none;
    }
}
@media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    header div#menuBandeau {
        margin-top: 20px;
    }
    header {
        margin-top: 0;
        background: none;
    }


}

@media (max-width: 992px) {
    header .bandeMenu {
        /*display: none !important;*/
    }
}


/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    header .container {
        position: absolute;
        right: 0;
        left: 0;
        top: 0;
        z-index: 1002;
    }
    header {
        margin-top: 0;
        background: none;
    }
    header #logo {
        text-align: inherit;
        margin-top: 0px;
    }
    div#bande2 {
        padding: 40px 0;
    }
    div#bande2 div#menu2 ul li.level1 {
        width:232px;
    }

    .moduletable-vosespaces img {
        display: inline;
    }

    li.level1 > div.floatck div.maximenuck2 {
        width: 170px !important;
    }
    #logo {
        padding-top: 10px;
    }

    header div#menuBandeau {
        padding-left: 5px;
        padding-right: 5px;
    }

    header div#menuBandeau ul li.level1 > a > span.titreck {
        letter-spacing: 0;
    }

    div#maximenuck-bandeau ul.maximenuck li.maximenuck.level1, div#maximenuck-bandeau ul.maximenuck li.maximenuck.level1.parent {
        margin: 0 8px;
    }

    header div#menuBandeau {
        margin-top: 31px;
    }


    #logo.col-md-1 {
        padding-top: 40px;
    }

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    header .container {
        position: absolute;
        right: 0;
        left: 0;
        top: 0;
        z-index: 1002;
    }


    #logo.col-md-1 {
        padding-top: 0px;
    }
    header {
        margin-top: 0;
        background: none;
    }
    header #logo {
        text-align: inherit;
        margin-top: 0px;
    }
    div#bande2 {
        padding: 40px 0;
    }
    div#bande2 div#menu2 ul li.level1 {
        width:280px;
    }

    li.level1 > div.floatck div.maximenuck2 {
        width: 180px !important;
    }

    #logo {
        padding-top: 0px;
    }

    header div#menuBandeau ul li.level1 > a > span.titreck {
        letter-spacing: 1px;
    }

    header div#menuBandeau {
        margin-top: 32px;
    }

}

#circuit-enfant h2 {

        color: #3366ff !important;

}


#circuit-court h2 {

        color: #396 !important;

}

#circuit-court button[type=submit] {
    display: block;
    margin-top: 30px;
}

#circuit-moyen h2 {

        color: #ff6600 !important;

}

#circuit-moyen button[type=submit] {
    display: block;
    margin-top: 30px;
}

#circuit-long h2 {

        color: #ff0000 !important;

}

#circuit-long button[type=submit] {
    display: block;
    margin-top: 30px;
}