/*** Général ***/
html {
    font-size: 62.5%;
}

body {
    font-family: arial, sans-serif;
    font-size: 1.3em;
    color: #404040;
    width:100%;
    overflow-x: hidden;
}

body.domain-cci-industries{
    background : #ffffff url("/sites/all/themes/cci/images/trameheader_cci-industrie_01.png") no-repeat scroll 0 275px;
}
body.front.domain-cci-industries{
    background : #ffffff url("/sites/all/themes/cci/images/trameheader_cci-industrie_01.png") no-repeat scroll 0 45%;
}
#wrap {
    width: 100%;
    margin: 0 auto;
}
/*
#wrap.print1 {
   padding : 20px;
}
*/

.hidden {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
}

.mobile {
    display: none;
}

a {
    text-decoration: none;
    color: #404040;
}

a:hover,
a:active,
a:focus {
    text-decoration: underline;
}

input[type="text"],
input[type="email"],
input[type="password"] {
    border: none;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    padding: 5px 7px 5px 10px;
    margin: 0;
    background: #fcfcfc;
    border: 1px solid #dfdfdf;
    -webkit-box-shadow: inset 0px 1px 4px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0px 1px 4px 0px rgba(0, 0, 0, 0.15);
    -o-box-shadow: inset 0px 1px 4px 0px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0px 1px 4px 0px rgba(0, 0, 0, 0.15);
    color: #5a5a5a;
    font-size: 0.923em;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -o-box-sizing: content-box;
    box-sizing: content-box;
}

input[type="submit"] {
    border: none;
    background: url(btn/round-btn.png) center center no-repeat;
    width: 27px;
    height: 27px;
    cursor: pointer;
}

.clear {
    clear: both;
    padding: 0;
    margin: 0;
}

.inside {
    max-width: 1000px;
    margin: 0 auto;
}





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

.field-items img:not(.file-icon) {
    width: 100%;
    height: 100%;
    display: block;
}

img.media-image {
    float:left;
    padding: 0 10px 5px 0;
}

strong {
    font-weight: bold;
}

sub{vertical-align: sub!important;}
sup{vertical-align: super!important;}

em {
    font-style: italic;
}

.paddingTop10 {padding-top:10px;}
.paddingTop20 {padding-top:20px;}

/* Format imprimable */

.print1 .inside {
    max-width: 880px;
    margin : 0 auto;
}
.print1 .tools .right .reseaux, .print1 .tools .print {
    display:none;
    visibility:hidden;
}
.print1 .tools .right .access {
    border: none;
}
.header_print{
    width: 90%;
    margin : 0  auto;
    color:#666666;
    text-align:left;
}

.header_print #ariane{
    padding : 0;
    color:#666666;
    border-bottom:1px solid #cccccc;

    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    clear:both;
    margin: 0;
    padding: 10px 0;
}
header div.header_print div#ariane div#breadcrumb{
    margin: 0;
}

.header_print #breadcrumb a {
    margin-left: 5px;
    color:#666666;
    text-transform:uppercase;
    font-size:0.9em;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding-left: 0;
}
.header_print #breadcrumb a::before {
    content:" > ";
}


header div.header_print div#logo{
    float: left;
    height: 120px;
    width: 100%;
    padding: 0 0 15px;
    overflow: hidden;
}
header div.header_print div#logo img{

    max-height: 200px;
    max-width: 50%;
}

.footer_print{
    width: 90%;
    margin : 30px auto 0  auto;
    border-top:1px solid #cccccc;
    padding:5px 10px;
    color:#999999;
    text-align:right;
}

.print1  #nav_agenda {
    display:none;
    visibility:hidden;
}
.print1 #actions_print {
    float:right;
}
.print1 #actions_print a {
    background-color: #EBEBEB;
    border: 0 none;
    border-radius: 5px 5px 5px 5px;
    color: #666666;
    font-size: 1em;
    padding: 3px 10px;
    text-decoration: none;
}

.print1 .boxes {
    display:none;
    visibility:hidden;
}

.texte_body ul,
.field-type-text-long ul,
.field-type-text-with-summary ul,
.formation-content ul
{
    margin : 5px 0 5px 40px;
}

.texte_body ul li,
.texte_body ol li,
.formation-content ul li,
.formation-content ol li,
.field-type-text-long li,
.field-type-text-long ol,
.field-type-text-with-summary li,
.field-type-text-with-summary ol {
    padding : 2px 0;
    list-style-type:disc;
    list-style-position:outside;
}

/* Réseaux sociaux */
.access li,
.reseaux li {
    display: inline-block;
    vertical-align: top;
}

.access li a,
.reseaux li a {
    display: block;
    padding: 5px 5px;
    text-indent: -9999px;
    line-height: 0;
    font-size: 0;
    vertical-align: top;
}

.reseaux li a {
    background: url(btn/reseaux.png) 5px 5px no-repeat;
}

.access li a {
    background: url(btn/tools.png) 5px 5px no-repeat;
}

.reseaux .fb a {
    width: 8px;
    height: 17px;
}

.reseaux .fb a:hover,
.reseaux .fb a:active,
.reseaux .fb a:focus {
    background-position: 5px -18px;
}

.reseaux .tw a {
    width: 17px;
    height: 15px;
    padding: 6px;
    background-position: -15px 7px;
}

.reseaux .tw a:hover,
.reseaux .tw a:active,
.reseaux .tw a:focus {
    background-position: -15px -18px;
}

.reseaux .goo a {
    width: 16px;
    height: 14px;
    padding: 7px 6px;
    background-position: -44px 7px;
}

.reseaux .goo a:hover,
.reseaux .goo a:active,
.reseaux .goo a:focus {
    background-position: -44px -18px;
}

.reseaux .space a {
    width: 15px;
    height: 15px;
    background-image: url(btn/add-space.png);
}

.reseaux .space a:hover,
.reseaux .space a:active,
.reseaux .space a:focus {
    background-position: 5px -15px;
}

.reseaux .envoi_ami a {
    width: 18px;
    height: 15px;
    background-image: url(bg/envoi_ami.png);
}

.reseaux .envoi_ami a:hover,
.reseaux .envoi_ami a:active,
.reseaux .envoi_ami a:focus {
    background-position: 5px -20px;
}

.reseaux .yt a {
    width: 35px;
    height: 14px;
    padding: 7px 6px;
    background-position: -73px 7px;
}

.reseaux .yt a:hover,
.reseaux .yt a:active,
.reseaux .yt a:focus {
    background-position:-73px -18px;
}


.reseaux .fl a {
    width: 35px;
    height: 14px;
    padding: 7px 6px;
    background-position: -125px 7px;
}

.reseaux .fl a:hover,
.reseaux .fl a:active,
.reseaux .fl a:focus {
    background-position:-125px -18px;
}

.reseaux .ss a {
    width: 85px;
    height: 14px;
    padding: 7px 6px;
    background-position: -179px 7px;
}

.reseaux .rss a {
    background-position: -280px 9px;
    height: 17px;
    padding: 7px 6px;
    width: 17px;
}
.reseaux .rss a:hover,
.reseaux .rss a:active,
.reseaux .rss a:focus {
    background-position:-280px  -16px;
}

.reseaux .ss a:hover,
.reseaux .ss a:active,
.reseaux .ss a:focus {
    background-position:-179px -17px;
}

.access .print a {
    width: 19px;
    height: 16px;
}

.access .print a:hover,
.access .print a:active,
.access .print a:focus {
    background-position: 5px -24px;
}

.access #bigger a {
    width: 19px;
    height: 17px;
    background-position: -20px 5px;
}

.access #bigger a:hover,
.access #bigger a:active,
.access #bigger a:focus {
    background-position: -20px -24px;
}

.access #smaller a {
    width: 20px;
    height: 11px;
    background-position: -48px 5px;
}

.access #smaller a:hover,
.access #smaller a:active,
.access #smaller a:focus {
    background-position: -48px -24px;
}

/* Barre d'outils */
.interne .prestations .gray .tools ul,
.interne .event .tools ul,
.interne .article .tools ul{
    margin:0;padding:0;list-style-position:inside;list-style: none;
    list-style-image:none;
}
.tools {
    clear: both;
    margin: 30px 0;
    color: #fff;
    padding: 0;
    overflow: hidden;
    display: table;
    width: 100%;

}
.tools > div {
    padding: 2px 0;
    display: table-cell;
    vertical-align: middle;
}

.tools a {
    color: #fff;
}

.tools .left {
    padding-right: 2%;
    padding-left: 45px;
    background: url(btn/mots-cles.png) 14px center no-repeat;
}

.tools strong {
    text-transform: uppercase;
}

.tools ul {
    display: inline-block;
}

.tools .left ul li {
    display: inline-block;
    padding: 0 3px 0 0;
    vertical-align: top;
}

.tools .right {
    width: 250px;
    background: #000;
    text-align: center;
}

.tools .right > ul:first-child {
    border-right:  1px solid #8f8e8e;
}


/*** header ***/
header.connected,
header.disconnected {
    /*  background: url(bg/gray-bg.jpg) 100% top no-repeat; */
}

/** Top **/
header .top .inside {
    background: #fff;
}
header .top .inside .link_menu_mobile {
    display:none;
}
header .top .right {
    float: right;
    width: 77%;
    text-align: right;
}

header .top .right > div {
    text-align: left;
    display: inline-block;
    vertical-align: top;
}

/* Logo */
header #logo {
    padding: 30px 0;
    float: left;
    width: 21%;
    margin: 0 2% 0 0;
}

.domain-preprod-alsaeco-com h1#logo {
	margin-top:-15px;
}
.domain-preprod-alsaeco-com header #logo img {
    width: 220px;
    height: 86px;
}

header #logo img {
   /* width: 202px;
    height: 58px;*/
}

header #logo a {
    display: block;
    height: 58px;
}

/* Carte de la région */
header #region {
    height: 120px;
    /*padding-right:80px;*/
}

header #region img {
    padding:2px 0 0 0;
}

header #region .carte {
    display: inline-block;
    vertical-align: bottom;
    height:118px;
    width: 703px;
    margin-left: 45px;
}

header #region .btn {
    display: block;
    position: relative;
    float: right;
    top: -118px;
    padding: 0 0 10px;
    width: 408px;
}
/*
MEttre ces valeurs lorsques le site commerce electron,ique sera ouvert
 header #region .btn {width: 438px;}

*/
header #region .btn .eboutique{
    left: 28px;
    overflow: hidden;
    position: absolute;
    top: 36px;
    display:none;
}

.field-name-field-video {
    padding:30px 0;
}

#block-menu-menu-menu-reseau-cci h2,
#block-menu-menu-vous-etes-pole-formation h2{
    width: 155px;
    margin-bottom: 15px;
    position: relative;
    float: left;
    padding: 15px 0 0 30px;
    color: white;
    font-size: 12px;
}

#block-menu-menu-menu-reseau-cci > div > ul,
#block-menu-menu-vous-etes-pole-formation > div > ul {
    position: relative;
    font-size: 0.846em;
}

#block-menu-menu-menu-reseau-cci > div > ul > li > a,
#block-menu-menu-vous-etes-pole-formation > div > ul > li > a {
    display: block;
    background: url(btn/arrow-gray-right.png) 90% center no-repeat #FFFFFF;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    padding: 8px 20px;
    text-transform: uppercase;
    text-decoration: none;
    margin-top: 7px;
    margin-right: 53px;
    float: right;
    width: 120px;
}

#block-menu-menu-menu-reseau-cci > div > ul > li:hover > a,
#block-menu-menu-menu-reseau-cci > div > ul > li:focus > a,
#block-menu-menu-menu-reseau-cci > div > ul > li:active > a,
#block-menu-menu-vous-etes-pole-formation > div > ul > li:hover > a,
#block-menu-menu-vous-etes-pole-formation > div > ul > li:focus > a,
#block-menu-menu-vous-etes-pole-formation > div > ul > li:active > a {
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -o-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
}

#block-menu-menu-menu-reseau-cci > div > ul ul,
#block-menu-menu-vous-etes-pole-formation > div > ul ul {
    position: absolute;
    background: white;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -o-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    left: 195px;
    right: 0;
    top: 30px;
    padding: 0;
    display: none;
    z-index: 1111;
    width: 160px;
}

#block-menu-menu-menu-reseau-cci  > div > ul > li:hover ul,
#block-menu-menu-menu-reseau-cci > div > ul > li:focus ul,
#block-menu-menu-menu-reseau-cci  > div > ul > li:active ul,
#block-menu-menu-vous-etes-pole-formation > div > ul > li:hover ul,
#block-menu-menu-vous-etes-pole-formation > div > ul > li:focus ul,
#block-menu-menu-vous-etes-pole-formation > div > ul > li:active ul {
    display: block;
    padding: 0;
}

#block-menu-menu-menu-reseau-cci  > div > ul ul li a,
#block-menu-menu-vous-etes-pole-formation > div > ul ul li a {
    text-transform: uppercase;
    display: block;
    padding: 8px 20px;
    text-decoration: none;
}

#block-menu-menu-menu-reseau-cci > div > ul ul li a:focus,
#block-menu-menu-menu-reseau-cci > div > ul ul li a:active,
#block-menu-menu-menu-reseau-cci > div > ul ul li a:hover,
#block-menu-menu-vous-etes-pole-formation > div > ul ul li a:hover,
#block-menu-menu-vous-etes-pole-formation > div > ul ul li a:focus,
#block-menu-menu-vous-etes-pole-formation > div > ul ul li a:active{
    background: #dbdbdb;
}

#block-menu-menu-menu-reseau-cci > div > ul ul li:last-child a:focus,
#block-menu-menu-menu-reseau-cci > div > ul ul li:last-child a:active,
#block-menu-menu-menu-reseau-cci > div > ul ul li:last-child a:hover,
#block-menu-menu-vous-etes-pole-formation > div > ul ul li:last-child a:hover,
#block-menu-menu-vous-etes-pole-formation > div > ul ul li:last-child a:focus,
#block-menu-menu-vous-etes-pole-formation > div > ul ul li:last-child a:active{
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -o-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
}

#block-menu-menu-menu-reseau-cci ul  a.separateur {
    border-top: 1px solid #aaaaaa;
}

/* Espace perso / Général */
header #espace {
    width: 298px;
    height: 118px;
    padding-left: 56px;
    margin-left: 30px;
    background: url(bg/espace-left.png) left top no-repeat;
}

header #espace > div {
    display: block;
    padding: 14px 12px;
    height: 78px;
}

/* Espace perso / Connecté */
header.connected #espace > div > span {
    color: #ddd2c6;
    font-size: 1.384em;
    display: inline-block;
    margin: 0 0 5px;
}

header.connected #espace #block-system-user-menu ul li a {
    color: #fff;
    text-transform: uppercase;
    font-size: 0.923em;
    line-height: 1.5em;
    padding-left: 15px;
    background: url(btn/arrow-white-right.png) left 1px no-repeat;
}

header.connected #espace #block-system-user-menu ul li a:focus,
header.connected #espace #block-system-user-menu ul li a:active,
header.connected #espace #block-system-user-menu ul li a:hover {
    text-decoration: underline;
}

header.connected #espace #block-system-user-menu ul li a span {
    text-transform: none;
}

/* Espace perso / Non connecté */
header.disconnected #espace > div {
    padding: 17px 8px 0 8px;
    min-height: 100px;
}

header #block-user-login h2{
    color: #fff;
    font-size: 1em;
    text-transform: uppercase;
    display: inline-block;
    margin: 0 0 8px;
    padding-left: 15px;
    background: url(btn/arrow-white-right.png) left 1px no-repeat;
}

header .form-item-pass {
    float:left;
}

header.disconnected #espace > div input[type="email"],
header.disconnected #espace > div input[type="text"],
header.disconnected #espace > div input[type="password"] {
    margin-bottom: 5px;
    width: 130px;
}

header.disconnected #espace > div input[type="submit"] {
    background: none;
    border: none;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
    width: auto;
    height: auto;
}

header.disconnected #espace > div form > a, header.disconnected #espace a{
    color: #fff;
    text-decoration: underline;
    margin-left: 5px;
    display: inline-block;
}
#espace a {
    line-height:25px;
}
#espace .form-item {
    margin:0;
    padding:0;
}
#espace .form-item label {
    display:none;
    visibility:hidden;
}
#espace input#edit-submit {
    clear:both;
    display:block;
}
#espace .form-item-pass {
    margin-right:5px;
}


#espace .region-identification h2 {
    display:none;
    visibility:hidden;
}

/** Bottom **/
header .bottom {
    clear: both;
    background: #5b5b5b;
    position: relative;
}

header .bottom .inside > .right {
    display: inline-block;
    width: 39%;
    vertical-align: top;
}

header .bottom .inside > .right > div {
    display: inline-block;
    vertical-align: top;
    min-width: 58px;
    position: relative;
    z-index: 0;
}

header .bottom .inside > .right > div#you-are {
    z-index: 100;
}

/* Menu */
header .bottom nav {
}
.region-menu{
    display: inline-block;
    min-height: 58px;
    vertical-align: middle;
    width: 60%;
}


header .bottom nav > ul {
    display: table;
    min-height: 57px;
    width: 100%;
}

header .bottom nav > ul > li:first-child,
header .bottom nav > ul > li:first-child + li {
    width: 150px;
}

header .bottom nav > ul > li {
    display: table-cell;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 0.769em;
    width: auto;
    max-width: 150px;
    line-height: 1.5em;
    vertical-align: top;
}

header .bottom nav > ul > li > a {
    color: #fff;
    vertical-align: middle;
    display: block;
    padding: 15px 0;
    min-height: 27px;
    position: relative;
    text-decoration: none;
    /*  max-width: 150px;
       font-size: 1.2em;           cf css "site_... .css"*/
}

header .bottom nav > ul > li.current > a > span + span,
header .bottom nav > ul > li.current:hover > a > span + span,
header .bottom nav > ul > li.current:active > a > span + span,
header .bottom nav > ul > li.current:focus > a > span + span{
    background: url(btn/red-arrow-bot.png) center bottom no-repeat;
}

header .bottom nav > ul > li.current > a,
header .bottom nav > ul > li:hover > a,
header .bottom nav > ul > li:active > a,
header .bottom nav > ul > li:focus > a {
    background: #e30044;
}

header .bottom nav > ul > li + li.current > a > span:first-child,
header .bottom nav > ul > li + li:hover > a > span:first-child,
header .bottom nav > ul > li + li:active > a > span:first-child,
header .bottom nav > ul > li + li:focus > a > span:first-child {
    border-left: 1px solid #e30044;
}

header .bottom nav > ul > li > a > span:first-child {
    display: table-cell;
    padding: 0 15px;
    height: 25px;
    vertical-align: middle;
}

header .bottom nav > ul > li > a > span + span {
    position: absolute;
    width: 10px;
    height: 5px;
    bottom: -5px;
    left: 50%;
    z-index: 900;
}

header .bottom nav > ul > li + li > a > span:first-child {
    border-left: 1px solid #d0c6ba;
}



header .bottom nav > ul ul li {
    font-size: 1em;

}

header .bottom nav > ul > li > div {
    display: block;
    position: absolute;
    width: 100%;
    background: #e5d9cb;
    visibility: hidden;
    padding: 15px 0;
    left: 0;

}
/*.domain-cci-colmar header .bottom nav > ul > li > div {min-height:315px;}*/



header .bottom nav > ul > li > div {
    /* min-height:315px;*/
}


header .bottom nav > ul > li:hover > div.invisible,
header .bottom nav > ul > li:active > div.invisible,
header .bottom nav > ul > li:focus > div.invisible,
header .bottom nav > ul > li:hover > div,
header .bottom nav > ul > li:active > div,
header .bottom nav > ul > li:focus > div {
    /*  visibility: visible;
       z-index: 1000;*/

}

nav#navigation   ul.menu   li.parent   div   div   ul.menu   li.menu_title{
    font-weight: 700;
}
header .bottom nav > ul > li div > div:first-child {
    max-width: 1000px;
    margin: 0 auto;
    text-transform: none;
    font-size: 1.1em;
    position: relative;
}

header .bottom nav > ul > li.current > div,
header .bottom nav > ul > li.current:hover > div,
header .bottom nav > ul > li.current:active > div,
header .bottom nav > ul > li.current:focus > div {
    visibility: visible;
    z-index: 100;
    width: 100%;
}

header .bottom nav > ul > li > div.invisible {
    visibility: hidden;
}

header .bottom nav > ul > li > .cache + div.visible {
    visibility: visible;
}

header .bottom nav > ul > li > .cache + div.visible > div > ul {
    visibility: visible;
}

header .bottom nav > ul > li > .cache + div.visible > .close {
    visibility: hidden;
}


header .bottom nav > ul > li div > div > ul {
    width: 60%;
    float: left;
}

header .bottom nav > ul > li div > div > ul li a {
    display: inline-block;
}

header .bottom nav > ul > li div > div > ul li.parent > a {
    padding-right: 5px;
}

header .bottom nav > ul > li div > div > ul li.parent:hover > a,
header .bottom nav > ul > li div > div > ul li.parent:active > a,
header .bottom nav > ul > li div > div > ul li.parent:focus > a,
header .bottom nav > ul > li div > div > ul li.parent.current > a,
header .bottom nav > ul > li div > div > ul li.parent.current > a,
header .bottom nav > ul > li div > div > ul li.parent.current > a,
header .bottom nav > ul > li div > div > ul li.current > a, header .bottom nav > ul > li div > div > ul li.expanded:hover > a {
    background: url(btn/red-arrow.png) center right no-repeat;
    padding-right: 5px;
}
header .bottom nav > ul > li div > div > ul li.current > a, header .bottom nav > ul > li div > div > ul li:hover > a{
    padding-right: 5px;
}
header .bottom nav > ul > li div > div > ul li > a > span,
header .bottom nav > ul > li div > div > ul li> a > span,
header .bottom nav > ul > li div > div > ul li > a > span,
header .bottom nav > ul > li div > div > ul li > ul > li > a > span{
    display: block;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: normal;
}

header .bottom nav > ul > li div > div > ul li.current > a > span,
header .bottom nav > ul > li div > div > ul li:hover > a > span,
header .bottom nav > ul > li div > div > ul li:active > a > span,
header .bottom nav > ul > li div > div > ul li:focus > a > span {
    background: #e30044;
    padding: 5px 10px;
}


header .bottom nav > ul > li div > div > ul li.current > a,
header .bottom nav > ul > li div > div > ul li:hover > a,
header .bottom nav > ul > li div > div > ul li:active > a,
header .bottom nav > ul > li div > div > ul li:focus > a {
    color: #fff;
    text-decoration: none;
}

header .bottom nav > ul ul a {
    color: #5b5b5b;
}

header .bottom nav > ul > li > div > div > ul > li > a,
header .bottom nav > ul > li > div > div > ul > li > ul > li > a,
header .bottom nav > ul > li > div > div > ul > li > ul > li > ul > li > a {
    width: 170px;
}


header .bottom nav > ul > li > div > div > ul > li.menu_title > a,
header .bottom nav > ul > li > div > div > ul > li > ul > li.menu_title > a,
header .bottom nav > ul > li > div > div > ul > li > ul > li > ul > li.menu_title > a {
    font-weight: 700;
}

header .bottom nav > ul > li > div > div > ul > li.menu_title > a span,
header .bottom nav > ul > li > div > div > ul > li > ul > li.menu_title > a  span,
header .bottom nav > ul > li > div > div > ul > li > ul > li > ul > li.menu_title > a  span {
    font-weight: 700;
}

header .bottom nav > ul > li > div > div > ul > li > ul {
    margin-left: 10px;
}
#navigation > ul > li.parent > div > div > ul{
    border-left: 1px solid #d0c6ba;
    padding-left: 5px;
}

#navigation > ul.menu > li > div > div > ul > li > ul{
    vertical-align: top;
    position: absolute;
    display: inline-block;
    top: 0;
    margin-left: 5px;
    padding-left: 5px;
    width: 270px;
    background: #e5d9cb;
}
header .bottom nav > ul ul ul {
    vertical-align: top;
    position: absolute;
    visibility: hidden;
    display: inline-block;
    border-left: 1px solid #d0c6ba;
    border-right: 1px solid #d0c6ba;
    top: 0;
    margin-left: 5px;
    padding :0 5px;
    width: 177px;
}
#navigation > ul > li.parent.rub0 > div > div > ul > li:nth-child(1) > ul > li.expanded > ul{
    padding-left: 5px;
}
header .bottom nav > ul ul.visible {
    visibility: visible;
}
header .bottom nav > ul ul.invisible {
    visibility: hidden;
}

header .bottom nav ul ul li:hover > a + ul,
header .bottom nav ul ul li:active > a + ul,
header .bottom nav ul ul li:focus > a + ul {
    visibility: visible;
}

header .bottom nav > ul ul ul ul,
header .bottom nav > ul ul ul ul ul {
    left: 100%;
}

header .close {
    position: absolute;
    bottom: -14px;
    left: 50%;
    text-indent: -9999px;
    line-height: 0;
    font-size: 0;
    background: url(btn/close-menu.png) top left no-repeat;
    width: 27px;
    height: 14px;
    margin-left: -14px;
    cursor: pointer;
}

header #ariane .close {
    background-position: bottom left;
}

/* News */
header .bottom .news {
    background: #fff;
    float: right;
    padding: 22px 18px 10px;
    width: 214px;
    height: 118px;
    -webkit-box-shadow:  5px 5px 5px 0px rgba(0, 0, 0, 0.13);
    -moz-box-shadow:  5px 5px 5px 0px rgba(0, 0, 0, 0.13);
    -o-box-shadow:  5px 5px 5px 0px rgba(0, 0, 0, 0.13);
    box-shadow:  5px 5px 5px 0px rgba(0, 0, 0, 0.13);
    font-weight: normal;
}

header .bottom .news h2 {
    color: #e30044;
    text-transform: uppercase;
    margin-bottom: 10px;
}

header .bottom .news h2 a {
    color: #e30044;
}

header .bottom .news > a {
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    background: #8f8e8e;
    padding: 5px 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    margin-top: 10px;
}


/* Vous êtes */
header .region-vous-etes {
    padding: 15px 1%;
}

#block-menu-menu-vous-etes .content > ul {
    position: relative;
    font-size: 0.846em;
    z-index: 1001;
}

#block-menu-menu-vous-etes .content > ul > li > a {
    display: inline-block;
    width: 70px;
    background: url(btn/arrow-white-bot.png) 90% center no-repeat #8f8e8e;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    padding: 8px 20px 8px 15px;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
}

header #block-menu-menu-vous-etes .content > ul > li:hover > a,
header #block-menu-menu-vous-etes .content > ul > li:focus > a,
header #block-menu-menu-vous-etes .content > ul > li:active > a {
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -o-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
}

header #block-menu-menu-vous-etes .content > ul ul {
    position: absolute;
    background: #8f8e8e;
    -webkit-border-radius: 0 10px 10px 10px;
    -moz-border-radius: 0 10px 10px 10px;
    -o-border-radius: 0 10px 10px 10px;
    border-radius: 0 10px 10px 10px;
    width: 170px;
    padding: 0;
    display: none;
}

header #block-menu-menu-vous-etes .content > ul > li:hover ul,
header #block-menu-menu-vous-etes .content > ul > li:focus ul,
header #block-menu-menu-vous-etes .content > ul > li:active ul {
    display: block;
    padding: 0;
}

header #block-menu-menu-vous-etes .content > ul ul li a {
    color: #fff;
    text-transform: uppercase;
    display: block;
    padding: 8px 20px;
    text-decoration: none;
}

header #block-menu-menu-vous-etes .content > ul ul li a:focus,
header #block-menu-menu-vous-etes .content > ul ul li a:active,
header #block-menu-menu-vous-etes .content > ul ul li a:hover {
    background: #7f7e7e;
}

header #block-menu-menu-vous-etes .content > ul ul li:first-child a:focus,
header #block-menu-menu-vous-etes .content > ul ul li:first-child a:active,
header #block-menu-menu-vous-etes .content > ul ul li:first-child a:hover {
    -webkit-border-radius: 0 10px 0 0;
    -moz-border-radius: 0 10px 0 0;
    -o-border-radius: 0 10px 0 0;
    border-radius: 0 10px 0 0;
}

header #block-menu-menu-vous-etes .content > ul ul li:last-child a:focus,
header #block-menu-menu-vous-etes .content > ul ul li:last-child a:active,
header #block-menu-menu-vous-etes .content > ul ul li:last-child a:hover {
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -o-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
}

/* Réseaux sociaux */
header .reseaux {
    padding: 15px 2%;
}

header .reseaux li {
    padding: 0 1%;
}

/* Recherche */
header #search {
    padding: 15px 0;
}
header #search.cci_mobile_search{
    display:none;
}

header #search form {
    position: relative;
}

header #search input[type="text"] {
    padding-left: 30px;
    height: 15px;
    width: 121px;
    color:#aea4a4;
}

header #search input[type="submit"] {
    background: url(btn/search.png) center center no-repeat;
    border: none;
    text-indent: -9999px;
    line-height: 0;
    font-size: 0;
    width: 40px;
    height: 27px;
    position: absolute;
    left: 0px;
    top: 2px;
    cursor: pointer;
}

/** Ariane **/
header #ariane{
    background: #e5d9cb;
    padding: 10px 0;
    position: relative;
}

header #ariane .breadcrumb {
    padding-bottom: 0;
}

header #breadcrumb {
    max-width: 970px;
    margin: 0 auto;
    padding: 0 15px;
    color:#000000;
}


header #breadcrumb a {
    text-transform: uppercase;
    display: inline-block;
    font-size: 0.846em;
}


header #breadcrumb a {
    padding-left: 12px;
    margin-left: 5px;
    background: url(btn/arrow-red-right.png) left top no-repeat;
}


/*** Content ***/
.gray {
    /* background: #f2f2f2; */
    padding: 30px 0;
    overflow: hidden;
    background: url(bg/bg_gray_transparent.png) transparent repeat;
}
/*
header + section {
    padding: 10px 0 0;
}
body.front header + section {
    padding: 0;
}
*/
section .inside {
    position: relative;
}

section + section {
    margin-top: 20px;
}

.blocs {
    overflow: hidden;
}

.bloc {
    width: 19%;
    min-height: 155px;
    padding: 20px 2%;
    color: #fff;
    float: left;
}

.bloc > span {
    font-size: 1.153em;
    line-height: 1.2em;
}

.bloc + .bloc {
    margin-left: 2.4%;
}

.blocs article.bloc {
    background: #e5d9cb;
    color: #000;
}

.green,
.green .inside, .green a,
.views-row-1.blocs article.bloc{
    background: #2ab4ad;
    color:#ffffff;
}

.blue,
.blue .inside,
.views-row-2.blocs article.bloc{
    background: #009ee0;
}

.red,
.red .inside
{
    background: #e30044;
}

.dark-gray,
.dark-gray .inside,.views-row-3.blocs article.bloc {
    background: #5b5b5b;
}

.middle-gray,
.middle-gray .inside {
    background: #7a7a7a;
}
.black,
.black .inside {
    background: #000000;
}

.beige,
.beige .inside,
.boxes .beige a{
    background: #e5d9cb;
    color: #404040;
}

a.nolink, a.nolink:hover {
    text-decoration : none;
}

.bloc h2 {
    font-size: 1.153em;
    margin-bottom: 15px;
    line-height: 1.2em;
    text-transform: uppercase;
}

.bloc h2 a {
    color: #fff;
}

.bloc p {
    line-height: 1.3em;
}

.bloc.arrow, .bloc.no-arrow  {
    width: 23%;
    min-height: 195px;
    padding: 0;
    /*display: table;*/
}

.bloc.arleft{
    padding: 0 0 0 0.8%;
}

.bloc.arbot {
    padding: 0 0 8px;
}

.bloc.arright {
    padding: 0 8px 0 0;
}

.bloc.artop {
    padding: 0 0 8px;
}

.bloc.arleft.dark-gray {
    background: url(bg/gray-arrow-left.png) center left no-repeat;
}
.bloc.arleft.middle-gray {
    background: url(bg/middle-gray-arrow-left.png) center left no-repeat;
}

.bloc.no-arleft.dark-gray, .bloc.no-arleft.middle-gray  {
    background: none;
}

.bloc.arright.dark-gray {
    background: url(bg/gray-arrow-right.png) center right no-repeat;
}
.bloc.arright.middle-gray {
    background: url(bg/middle-gray-arrow-right.png) center right no-repeat;
}

.bloc.arleft.green {
    background: url(bg/green-arrow-left.png) center left no-repeat;
}
.bloc.arright.green {
    background: url(bg/green-arrow-right.png) center right no-repeat;
}


.bloc.arbot.red {
    background: url(bg/red-arrow-bot-big.png) center bottom no-repeat;
}
.bloc.arright.red {
    background: url(bg/red-arrow-right.png) center right no-repeat;
}

.bloc.arrow .inside, .bloc.no-arrow .inside {
    display: table-cell;
    vertical-align: middle;
    width: 210px;
    height: 175px;
    padding: 10px;
}

.bloc.arrow.dark-gray, .bloc.arrow.middle-gray .inside, .bloc.no-arrow.dark-gray .inside, .bloc.no-arrow.middle-gray .inside, .bloc.arrow.red .inside {
    text-align: center;
}

#text .dark-gray.arrow.arleft,
#text .dark-gray.no-arrow.no-arleft{
    max-width: 230px;
}


#text .bloc.dark-gray .inside a,
#text .bloc.middle-gray .inside a  {
    font-size:0.9em;
    background: url(btn/beige-arrow.png) center left no-repeat;
    padding-left:10px;
    color:#E5D9CB;
}
.bloc.arrow.dark-gray .inside a:hover, .bloc.arrow.middle-gray .inside a:hover  {
    background: url(btn/red-arrow.png) center left no-repeat;
}


/** Home **/
.title,
#block-views-news-actu-homeblock h2,
#block-views-news-block-1 h2,
#block-views-teaser-block-1 h2,
#block-cci-cci-hp-block-cci-store-widget h2{
    color: #e30044;
    font-size: 1.923em;
    margin-bottom: 15px;
    display: inline-block;
    font-weight: bold;
}

/** block store widget **/
#block-cci-cci-hp-block-cci-store-widget{
  margin-top: 25px;
  margin-bottom: 25px;
}
#block-cci-cci-hp-block-cci-store-widget iframe{
  max-width: 100%;
}
/** View actualité **/
#block-views-news-actu-homeblock,
#block-views-news-block-1{
    margin-bottom: 25px;
}

#block-views-news-actu-homeblock h2,
#block-views-news-block-1 h2,
#block-views-teaser-block-1 h2,
#block-cci-cci-hp-block-cci-store-widget h2{
    margin-top: 15px;
    margin-bottom: 5px;
}

.page-search .content h2 {
    color: #000000;
    display: inline-block;
    font-size: 1.4em;
    padding-bottom:15px;
}

#block-views-news-actu-homeblock .item-list ul,
#block-views-news-block-1 .item-list ul{
    margin: 0;
}

#block-views-news-actu-homeblock ul.news-list li,
#block-views-news-block-1 ul.news-list li {
    min-height:290px;
    float:left;
    text-align:left;
    /* width:25%; */
    max-width:230px;
    position:relative;
    display:block;
    margin:0;
}

#block-views-news-actu-homeblock ul.news-list h3,
#block-views-news-block-1 ul.news-list h3 {
    text-transform: uppercase;
    padding: 20px 0px 10px 0px;
    font-weight: bold;
    line-height: 1.2em;
}

#block-views-news-actu-homeblock ul.news-list li,
#block-views-news-block-1 ul.news-list li {
    padding-right: 26px;
}

#block-views-news-actu-homeblock .more-link-wrapper,
#block-views-news-block-1 .more-link-wrapper {
  text-align: right;
  margin-bottom: 6px;
  margin-top: -22px;
}

#block-views-news-actu-homeblock .more-link,
#block-views-news-block-1 .more-link {
  background-color: #e30044;
  font-family: arial;
  padding: 5px;
  display: inline-block;
}

#block-views-news-actu-homeblock .more-link a,
#block-views-news-actu-homeblock .more-link a:active,
#block-views-news-actu-homeblock .more-link a:visited,
#block-views-news-block-1 .more-link a,
#block-views-news-block-1 .more-link a:active,
#block-views-news-block-1 .more-link a:visited {
    color:#FFFFFF;
    text-decoration: none;
}

#block-views-news-actu-homeblock .more-link a:hover,
#block-views-news-block-1 .more-link a:hover {
    color:#FFFFFF;
    text-decoration: underline;
}

#block-views-news-actu-homeblock ul.news-list li.views-row-last,
#block-views-news-block-1 ul.news-list li.views-row-last {
    padding-right: 0px;
}

/** Actualité view listing et view listing actu similaires **/
.page-actualites-similaires .view-display-id-actu_similaires_page_listing h2,
.page-actualites-similaires .view-display-id-actu_similaires_page_listing h3 a,
.view-display-id-actu_page_listing h2,
.view-display-id-actu_page_listing h3 a {
    color: #e30044;
    font-size: 1.923em;
    margin-bottom: 15px;
    font-weight: bold;
}
.page-actualites #block-system-main .view-display-id-actu_page_listing .views-field.views-field-field-actu-image,
.page-actualites-similaires .view-display-id-actu_similaires_page_listing .views-field.views-field-field-actu-image {
    float: left;
    margin-right: 10px;
}

.page-actualites-similaires .view-display-id-actu_similaires_page_listing .views-field.views-field-body{
    margin-top: 5px;
}
.page-actualites-similaires .view-display-id-actu_similaires_page_listing .views-field.views-field-body{
    min-height: 120px;
}
.page-actualites #block-system-main .view-display-id-actu_page_listing .views-field.views-field-body {
    margin-top: 5px;
}

.page-actualites-similaires .view-display-id-actu_similaires_page_listing .views-field-field-titre-court h3 a,
.page-actualites #block-system-main .view-display-id-actu_page_listing .views-field-field-titre-court h3 a {
    font-size: 16px;
    margin-bottom: 5px;
}

.page-actualites #region-sidebar .block-aggregator .content {
    margin-bottom: 20px;
}

.page-actualites-similaires .view-display-id-actu_similaires_page_listing .filter-pager-wrapper {
    /*display:inline;*/
}
.page-actualites-similaires .view-display-id-actu_similaires_page_listing h2 {
    margin-bottom: 30px;
    margin-top: 8px;
}
.page-actualites-similaires .view-display-id-actu_similaires_page_listing .views-field.views-field-created,
.page-actualites-similaires .view-display-id-actu_similaires_page_listing .views-field-field-actu-themes,
.page-actualites-similaires .view-display-id-actu_similaires_page_listing .views-field-field-actu-themes .field-content,
.page-actualites #block-system-main .view-display-id-actu_page_listing .views-field.views-field-created,
.page-actualites #block-system-main .view-display-id-actu_page_listing .views-field-field-actu-themes,
.page-actualites #block-system-main .view-display-id-actu_page_listing .views-field-field-actu-themes .field-content,
.page-actualites #region-sidebar .block-aggregator .pub-date{
    color: #A9A9A9;
}

.page-actualites-similaires .view-display-id-actu_similaires_page_listing .views-field.views-field-created,
.page-actualites #block-system-main .view-display-id-actu_page_listing .views-field.views-field-created {
    display: inline;
}
.page-actualites-similaires .view-display-id-actu_similaires_page_listing .views-field.views-field-field-actu-themes,
.page-actualites-similaires .view-display-id-actu_similaires_page_listing .views-field-field-actu-themes .field-content,
.page-actualites #block-system-main .view-display-id-actu_page_listing .views-field.views-field-field-actu-themes,
.page-actualites #block-system-main .view-display-id-actu_page_listing .views-field-field-actu-themes .field-content {
    display: inline;
}
.page-actualites-similaires .view-display-id-actu_similaires_page_listing .views-field-field-actu-themes .field-content:before,
.page-actualites #block-system-main .view-display-id-actu_page_listing .views-field-field-actu-themes .field-content:before {
    content:"| ";
}
.page-actualites-similaires .view-display-id-actu_similaires_page_listing .news-listing-pager,
.page-actualites #block-system-main .view-display-id-actu_page_listing .news-listing-pager {
    float: none;
    padding-right: 0px;
}
.page-actualites-similaires .view-display-id-actu_similaires_page_listing .view-filters,
.page-actualites #block-system-main .view-display-id-actu_page_listing .view-filters {
    float:left;
}
.page-actualites-similaires #block-system-main .view-display-id-actu_similaires_page_listing .news-list li,
.page-actualites #block-system-main .view-display-id-actu_page_listing .news-list li {
    min-height: 152px;
    margin-bottom: 20px;
}
.page-actualites-similaires .view-display-id-actu_similaires_page_listing .filter-pager-wrapper,
.page-actualites #block-system-main .view-display-id-actu_page_listing .filter-pager-wrapper {
    /*min-height: 66px;*/
}
.page-actualites-similaires .view-display-id-actu_similaires_page_listing #region-sidebar,
.page-actualites #block-system-main .view-display-id-actu_page_listing #region-sidebar {
    float:right;
    max-width: 250px;
}
.page-actualites-similaires .view-display-id-actu_similaires_page_listing .view-content,
.page-actualites #block-system-main .view-display-id-actu_page_listing .view-content {
    float: left;
    width: 720px;
    padding-right:10px;
}
.page-actualites-similaires .view-display-id-actu_similaires_page_listing .views-more-link,
.page-actualites-similaires .view-display-id-actu_similaires_page_listing .views-more-link:active,
.page-actualites-similaires .view-display-id-actu_similaires_page_listing .views-more-link:visited,
.page-actualites #block-system-main .view-display-id-actu_page_listing .views-more-link,
.page-actualites #block-system-main .view-display-id-actu_page_listing .views-more-link:active,
.page-actualites #block-system-main .view-display-id-actu_page_listing .views-more-link:visited,
.page-actualites #region-sidebar .block-aggregator .more-link a
{
    color:#0000FF;
    text-decoration: underline;
}
.page-actualites-similaires .view-display-id-actu_similaires_page_listing .views-more-link:hover,
.page-actualites #block-system-main .view-display-id-actu_page_listing .views-more-link:hover,
.page-actualites #region-sidebar .block-aggregator .more-link a:hover {
    color:#0000FF;
    text-decoration: none;
}

.page-actualites-similaires .view-display-id-actu_similaires_page_listing .view-content {
    float:left;
}
.page-actualites-similaires #block-system-main .view-display-id-actu_similaires_page_listing .news-listing-pager {
    float: right;
    margin-right: 270px;
}
.page-actualites #block-system-main .view-display-id-actu_page_listing .news-listing-pager {
    float: right;
    margin-right: -25px;
}
.page-actualites-similaires #block-system-main .view-display-id-actu_similaires_page_listing .news-listing-pager,
.page-actualites #block-system-main .view-display-id-actu_page_listing .news-listing-pager {
    height: 21px;
    margin-bottom: 30px;
}
.page-actualites #block-system-main .view-display-id-actu_page_listing .view-filters {
    margin-bottom: 20px;
}
.page-actualites #block-system-main .view-display-id-actu_page_listing .view-filters .views-exposed-widget {
  float: none;
}
.page-actualites #block-system-main .view-display-id-actu_page_listing .view-filters .views-exposed-widget + .views-exposed-widget {
  margin-top: 15px;
}
.page-actualites .view-display-id-actu_page_listing .view-filters .views-widget-filter-shs_term_node_tid_depth select {
  margin-bottom: 10px;
}

  .search-advanced  .form-item-exclude-actu,
.search-advanced  .form-item-exclude-event {
    float: left;
    margin-right: 2em;
    clear: both;
}

.page-actualites #region-sidebar .block-aggregator {
    min-width: 245px;
}
.page-actualites #region-sidebar .block-aggregator .more-link{
    background-color: #7a7a7a;
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-top: 10px;
    text-align: center;
}
.page-actualites #region-sidebar .block-aggregator .more-link a,
.page-actualites #region-sidebar .block-aggregator .more-link a:hover{
    color: #fff;
    font-family: Arial;
    text-align: center;
    text-decoration: none;
}

#region-sidebar .block-aggregator h2 {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    background-color: #7A7A7A;
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    text-align: left;
}

.page-actualites #region-sidebar .block-aggregator h3 a {
    font-size: 13px;
}

.page-actualites #region-sidebar .block-aggregator h3 a,
.page-actualites #region-sidebar .block-aggregator .pub-date {
    margin-bottom: 5px;
    margin-top: 5px;
}
.page-actualites #region-sidebar .block-aggregator .description {
    padding-bottom: 10px;
    border-bottom: dashed 1px #000;
    margin-bottom: 10px;
}
.page-actualites #region-sidebar .block-aggregator li:last-child .description {
    border-bottom: none;
}
.page-actualites .chosen-container .chosen-results li.highlighted {
    background-color: #E30044;
    background-image: none;
    color: #fff;
}
.page-actualites-similaires .views-field-field-titre-court a {
    max-width: 500px;
}


/* Block feed Alsace Eco */

/* Détail Actualité */
.details-actualite .field-name-field-actu-themes,
.details-actualite .field-items,
.details-actualite .field-item {
    display: inline;
}
.details-actualite .field-name-field-actu-tags .field-item {
    margin-right: 5px;
}
.details-actualite .date-themes {
    float: none;
}
.details-actualite .field-name-field-actu-tags {
    display: inline;
}
.details-actualite .actu-tags-label {
    font-weight: bold;
}
.details-actualite .field-name-body {
    float: left;
    max-width: 743px;
}
.details-actualite .field-name-field-actu-image {
    float: left;
    margin-right: 10px;
    max-width: 230px;
}
#region-en-complement {
    clear: both;
}
.interne.details-actualite h1,
.details-actualite .date-themes,
.details-actualite .field-name-field-actu-teaser {
    margin-bottom: 10px;
}
.details-actualite .date-themes {
    color: #A9A9A9;
}
.details-actualite .tools {
    margin: 15px 0;
}
.details-actualite .boxes {
    overflow: visible;
}
#block-views-similar-by-terms-news-block {
    background-color: #009EE0;
}
#block-views-similar-by-terms-news-block h2 {
    text-transform: uppercase;
    font-size: 1.153em;
    /*padding-top: 8px;*/
    padding-bottom: 18px;
    border-bottom: 1px dotted #fff;
}
#block-views-similar-by-terms-news-block .views-row {
    border-bottom: 1px dotted #fff;
}
#block-views-similar-by-terms-news-block .views-row {
    padding: 10px 0 10px;
    min-height: 56px;
}
#block-views-similar-by-terms-news-block .views-field-title {
    font-weight: bold;
}


#region-en-complement .blocs .field-item {
    display: block;
}
/*** fin Actualité ***/

.search-result {
    margin : 20px 0;
}

li.search-result {
    padding : 10px;
    border : 1px solid #cccccc;
}
.search-results h3.title{
    font-size: 1.384em;
    color: #2AB4AD;
    padding: 5px 0;
    margin: 0;
}
.search-results h3.title a{
    color: #2AB4AD;
}

#search-snippet-info {
    padding : 0;
    margin: 0;
}
.search-snippet-info {
    font-size: 1.05em;
    line-height:1.2em;
    margin-left:10px;
}
.search-results .search-info {
    display:none;
    visibility:hidden;
}
.search-snippet strong, .search-snippet b {
    color: #E30044;
}
#search-form legend {
    float:right;
}
#search-form label {
    padding : 5px;
}
#search-form input.form-submit{
    background-color: #E40043;
    background-image: none;
    border-radius: 10px 10px 10px 10px;
    color: #FFFFFF;
    font-size: 1.1em;
    height:1.7em;
    padding: 2px 15px 5px;
    width: auto;
}
.fieldset-wrapper .action{
    float:right;
}

#edit-advanced {
    padding : 5px 0;
}
#search-form .criterion #edit-type, #search-form .criterion .form-item-type label,
#search-form .criterion #edit-language, #search-form .criterion .form-item-language label {
    display:none;
}

/*  Carousel Agenda sur la home */
#block-cci-agenda-cci-agenda-home, #block-views-agenda-home-block {  margin-top: 50px; margin-bottom: 30px;}

#region-home-agenda{ position : relative; }

#carousel_agenda li,
.carousel_agenda_view  li {
    float:left;
    text-align:left;
    width:220px;
    height:150px;
    position:relative;
    display:block;
}


.item-list ul.carousel_agenda  li{
    margin:0 0 0 10px;
}

#carousel_agenda li .marge,.carousel_agenda_view li .marge { text-align:left; padding: 0 15px;}

.agenda > div:first-child {
    padding: 10px 20px;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.153em;
    margin-bottom: 20px;
    /* background-image: url(bg/calendar.png);*/
    background-repeat: no-repeat;
    background-position: 97% center;

}

.agenda .events .event + .event,
.carousel_agenda.events .event + .event{
    border-left: 1px dotted #222;
}

.agenda .events .event .date,
.carousel_agenda_view .views-field-nothing span,
.carousel_agenda_view .views-field-field-date-de-levenement {
    font-weight: bold;
    color: #2ab4ad;
    display: block;
    margin-bottom: 8px;
}

.carousel_agenda_view .views-field-title-1 {
    color: #2ab4ad;
    display: block;
    margin-top: 8px;
    /*font-size: .8em;*/
}

.agenda .events .event h3,
.carousel_agenda.events .event   h3
{
    font-size: 1.307em;
    margin-bottom: 15px;
}

.agenda .events .event > a,
.carousel_agenda.events .event  > a{
    text-transform: uppercase;
    font-size: 0.846em;
    background: url(btn/arrow-black-right.png) left 1px no-repeat;
    padding-left: 12px;
}


.agenda .green .agenda_more{
    background: #ffffff url("../images/picto_tout_agenda.png") no-repeat scroll 7px 1px;
    font-family: "Arial";
    font-size: 14px;
    height: 18px;
    padding: 2px 2px 0 28px;
    position: absolute;
    right: 10px;
    text-transform: none;
    top: 8px;
}

.agenda .green .agenda_more a{
    font-family: "Arial";
    color:#2ab4ad;
    background-color: #FFFFFF;
}

.double .agenda {
    margin-top: 0;
}

.double .agenda > div:first-child {
    margin-bottom: 10px;
}

.double .events {
    padding: 0 15px;
}

.double .agenda .event {
    display: block;
    border-bottom: 1px dotted #222;
    width: 100%;
    padding: 10px 0;
}

.double .agenda .events .event h3 {
    margin-bottom: 10px;
}

.double .agenda .events .event + .event {
    border-left: none;
}

.double .agenda .events > a {
    text-transform: uppercase;
    font-size: 0.8em;
    color: #2ab4ad;
    display: inline-block;
    margin-top: 15px;
    font-weight: bold;
    background: url(btn/arrow-green-right.png) left top no-repeat;
    padding-left: 12px;
}

.triple .agenda > div:first-child {
    padding: 0;
    font-size: 1em;
    margin-bottom: 0;
    background: none;
    text-transform: none;
}

.triple .agenda > h4 {
    margin-bottom: 10px;
    padding-bottom: 8px;
    background: url(bg/calendar.png) no-repeat 97% center;
}

.triple .agenda .events .event {
    display: block;
    padding: 8px 0;
    width: 100%;
    border-bottom: 1px dotted #fff;
}

.triple .agenda .events .event:first-child {
    border-top: 1px dotted #fff;
}

.triple .agenda .events .event + .event {
    border-left: none;
}

.triple .agenda .events .event .date {
    padding: 0;
    background: 0;
    color: #fff;
    text-transform: none;
    font-size: 0.8em;
    margin: 0;
    display: inline-block;
}


.quadruple .agenda > div:first-child {
    padding: 0;
    font-size: 1em;
    margin-bottom: 0;
    background: none;
    text-transform: none;
}

.quadruple .agenda > h4 {
    padding: 0 20% 8px 0;
    background: url(bg/calendar.png) no-repeat 97% top;
}

.quadruple .agenda .events .event {
    display: block;
    padding: 8px 0;
    width: 100%;
    border-bottom: 1px dotted #fff;
}

.quadruple .agenda .events .event:first-child {
    border-top: 1px dotted #fff;
}

.quadruple .agenda .events .event + .event {
    border-left: none;
}

.quadruple .agenda .events .event .date {
    padding: 0;
    background: 0;
    color: #fff;
    text-transform: none;
    font-size: 0.8em;
    margin: 0;
    display: inline-block;
}

a.lien-plus-actu,
a.lien-plus-agenda{
    display: block;
    float: right;
    margin-top: 10px;
}
.lien-plus-actu span,
.lien-plus-agenda span{
    display: block;
    position: relative;
    float: left;
    width: 20px;
    font-size: 25px;
    font-weight: bold;
}
.lien-plus-actu p,
.lien-plus-agenda p{
    display: block;
    margin-left: 5px;
    position: relative;
    float: left;
}
/* Guide creation france et region */
.boxes .pays {
    background-image: url(bg/pays.png);
    background-position: 123% center;
    background-repeat: no-repeat;
}

.details-actualite #region-en-complement .quadruple .pays {
    background-position: 75% center;
}

.boxes .region {
    background-image: url(bg/region.png);
    background-position: right bottom;
    background-repeat: no-repeat;
}

.triple .pays h4 {
    width: 75%;
}


/* Liens */
.boxes .blocs .links a {
    text-transform: none;
    font-size: 0.923em;
}

.boxes .blocs .links a span {
    font-weight: bold;
}


/* Twitter */
.double .twitter > div:first-child {
    padding: 10px 20px;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.153em;
    margin-bottom: 10px;
    background: url(bg/twitter.png) no-repeat 97% center #009ee0;
}

.double .actus {
    padding: 0 15px;
}

.double .twitter .actu {
    display: block;
    width: 100%;
    padding: 10px 0;
}

.double .twitter .actus .actu .compte {
    display: block;
    font-size: 0.923em;
}

.double .twitter .actus .actu h3 {
    font-size: 1.307em;
    margin: 3px 0 5px;
}

.double .twitter .actus .actu > a {
    font-size: 0.923em;
    color: #009ee0;
}

.double .twitter .actu + .actu {
    border-top: 1px dotted #222;
}

/* Teaser */

#block-views-teaser-block-1 .cci_teaser_carousel {
    padding:0px;
}
#block-views-teaser-block-2 .cci_teaser_carousel1
{
    padding : 20px 0 0 0px;
}


#block-views-teaser-block-1,
#block-views-teaser-block-2{
    position : relative;
}

#block-views-teaser-block-2{
    background-color:#F0F0F0;
}
#block-views-teaser-block-2{
    padding:15px 0;
    margin-top:20px;
}


#block-views-teaser-block-2 h2 {
    font-size:1.5em;
    padding:5px 10px 15px 10px;
    color: #5B5B5B;
    float:left;
}
.view-id-teaser .item-list {
    text-align:center;
    width:100%;
}
.caroufredsel_wrapper {
    display:inline-block!important;
    margin:auto!important;
}
ul.cci_teaser_carousel1   li,
ul.cci_teaser_carousel2   li {
    height:380px;
    float:left;
    text-align:left;
    /* width:25%; */
    width:245px;
    position:relative;
    display:block;
    margin:0;
}


.cci_teaser_carousel1 li .marge,
.cci_teaser_carousel2 li .marge {
    text-align:left;
    padding:0 5px;
}




.cci_teaser_carousel1 h3 ,.cci_teaser_carousel2 h3 {
    text-transform:uppercase;
    padding:20px 2px 10px 2px;
    font-weight:bold;
    line-height:1.2em;
}

.cci_teaser_carousel1 p,.cci_teaser_carousel2 p {
    line-height:1.2em;
    padding : 0 2px;
}

#block-views-teaser-block-2 img:hover,
#block-views-teaser-block-1 img:hover {
    opacity: 0.6;
}

#block-views-teaser-block-2 div.views-field-field-vignette-empty,
#block-views-teaser-block-1 div.views-field-field-vignette-empty {
    width:230px;
    height:190px;
    background-color:#F0F0F0;
}


/** Pages internes **/

.interne {
    margin-top:20px;
}
body.front .interne {
    margin-top:0px;
}

/*.interne > .inside {
    overflow: hidden;
}*/

.interne > .inside > .media {
    float: left;
    margin-right: 50px;
}

.interne > .inside > span {
    font-size: 1.076em;
    text-transform: uppercase;
    color: #e30044;
    margin-bottom: 15px;
    display: inline-block;
}

.interne h1 {
    color: #e30044;
    /* text-transform: uppercase; */
    font-size: 4.230em;
    font-size: 3em;
    margin: 0 0 20px;
    line-height: 1em;
}

.interne h1 span {
    display: block;
    color: #000;
}

.interne h1 + div {
    float: left;
}

.interne h1 + p,
.interne h1 + div > p,
.accroche .field-item{
    font-size: 1.384em;
    line-height: 1.3em;
}

.interne .row {
    margin-top: 35px;
    overflow: hidden;
}

.interne .picto-titre {float:left;padding:0 30px 10px 0;}

.interne .picto-titre + h1{margin-top:20px;}

.texte_body {
    padding-bottom : 10px;
}
#text {
    font-size:1.06em;
    line-height:1.2em;
}


/** Carrefour **/
.carrefour {
    margin-top: 5px;
}
.carrefour .row:first-child {
    margin-top: 0;
}

.carrefour .row.three > div:first-child {
    margin-left: 25.6%;
}

.carrefour .etape {
    float: left;
    width: 23%;
    vertical-align: top;
}

.carrefour .etape + .etape {
    margin-left: 2.6%;
}

.carrefour .bloc {
    font-size: 1.153em;
    float: none;
    margin-bottom: 10px;
    width: 100%;
}

.carrefour .etape p {
    font-size: 1.03em;
    line-height: 1.2em;
    padding-right:20px;
}

.interne .article .carrefour .bloc h3,
.carrefour .bloc h3 {
    /* text-transform: uppercase; */
    margin-bottom: 10px;
    line-height: 1.2em;
    font-size:1.3em;
    font-weight:normal;

}
#text .carrefour .bloc h3 a {
    color:#ffffff;
}

.carrefour .etape ul {
    padding: 5px 0;
}
.carrefour .etape li {
    padding : 5px 0 5px 15px;
    list-style-position:inside;
    list-style-type : disc;
}

/** Prestations **/
.presta > .inside > span {
    display: block;
}

.presta h1 {
    float: left;
    margin-right: 3%;
    width: 49%;
}

.presta .bloc-accroche-picto {
    float:left;
    padding-bottom:15px;
}
.presta .bloc-accroche {
    float:left;
    padding-bottom:15px;
}

.presta .price {
    background: url(bg/label.png) top left no-repeat;
    width: 80px;
    min-height: 29px;
    max-height: 34px;
    display: block;
    margin-top: 15px;
    color: #fff;
    font-size: 1.384em;
    text-align: center;
}

.presta .price.one {
    line-height: 34px;
}

.presta .prestations .contact {
    position: absolute;
    right: 0;
    text-transform: uppercase;
    line-height: 1.3em;
    width: 23.8%;
    font-size: 1.230em;
}

.presta .prestations .contact .bloc {
    width: 100%;
    padding: 0 0 0 8px;
}

.presta .prestations .contact a {
    color: #fff;
}

.presta .prestations .item {
    float: none;
    clear: both;
    margin-bottom: 7px;
    overflow: hidden;
    width: 75.8%;
}

.presta .prestations .contact ~ .item {
    width: 75.8%;
}

.presta .prestations .item > div:first-child {
    margin-right: 1%;
}

.presta .prestations .item .bloc {
    width: 26%;
    text-align: center;
    display: table;
}

.presta .prestations .item .bloc img {
    display: inline-block;
    margin-bottom: 15px;
}

.presta .prestations .item .bloc h3 {
    font-size: 1.461em;
    text-transform: uppercase;
    line-height: 1.2em;
}

.presta .prestations .item .gray {
    height: 195px;
    padding: 0;
    display: table;
    width: 73%;
}

.presta .prestations .item .gray .inside{
    display: table-cell;
    vertical-align: middle;
    /*padding: 2% 4%;*/
    padding: 10px 20px;
    line-height: 1.2em;
}

.presta .prestations .item .gray ul li + li {
    padding-top: 3px;
}
/*
.presta .prestations .item .gray ul li::before {
    content: "- ";
}
*/
/* http://redmine.actency.fr/issues/23318
* Faire en sorte que le fait de mettre un mot en gras n'impacte pas la taille de ce mot
.presta .prestations .item .gray strong {font-size: 1.384em;}
*/
/** Articles **/

.article .field-name-body {
    padding : 0px 0 30px 0;
}

.article .bloc-flottant-droite ~ .field-name-body, .article .bloc-flottant-droite ~ .texte_body {
    width: 75%;
}


.article > .inside > span {
    display: block;
}

.article h1 {

}

.article h1 + div {
    width: 60%;
}

.article .articles {
    overflow: hidden;
}

.article .articles .item {
    float: left;
    clear: none;
    margin-bottom: 7px;
    overflow: hidden;
    font-size:1.05em;
    line-height:1.3em;
}

.article .articles .item a {
    color: #e30044;
    text-decoration: underline;
}

.article .articles .item {
    width: 52%;
}

.article .articles .contact ~ .item {
    width: 52%;
}

.article .articles .blocs {
    width: 21%;
    text-align: center;
    margin-right: 2%;
    /* text-transform: uppercase; */
    max-width: 203px;
    float: left;
}

.article .articles .blocs .bloc {
    width: auto;
    text-align: center;
    /*  text-transform: uppercase; */
    font-size: 1.461em;
    line-height: 1.3em;
    max-width: 195px;
    background-color: transparent;
}

.article .articles .blocs .arrow {
    padding: 0 8px 0 0;
}

.article .articles .blocs .bloc:hover > .inside,
.article .articles .blocs .bloc:active > .inside,
.article .articles .blocs .bloc:focus > .inside {
    background: #e30044;
    cursor: pointer;
}
.presta .prestations .bloc + .bloc,
.article .articles .bloc + .bloc {
    margin-left: 0;
    margin-top: 8px;
}
.presta .prestations .contact.blocs,
.article .articles .contact {
    position: absolute;
    right: 0;
    line-height: 1.3em;
    width: 23.8%;
    font-size: 1.230em;
    text-transform: none;
    padding: 0;
}

.article .articles .contact .bloc {
    width: 100%;
    padding: 0 0 0 8px;
}

.article .articles .contact a {
    color: #fff;
}

.article .liste {
    width: 100%;
}

.article .dark-gray + .liste {
    display: none;
}

.interne .article .liste  > h2 {
    padding: 10px 40px 10px 2%;
    margin: 0 0 15px;
    /*  text-transform: uppercase; */
    font-size: 1.3em;
    font-weight: normal;
    background-color: #E30044;
    color:#ffffff;
}

.article .liste > div > h2.accordeon {
    padding: 10px 40px 10px 2%;
    background: url(btn/article-btn.png) 98% -103px #f2f2f2 no-repeat;
    margin: 0 0 5px;
    text-transform: uppercase;
    font-size: 1.1em;
    font-weight: bold;
    cursor: pointer;
}

.article .liste > div > h2.accordeon:hover,
.article .liste > div > h2.accordeon:active,
.article .liste > div > h2.accordeon:focus {
    background-color: #e8e8e8;
}


.article .liste > div.open > h2.accordeon {
    background-position: 98% 5px;
    background-color: #e30044;
    color: #fff;
}

.article .liste > div.open > h2.accordeon:hover,
.article .liste > div.open > h2.accordeon:active,
.article .liste > div.open > h2.accordeon:focus {
    background-color: #d1003f;
}

.article .content {
    display: none;
    padding: 10px 0 15px;
    line-height: 1.4em;
}

.article .boxes .content {
    display: block;
    padding: 0;
    margin: 0;
}

.article .chapo {
    font-size: 1.153em;
    line-height: 1.4em;
}

.article .content h3,
.article .content h2 {
    color: #e30044;
    font-weight: bold;
    text-transform: uppercase;
    margin: 20px 0 5px;
}

.article .content h2 {
    font-size: 1.076em;
}

.article .content p {
    margin: 20px 0 0;
}

.article .content p:first-child,
.article .content h2:first-child,
.article .content h3:first-child,
.article .content h2 + p,
.article .content h3 + p {
    margin: 0;
}

.article .content ul {
    list-style: disc outside;
    padding-left: 15px;
}


.print1 .article .articles .contact ~ .item {
    float:left;
    width:70%;
}
.print1 .interne .article .liste > h2 {
    padding: 20px 40px 20px 2%;
}
.print1 .article .articles .contact  {
    right:25px;
}



/* */

.article .inside h2 {
    font-weight: bold;
    margin: 20px 0 5px;
    font-size: 1.7em;
}


.article .inside h3 {
    font-weight: bold;
    margin: 20px 0 5px;
    font-size: 1.4em;
}
.article .inside h4 {
    font-weight: bold;
    margin: 20px 0 5px;
    font-size: 1.3em;
}
.article .inside h5 {
    font-weight: bold;
    margin: 20px 0 5px;
    font-size: 1.1em;
}





/** evenement **/
.event h1 {
    font-size:2.2em;
    margin: 5px 0 20px 0;
    line-height:1.2em;
}
.interne .event h2 {
    font-size:1.5em;
    line-height:1em;
    margin:15px 0 10px 0;
    display:block;
    font-weight:normal;
}
.event > .inside > span {
    display: block;
}
.event-image {
    float: left;
    /* width:45%; */
    padding: 0 20px 10px 0;
}

.event-texte-zone-titre {
    padding : 10px 0 0 10px;
    line-height: 1.2em;
}
.event-texte{
    /*  float: right; */
    padding : 20px 10px;
    line-height: 1.2em;
}

.event-texte-titre {
    float: left;
}
.picto-titre + .event-texte-titre{
    width: 49%;
    float: left;
}
.event-date {
    float: left;
    padding-right:5px;
}
.event .field-name-field-event-ville {
    float: left;
}

.event .item .bloc.arrow .inside{
    height:100px;
}

.event .evenement .contact {
    position: absolute;
    right: 0;
    text-transform: uppercase;
    line-height: 1.3em;
    width: 23.8%;
    font-size: 1.230em;
}

.event .evenement .contact .bloc{
    width: 100%;
    padding: 0 0 0 8px;
}
.event .evenement .contact .bloc .inside {
    width:230px;
    text-align:center;
}
.event .evenement .contact a {
    color: #fff;
    text-align:center;
}

.event .evenement .item {
    float: none;
    clear: both;
    margin-bottom: 7px;
    overflow: hidden;
}

.event .evenement .contact ~ .item {
    width: 75.8%;
}

.event .evenement .item > div:first-child {
    margin-right: 1%;
}

.event .evenement .item .bloc {
    width: 26%;
    text-align: center;
    display: table;
}


.event .evenement .item .bloc h3 {
    font-size: 1.3em;
    /* text-transform: uppercase; */
    line-height: 1.2em;
}

.event .evenement .item .gray {
    height: 120px;
    padding: 0;
    display: table;
    width: 73%;
}



.event .evenement .item .gray .inside{
    display: table-cell;
    vertical-align: middle;
    padding: 2% 4%;
    line-height: 1.2em;
}

.event .evenement .item .gray ul li + li {
    padding-top: 3px;
}

.event .evenement .item .gray strong {
    font-size: 1.384em;
}



/* Contact */
.form h2{
    padding: 10px 40px 10px 2%;
    background: url(btn/article-btn.png) 98% -103px #e5d9cb no-repeat;
    margin: 0 0 5px;
    text-transform: uppercase;
    font-size: 1.153em;
    font-weight: bold;
    cursor: pointer;
}

.form h2.open {
    background-position: 98% 5px;
    background-color: #e30044;
    color: #fff;
}

.form form {
    padding: 15px;
}

.form form > div {
    margin: 0 0 15px;
}

.form form label {
    display: inline-block;
    width: 17%;
}

.form form select,
.form form input[type="text"],
.form form input[type="email"],
.form form input[type="password"] {
    border-radius: 0;
    width: 20%;
    box-sizing: content-box;
}

.form form input.big {
    width: 30%;
}

.form form input[type="submit"] {
    padding: 8px 10%;
    background: #e30143;
    color: #fff;
    margin: 0 auto;
    text-transform: uppercase;
    width: auto;
    height: auto;
}

.webform-client-form {
    width:60%;
    margin : 0 auto;
}
.node-webform .field-name-body {
    width:60%;
    margin : 0 auto;
    padding-bottom:20px;
}
#node-16841 .node-webform .field-name-body {
    width:100%;
}


.webform-client-form label {
    line-height:22px;
}
.webform-container-inline label {
    width:150px;
    display:block;
    float:left;
}

.webform-container-inline label.option {
    width:auto;
    display:inline;
    float:none
}

.webform-container-inline input.form-text {
    width:300px;
}

.webform-client-form .captcha legend, .webform-client-form .form-item-captcha-response label, .webform-client-form .form-item-captcha-response .description {
    display:none;
    visibility:hidden;
}



.form-actions input {
    background-color: #E40043;
    background-image: none;
    border-radius: 10px 10px 10px 10px;
    color: #FFFFFF;
    font-size: 1.2em;
    padding: 2px 15px 5px;
    width: auto;
}
.reload-captcha-wrapper {
    float:right;
}
.reload-captcha-wrapper a {
    color:#999;
}

.webform-confirmation {
    font-size:1.9em;
    color:#2AB4AD;
    padding:10px 0;
}

/** Zones de rebond **/
.boxes {
    overflow: hidden;
    color: #fff;
    padding:40px 0;
}

.boxes a {
    color: #fff;
}
.boxes a:hover p{
    text-decoration: underline;
}

.boxes .title {
    display: inline-block;
    background: url(bg/white-arrow-bot.png) center top no-repeat #5b5b5b;
    padding: 17px 25px 13px 12px;
    color: #fff;
    margin: 0;
    font-size: 1.615em;
    font-weight: normal;
}

.boxes.quadruple > .inside {
    display:block;
}

.boxes > .inside {
    display: table;
}


.double > .inside > div {
    width: 50%;
    overflow: hidden;
    display: table-cell;
    vertical-align: top;
}

.double .box {
    padding: 22px 3%;
    width: 250px;
    display: table-cell;
}


.triple > .inside {
    display: block;
}

.triple > .inside > .blocs {
    display: table;
    width: 100%;
}

.triple > .inside > .blocs > div {
    width: 33%;
    overflow: hidden;
    display: table-cell;
    vertical-align: top;
    padding: 14px 2%;
    line-height: 1.2em;
}
#wrap .pays.dark-gray h2,
.triple .blocs > div > h4 {
    text-transform: uppercase;
    font-size: 1.153em;
    margin-bottom: 10px;
}

.triple .blocs .field-item  a
{
    text-transform: uppercase;
    font-size: 0.846em;
    display: inline-block;
    margin-top: 10px;
    background: url(btn/arrow-white-right.png) left 2px no-repeat;
    padding-left: 12px;
}

.triple .blocs .item-list li{
    display:  block;
    margin-top: 10px;
    background: url(btn/arrow-white-right.png) left 2px no-repeat;
    padding-left: 12px;

}
.triple .blocs .item-list li a{
    font-size: 0.846em;
    text-transform: uppercase;
}

.quadruple > .inside > .blocs > div {
    width: 25%;
    overflow: hidden;
    display: table-cell;
    vertical-align: top;
    padding: 22px 2%;
    line-height: 1.2em;
}

.quadruple .blocs > div > h4,
.quadruple .blocs > div > h2,
.quadruple .blocs > div > h3 {
    text-transform: uppercase;
    font-size: 1.153em;
    margin: 0;
    margin-bottom: 10px;
}

.quadruple .blocs .field-item  a {
    text-transform: uppercase;
    font-size: 0.846em;
    display: inline-block;
    margin-top: 10px;
    background: url(btn/arrow-white-right.png) left 2px no-repeat;
    padding-left: 12px;
}

.quadruple .blocs > .beige > a {
    background: url(btn/arrow-black-right.png) left 2px no-repeat;
}


.boxes .box h4 {
    font-size: 1.384em;
    line-height: 1.2em;
    margin-bottom: 15px;
}

.boxes .box label {
    display: block;
    margin-bottom: 10px;
    font-weight: bold;
}

.boxes .box form {
    margin-bottom: 20px;
}

.boxes .box form + p {
    margin-bottom: 10px;
    font-weight: bold;
}

.boxes .box ul {
    list-style: disc outside;
    padding-left: 18px;
    font-size: 0.923em;
    line-height: 1.4em;
}

.boxes .box .sb,
.boxes .box .contact {
    overflow: hidden;
    margin-bottom: 15px;
}

.boxes .box .sb img,
.boxes .box .contact img {
    border: 2px solid #fff;
    margin-right: 8px;
    float: left;
}

.boxes .box .contact .infos {
    padding-top: 15px;
}

.boxes .box .sb .infos {
    padding-top: 5px;
}

.boxes .box .contact .infos strong,
.boxes .box .sb .infos strong {
    display: inline-block;
    font-weight: bold;
    margin-bottom: 8px;
}

.boxes .box .sb .infos strong {
    margin-bottom: 5px;
}

.boxes .box .sb .infos span {
    font-size: 0.923em;
}

.boxes .box .contact + a {
    text-transform: uppercase;
    font-size: 0.846em;
    padding-left: 12px;
    background: url(btn/arrow-white-right.png) left top no-repeat;
}

.boxes .box.carte {
    background: url(bg/france-box.png) center 90% no-repeat;
}

/* ¨Pagination */

#pager {
    margin : 20px;
    clear:both;
    float:right;
}

#pager .item-list .pager li .pager-next {
    float:left;
}

ul.pager li.pager-current {
    background-color:#e30044;
    color:#ffffff;
    padding: 0.2em 0.6em;
    margin : 0 0.2em;
    display:block;
    float:left;
}

ul.pager li.pager-item a {
    background-color:#a6a5a5;
    color:#ffffff;
    padding: 0.2em 0.6em;
    margin : 0 0.2em;
    display:block;
    float:left;
    text-decoration: none;
}


ul.pager li.pager-item a:hover {
    background-color:#404040;
    color:#ffffff;
    text-decoration: none;
}

.news-listing-pager {
    margin-top: 12px
}

#block-system-main .news-listing-pager li {
    padding: 0.2em;
    margin-right:5px;
    margin-left:0;
}

#block-system-main .news-listing-pager li.pager-item a {
    margin-right:5px;
    margin-left:0;
}

#block-system-main .news-listing-pager .item-list li.pager-current,
#block-system-main .news-listing-pager .item-list li.pager-ellipsis,
#block-system-main .news-listing-pager .item-list li.pager-previous,
#block-system-main .news-listing-pager .item-list li.pager-next,
#block-system-main .news-listing-pager .item-list li.pager-first,
#block-system-main .news-listing-pager .item-list li.pager-last,
#block-system-main .news-listing-pager .item-list li.pager-item,
#block-system-main .news-listing-pager .item-list li.pager-ellipsis {
    margin-right:5px;
    margin-left:0;
    padding-left:0;
    padding-right:0;
}

#block-system-main .news-listing-pager .item-list li.pager-current,
#block-system-main .news-listing-pager .item-list li.pager-first,
#block-system-main .news-listing-pager .item-list li.pager-last,
#block-system-main .news-listing-pager .item-list li.pager-ellipsis,
#block-system-main .news-listing-pager .item-list li.pager-previous,
#block-system-main .news-listing-pager .item-list li.pager-next,
#block-system-main .news-listing-pager .item-list li.pager-first,
#block-system-main .news-listing-pager .item-list li.pager-ellipsis {
    width:23px;
}

#block-system-main ul.pager li.pager-item a {
    width:6px;
}

#block-system-main .news-listing-pager li.pager-ellipsis {
    background-color: #a6a5a5;
    color: #ffffff;
    padding:0.2em;
    display: block;
    float: left;
    text-decoration: none;
}

#user-login label, #user-pass label{
    padding : 10px 0;
    color:#1F2E5A;
    font-weight:bold;
    font-size:1.2em;
}
#user-login .description, #user-pass .description {
    padding : 5px 0;
}
#user-login .form-submit, #user-pass .form-submit {
    width:auto;
    background-color:#E40043;
    border-radius: 10px 10px 10px 10px;
    background-image: none;
    color:#ffffff;
    padding : 2px 15px 5px 15px;
    font-size:1.2em;
}
#user-pass .form-submit {
    font-size:1em;
}


/*** Footer ***/
footer {
    background: #5b5b5b;
    margin-top:50px;
    clear:both;
}
.front footer {
    margin-top:0;
}

footer,
footer a {
    color: #fff;
}

footer h4 {
    text-transform: uppercase;
    margin-bottom: 2px;
    line-height: 1.2em;
}

footer ul + h4 {
    margin-top: 15px;
}

footer .top {
    background: url(bg/darkgray-bg.jpg) top right repeat-y;
}

footer .top .inside > div {
    padding: 30px 0;
    display: table-cell;
    vertical-align: top;
}

footer .top .left {
    width: 76.5%;
    background: #5b5b5b;
}


#menu_footer{
    width: 75%;
    float:left;
}

#carte_footer {
    float: left;
    width: 25%;
    margin-right: 3%;
    margin-top: 20px;
}

#menu_footer ul {
    position:relative;
}

#menu_footer ul > li {
    font-size:0.9em;
    line-height: 1.3em;
    padding-bottom: 10px;
    width: 29%;
    margin-right: 4%;
    height:auto;
    text-transform:uppercase;
    float:left;
}



#menu_footer ul > li >div {
    margin-top:5px;
}
#menu_footer ul > li ul li {
    font-size:1em;
    line-height: 1.3em;
    padding-bottom: 5px;
    float:none;
    text-transform:none;
    width:100%;
    list-style-type: disc;
    margin-left:10px;
}
/*
#menu_footer ul li ul li::before {
    content: "- ";
}
*/
#menu_footer .close {
    display:none;
    visibility:hidden;
}

#menu_footer ul > li a.active {
    color:#e1e1e1;
}

footer .top .inside .right {
    /* width: 23.5%; */
    width: 220px;
    background: #404040;
    padding: 30px 2% 30px 3%;
}

footer .reseaux {
    margin-top: 10px;
}

footer .reseaux + h4 {
    margin: 0 0 15px;
}
footer .right strong {
    display: block;
    width:100%;
    margin:0;
}
@media screen and (min-width: 641px) {
    footer .right strong {
        display: inline-block;
        width: 75px;
        margin: 0 0 15px;
    }
}
footer strong + ul {
    display: inline-block;
    vertical-align: top;
}

footer .bottom {
    background: #000;
    padding: 13px 0 10px;
    color: #fff;
}

footer .bottom p {
    max-width: 1000px;
    margin: 0 auto;
    text-align: center;

}
footer .bottom ul {
    width:70%;
    margin : 0 auto;
    line-height:1.3em;
}
footer .bottom li {
    float:left;
    padding:0 2px;
}
footer .bottom a {
    color:#ffffff;
}
footer .bottom li::before {
    content: "|  ";
}
footer .bottom li.first::before {
    content: "";
}

footer .bloc_libre {
    margin-top:25px;
}

#site-map h2 {
    margin-top:20px;
}
#site-map ul li a{
    background-color: #F1F1F1;
    font-size: 1.5em;
    line-height: 1.5em;
    margin: 10px 0;
    padding: 0 10px;
    list-style-type:circle;
}
#site-map ul li ul li {
    margin:3px 0 3px 30px; list-style-position:outside; list-style-type:disc;
}
#site-map ul li ul li a {
    background-color: #ffffff;
    font-size: 1em;
    line-height: 1em;
    margin: 10px 0;
    padding: 0 10px;
}

.content .file img.file-icon{
    float:left;
    padding-right:5px;
}
.content .file a {
    line-height:19px;
    color:#1F2E5A;
    font-weight:bold;
}
.content .file {
    padding:5px 0;
    display:block;
}

#envoi_ami {
    margin: 0 auto;
    max-width: 900px;
}
#envoi_ami h1{
    color: #E30044;
    font-size: 3em;
    line-height: 1em;
    margin: 0 0 10px;
    text-transform: uppercase;
    float:left;
    width:50%;
}


#envoi_ami .entete_envoi {
    background-color:#5B5B5B;
    display:block;
    color:#ffffff;
    padding:10px;
    clear:both;
    width:100%;
    font-weight:bold;
}

#envoi_ami .lien_retour {
    float:right;
    display:block;
}
#envoi_ami label {
    float:left;
    width:180px;
}
#envoi_ami .form-textarea-wrapper {
    width:270px;
    float:left;
}

#envoi_ami input.form-submit {
    background-color: #E40043;
    background-image: none;
    border-radius: 10px 10px 10px 10px;
    color: #FFFFFF;
    font-size: 1.1em;
    padding: 2px 15px 5px;
    width: auto;
    margin-left:200px;
    margin-top:10px;
}

.action-links li a {
    float:right;
    background-color: #DDDDDD;
    border: 1px solid #BBBBBB;
    height: auto;
    margin-right: 0.5em;
    padding: 0 1em;
    text-decoration: none;
}

.front .action-links li a {
    margin-top: -20px;
}

.maintenance-page {padding:50px;}
.maintenance-page #site-name span {display:none;}
.maintenance-page #name-and-slogan {padding:10px 0;}
.maintenance-page #content-content {margin-top:50px;}
.maintenance-page #content-content a {background-color:#1F2E5A; color:#ffffff;padding:10px;border-radius: 10px;font-size:1.2em;}
.maintenance-page #content-content a:hover {background-color:#E40043; color:#ffffff;text-decoration:none;}


.header_bloc {
    float: right;
}

#block-block-1{
    height: 79px;
    width: 238px;
    float: right;
}

.bg-contact-header{
    background: url("/sites/all/themes/cci/images/bg-contact-header.png") no-repeat;
    width: 238px;
    height: 77px;
    text-align: right;
    color: white;
}

.bloc-cci-store .btn-cci-store{
    display: block;
}
.bloc-cci-store .btn-cci-store img.btn-cci-store-desktop{
    width: 141px;
    height: 77px;
}
.bloc-cci-store .btn-cci-store img.btn-cci-store-mobile{
    display: none;
}
@media screen and (max-width: 998px) {
    .bloc-cci-store .btn-cci-store img.btn-cci-store-desktop{
        width: 120px;
    }
}
@media screen and (max-width: 640px) {
    .bloc-cci-store.header_bloc{
        position: absolute;
        right: 0px;
        width: 224px;
        overflow: hidden;
    }

    .bloc-cci-store .btn-cci-store img.btn-cci-store-mobile{
        width: 224px;
        max-width: 224px;
        height: 77px;
        display: block;
    }

    .bloc-cci-store .btn-cci-store img.btn-cci-store-desktop{
        display: none;
    }
}
@media screen and (max-width: 440px) {
    .bloc-cci-store.header_bloc {
        width: 83px;
        height: 77px;
        right: 1px;
        top: 1px;
    }
}
p.cci{
    font-size: 12px;
    display: block;
    margin-top: 2px;
    line-height: 25px;
    margin-right: 5px;
}

p.numero{
    font-size: 18px;
    font-weight: bold;
    line-height: 18px;
    margin-right: 5px;
    margin-bottom: 4px;
    color:#FFFFFF;
}

p.coordonnees{
    font-size: 12px;
    line-height: 12px;
    margin-right: 5px;
    color: #cedbf6;
}

#block-menu-menu-menu-reseau-cci{
    clear: both;
    display: block;
    position: relative;
    float: left;
    height: 41px;
    width: 100%;
    background: url("/sites/all/themes/cci/images/bg-recherche-cci-news.png") no-repeat left;
}

#block-menu-menu-menu-reseau-cci {
    background: rgba(0, 0, 0, 0) url("/sites/all/themes/cci/images/bg-recherche-cci.png") no-repeat scroll left center;
    clear: both;
    display: block;
    float: left;
    height: 41px;
    position: relative;
    width: 408px;
}


/*
#block-search-form{
    display: block;
    position: relative;
    float: left;
    background: #8f8e8e;
    height: 41px;
}*/
.form-item-search-block-form input{
    margin-top: 0px;
    margin-left: 5px;
}

#search-block-form .form-wrapper input{
    background: url("/sites/all/themes/cci/images/loop-search.png")no-repeat center;
    text-indent: -999px;
    padding-top: 4px;
}
.right{
    text-align: right;
}

.fermer{
    float: right;
}

#text a,
.field-name-body a{
    color: #e30044;
}

.bloc-flottant-droite {
    position: absolute;
    right: 0;
    width: 23.8%;
    font-size: 1em;
    z-index: 100;
}

.presta .prestations .contact {
    position: relative;
    right: 0;
    text-transform: uppercase;
    line-height: 1.3em;
    width: 100%;
    font-size: 1.230em;
    clear: both;
}
.presta .prestations .contact.blocs,
.article .articles .contact {
    position: relative;
    right: 0;
    line-height: 1.3em;
    width: 100%;
    font-size: 1.230em;
    text-transform: none;
    padding: 0;
    display: block;
    clear: both;
}

#text .dark-gray.arrow.arleft, #text .dark-gray.no-arrow.no-arleft {
    max-width: 230px;
    margin-bottom: 7px;
}

.quadruple .blocs .region h2 {
    text-transform: uppercase !important;
    font-size: 1.153em !important;
    margin-bottom: 10px !important;
}

/* Liste-organisateurs et lieux.*/

.page-liste-des-lieux .view-content .views-field-title,
.page-liste-organisateurs .view-content .views-field-title,
.page-evenement-de-l-agenda .views-field-title{
    padding-bottom: 6px;
}

.page-liste-des-lieux .view-content .views-field-title a,
.page-liste-organisateurs .view-content .views-field-title a,
.page-evenement-de-l-agenda .views-field-title a{
    color: #E30044;
    font-weight: bold;
}

.page-liste-des-lieux .view-content .views-row,
.page-liste-organisateurs .view-content .views-row,
.page-evenement-de-l-agenda .view-content .views-row {
    background-color: #f2f2f2;
    margin-bottom: 10px;
    padding: 7px 16px 7px 16px;
    min-height: 100px;
}

.page-liste-des-lieux .view-content .views-row,
.page-liste-organisateurs .view-content .views-row {min-height: 34px;}

.page-evenement-de-l-agenda .view-content .views-row {
    padding: 4px;
}

.page-liste-des-lieux .view-content .views-row{
    min-height:34px;
}

.page-liste-organisateurs .view-content .views-row{
    width:968px;
}

.page-liste-des-lieux .view-content,
.page-liste-organisateurs .view-content,
.page-evenement-de-l-agenda .view-content{
    clear: both;
    margin: 10px 0;
}

.page-liste-des-lieux .view .view-empty,
.page-liste-organisateurs .view .view-empty {
    float: left;
    margin: 20px 0;
}

.page-liste-des-lieux #block-system-main .item-list .pager .pager-ellipsis,
.page-liste-organisateurs #block-system-main .item-list .pager .pager-ellipsis {
    background-color: #A6A5A5;
    color: #FFF;
    padding: 0.2em 0.3em;
    margin: 0px 0.2em;
    display: block;
    float: left;
    text-decoration: none;
}

.carte-agenda-event {
    margin-bottom: 8px;
}

/* Pager Liste-organisateurs et lieux.*/

.page-liste-organisateurs #block-system-main .item-list,
.page-liste-des-lieux  #block-system-main .item-list{
    float: right;
    margin-bottom: 10px;
}


#block-system-main .item-list li.pager-item {
    padding: 0.5em 0;
}


#block-system-main .item-list ul li{
    margin: 0;
}

#block-system-main .item-list li.pager-next {
    background-color: #e30044;
    display: block;
    float: left;
    margin: 0;
    padding: 0.2em 0.6em;
}

#block-system-main .item-list li.pager-next a {
    color: #ffffff;
}

#block-system-main .item-list li.pager-last{
    background-color: #e30044;
    display: block;
    float: left;
    margin-left: 2px;
    padding: 0.2em 0.6em;
}

#block-system-main .item-list li.pager-last a,
#block-system-main .item-list li.pager-previous a,
#block-system-main .item-list li.pager-first a{
    color: #ffffff;
}

#block-system-main .item-list li.pager-previous{
    background-color: #e30044;
    display: block;
    float: left;
    margin-left: 3px;
    padding: 0.2em 0.6em;
}

#block-system-main .item-list li.pager-first{
    background-color: #e30044;
    display: block;
    float: left;
    margin-left: 2px;
    padding: 0.2em 0.6em;
}


/* Page organisateur. Page détail lieu. */

.node-type-event-contact .adresse-organisateur .title-adresse,
.node-type-organisateur .adresse-organisateur .title-adresse,
.node-type-lieu .left-lieu .title-adresse{
    background-color: #00b0f1;
    color: #ffffff;
    min-height: 108px;
    line-height: 108px;
    text-align: center;
    width: 122px;
    float: left;
    font-weight: bold;
}

.node-type-event-contact .contact-organisateur .title-contact,
.node-type-organisateur .contact-organisateur .title-contact,
.node-type-lieu .left-lieu .title-contact{
    min-height: 108px;
    text-align: center;
    width: 122px;
    float: left;
    background-color: #00b0f1;
    color: #ffffff;
    line-height: 108px !important;
    font-weight: bold;


}
.node-type-event-contact .adresse-organisateur .contenu-adresse,
.node-type-organisateur .adresse-organisateur .contenu-adresse,
.node-type-lieu .left-lieu .contenu-adresse{
    background-color: #f2f2f2;
    padding: 10px;
    margin-left: 132px;
    margin-bottom: 10px;
    min-height: 89px;
    width: 858px;
}

.node-type-event-contact  .addressfield-container-inline,
.node-type-organisateur  .addressfield-container-inline{
    display: table-cell;

}
.node-type-event-contact .contact-organisateur .contenu-contact,
.node-type-organisateur .contact-organisateur .contenu-contact{
    min-height: 82px;
    background-color: #f2f2f2;
    padding: 10px;
    margin-left: 132px;
    margin-bottom: 10px;
    width: 858px;
}

.node-type-event-contact .adresse-organisateur a,
.node-type-organisateur .adresse-organisateur a,
.node-type-event-contact .contact-organisateur a,
.node-type-organisateur .contact-organisateur a,
.node-type-event-contact .information-organisateur a,
.node-type-organisateur .information-organisateur a,
.node-type-agenda-event .left-agenda-event a,
.node-type-lieu .left-lieu a {
    color: #E30044;
}


.node-type-event-contact .information-organisateur .title-information-pratique,
.node-type-organisateur .information-organisateur .title-information-pratique,
.node-type-event-contact .information-organisateur .title-contact,
.node-type-organisateur .information-organisateur .title-contact{
    background-color: #00b0f1;
    color: #ffffff;
    min-height: 60px;
    text-align: center;
    width: 122px;
    float: left;
}

.node-type-lieu .left-lieu .title-information-pratique{
    background-color: #00b0f1;
    color: #ffffff;
    height: 108px;
    text-align: center;
    width: 122px;
    float: left;
    display: table;
    overflow: hidden;
}

.node-type-event-contact .information-organisateur .title-contact,
.node-type-organisateur .information-organisateur .title-contact{
    display: table;
    height: 108px;
    overflow: hidden;

}

.node-type-event-contact .information-organisateur .title-contact p,
.node-type-organisateur .information-organisateur .title-contact p{
    display: table-cell;
    vertical-align: middle;
    font-weight: bold;
}


.node-type-event-contact .information-organisateur .field-name-field-informations-pratiques,
.node-type-organisateur .information-organisateur .field-name-field-informations-pratiques{
    background-color: #f2f2f2;
    padding: 10px;
    margin-left: 132px;
    margin-bottom: 10px;
    min-height: 60px;
    width: 858px;
}



.addressfield-container-inline .locality{
    display: block;
}
.addressfield-container-inline.locality-block{
    height:30px;
}


.contact-organisateur,
.information-organisateur ,
.field-name-field-informations-pratiques {
    min-height:108px;
    margin-bottom:10px !important;
}


.contact-organisateur .contenu-contact{
    margin-bottom:0px !important;
    min-height:88px !important;
}

.information-organisateur .field-name-field-informations-pratiques .field-item,
.adresse-organisateur .contenu-adresse .field-name-field-adresse .field-item{line-height:15px;}
.contact-organisateur .contenu-contact{line-height:15px;}

.contact-organisateur .contenu-contact .field-item,
.adresse-organisateur .contenu-adresse .field-name-field-adresse .field-item div,
.adresse-organisateur .contenu-adresse .field-name-field-adresse .field-item div .locality{padding:0;}

.contact-lieu .contenu-contact,
.information-lieu .title-information-pratique,
.information-lieu .field-name-field-informations-pratiques,
.adresse-lieu .contenu-adresse{
    padding:0 !important;
    margin-bottom:0 !important;
    min-height:89px !important;}


.contact-lieu,
.information-lieu,
.adresse-lieu {margin-bottom:10px !important;}

.contact-lieu .contenu-contact,
.adresse-lieu .contenu-adresse,
.information-lieu .field-name-field-informations-pratiques{line-height:15px;padding:10px !important;}


/*
.contact-organisateur .info-contact-organisateur,
.information-organisateur .field-item,
.field-name-field-informations-pratiques .field-item {
    padding-bottom: 5px;
    padding-top: 5px;
}
*/


.node-type-event-contact .information-organisateur .title-information-pratique p,
.node-type-organisateur .information-organisateur .title-information-pratique p{
    padding-top: 18px;
    text-align: center;
    width: 115px;
    font-weight: bold;

}

.node-type-lieu .left-lieu .title-information-pratique p{
    text-align: center;
    width: 115px;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;

}

.title-organisateur,
.title-lieu{
    color:#e30044;
    font-size: 26px;
}

.title-webform,
.node-webform h2 {
    color: #e30044;
    font-size: 20px;
    margin-bottom: 35px;
    margin-top: 35px;
    font-weight: bold;
}

#block-system-main .content div.page-precedent{
    background-color: #7f7f7f;
    font-size: 11px;
    height: 10px;
    padding: 5px;
    width: auto;
    float: right;
    text-align: center;
    margin-top: -30px;
}

#block-system-main .content .page-precedent a{
    color: #ffffff;
}

.node-type-event-contact .content,
.node-type-organisateur .content{
    font-size: 12px;
}

.tools.dark-gray .date-maj-lieu{
    padding-left: 10px;
}

/*Détail lieu*/

.node-type-lieu .right-lieu{
    float: right;
    position: relative;
    margin-bottom: 30px;
}

.node-type-lieu .left-lieu .contenu-adresse{
    background-color: #f2f2f2;
    margin-bottom: 10px;
    margin-left: 132px;
    min-height: 82px;
    padding-left: 10px;
    width: 580px;
}

.node-type-lieu .left-lieu .contenu-contact{
    min-height: 109px;
    background-color: #f2f2f2;
    padding: 10px;
    margin-left: 132px;
    margin-bottom: 10px;
    width: 580px;
}

.node-type-lieu .left-lieu .field-name-field-informations-pratiques{
    background-color: #f2f2f2;
    padding: 10px;
    margin-left: 132px;
    margin-bottom: 10px;
    min-height: 89px;
    width: 580px;
    display: flex;
}

.node-type-lieu .left-lieu{
    display: inline-block;
    float: left;
    margin-right: 10px;
    position: relative;
    width: 740px;
}

#geofield-map-entity-node-2165-field-geo-adresse{
    width: 180px;
    height: 180px;
}

/* page détail : liste des événements */
.node-type-lieu #block-views-liste-events-du-lieu-block h2,
.node-type-organisateur #block-views-list-event-organisateur-block h2{
    min-height: 108px;
    text-align: center;
    width: 122px;
    float: left;
    background-color: #00b0f1;
    color: #ffffff;
    line-height: 108px !important;
    font-weight: bold;
}

.node-type-lieu #block-views-liste-events-du-lieu-block .item-list li,
.node-type-organisateur #block-views-list-event-organisateur-block .item-list li{
    padding-bottom:5px;
    list-style-type: disc;
    margin-left: 20px;
}

.node-type-lieu #block-views-liste-events-du-lieu-block .item-list .field-content a,
.node-type-organisateur #block-views-list-event-organisateur-block a {
    color: #404040;
}

.node-type-lieu #block-views-liste-events-du-lieu-block .view-content,
.node-type-organisateur #block-views-list-event-organisateur-block .view-content{
    min-height: 89px;
    background-color: #f2f2f2;
    padding: 10px;
    margin-left: 132px;
    margin-bottom: 10px;
    width: 580px;
}
.node-type-organisateur #block-views-list-event-organisateur-block .view-content {
    width: 858px;
}

.node-type-lieu #block-views-liste-events-du-lieu-block .view-content ul,
.node-type-organisateur #block-views-list-event-organisateur-block .view-content ul {
    margin-bottom: 0;
}

.node-type-lieu #block-views-liste-events-du-lieu-block .view-content li,
.node-type-organisateur #block-views-list-event-organisateur-block .view-content li {
    padding-bottom: 2px;
}

.node-type-lieu #block-views-liste-events-du-lieu-block .content .item-list .pager,
.node-type-organisateur #block-views-list-event-organisateur-block .content .item-list .pager {
    width: 980px;
    height: 23px;
    margin-bottom: 5px;
    margin-left: 0;
}
.node-type-lieu #block-views-liste-events-du-lieu-block .content .item-list .pager .pager-first,
.node-type-organisateur #block-views-list-event-organisateur-block .content .item-list .pager .pager-first {
    margin-left: 0;
}


.node-type-lieu #block-views-liste-events-du-lieu-block .content .item-list .pager .pager-ellipsis,
.node-type-organisateur #block-views-list-event-organisateur-block .content .item-list .pager .pager-ellipsis{
    background-color: #A6A5A5;
    color: #FFF;
    padding: 0.2em 0.6em;
    margin: 0px 0.2em;
    display: block;
    float: left;
    text-decoration: none;
}

.node-type-lieu #block-views-liste-events-du-lieu-block .content .item-list .pager .pager-current,
.node-type-organisateur #block-views-list-event-organisateur-block .content .item-list .pager .pager-current,
.node-type-lieu #block-views-liste-events-du-lieu-block .content .item-list .pager .pager-next,
.node-type-organisateur #block-views-list-event-organisateur-block .content .item-list .pager .pager-next{
    margin-left: 0;
}

/*formulaire*/

.page-evenement-de-l-agenda #edit-language,
.node-type-agenda-event #edit-language{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: inherit;
    box-shadow: inherit;
    width: 155px;
}


.node-type-webform .webform-client-form .form-text{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: inherit;
    box-shadow: inherit;
    width: 33%;
}


.node-type-webform .webform-client-form{
    width: 100%;
}

.node-type-webform #webform-component-evenement .fieldset-legend,
.node-type-webform #webform-component-mes-coodonnees .fieldset-legend {
    background: #7f7f7f;
    color: white;
    font-weight: bold;
    padding: 10px;
    display: inline-block;
    width: 980px;
}

.node-type-webform .form-textarea-wrapper{
    width: 66%;
}

.node-type-webform #webform-component-mes-coodonnees--telephone{
    margin-bottom: 25px;
}

.node-type-webform #edit-submit{
    background: none repeat scroll 0 0 #e6e6e6;
    border: 1px solid #000000;
    border-radius: 5px;
    color: #000000;
    font-size: 12px;
    height: 23px;
}

.node-type-webform #edit-actions{
    margin-left: 290px;
}

.field-name-field-footer{
    background: #f2f2f2;
    margin-top: 15px;
    padding: 5px;
}

.view-liste-des-lieux h1, .view-liste-organisateurs h1{
    font-weight: bold;
    font-size: 19px;
    color: #000000;
}

.node-type-agenda-event .contenu-date-horaire-agenda-event div{
    margin-bottom: 8px;
}

.node-type-agenda-event .horaire-maj-agenda-event {
    margin: 8px 0 15px 0;
}

.ccc-inner h2 {
    font-size: 1.05em!important;
}

.page-node .texte_body iframe:not(.width-initial) {
    width: 100%;
}

/* Node de message en haut des contenus */
.block.node-block-info {
    border-bottom: 2px dotted #5B5B5B;
    padding: 10px 0;
    font-size: 18px;
}

.block.node-block-info h2 {
    color: #109AE9;
    /*text-transform: uppercase;*/
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 21px;
}

#map_canvas {
    margin-bottom: 5px;
}

/* Filtre vue liste organisateurs et lieux */
.page-liste-organisateurs .views-exposed-widget.views-submit-button,
.page-liste-des-lieux .views-exposed-widget.views-submit-button {
    display: block;
}

.page-liste-organisateurs .views-exposed-form .views-exposed-widget .form-submit,
.page-liste-des-lieux .views-exposed-form .views-exposed-widget .form-submit {
    width: 100px;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #E30044;
    background-image: none;
    font-weight: bold;
    color: white;
    border-radius: 10px;
}

.page-liste-organisateurs .views-exposed-form .views-exposed-widget input.form-autocomplete,
.page-liste-des-lieux .views-exposed-form .views-exposed-widget input.form-autocomplete {
    background-position: 100% 6px;
}
.page-liste-organisateurs .views-exposed-form .views-exposed-widget input.throbbing,
.page-liste-des-lieux .views-exposed-form .views-exposed-widget input.throbbing {
    background-position: 100% -14px;
}

/* Boutton "Save the date" sur page détailé événement */
.node-type-agenda-event .field-name-field-addtocal-date .addtocal_menu {
    display: none;
    top: 295px;
    left: 0px;
    min-width: 238px;
    border-bottom-right-radius: 5px;
}

.node-type-agenda-event .field-name-field-addtocal-date .addtocal {
    float: none;
    background: #2dc4b8;
    line-height: normal;
    text-align: center;
    width: 250px;
    margin-bottom: 20px;
    border-radius: 0;
    border-radius: 0;
    margin: 0;
    padding: 0;
    border: 0;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: bold;
}

/* Page détails event contact */
.node-type-event-contact .field-name-field-civilite *,
.node-type-event-contact .field-name-field-civilite {
    display: inline;
}

/**  Pages systemes 404 / 403 / 500 **/
.node-type-page-system #block-system-main h1 {
    font-size:2.2em;
    margin: 5px 0 20px 0;
    line-height:1.2em;
}

.node-type-page-system #block-system-main h2 {
    display: block;
    font-size: 2em;
    font-weight: bolder;
    margin: 15px 0 10px;
}

.node-type-page-system #block-system-main p,
.node-type-page-system #block-system-main ul li {
    font-size : 1.15em;
}

.node-type-page-system #block-system-main   li {
    margin: 10px 0 0 15px;
}

.node-type-page-system #block-system-main  ul {
    list-style-position: outside;
    list-style-type: disc;
}

/*search form reste button*/
.page-search  #edit-advanced .action  input {
    height : 25px;
    border: medium none;
    width:228px;
    cursor:pointer;
}

/*export cvs icon*/
.feed-icon a img {
    height: 21px;
    margin-left: 10px;
    display: inline-block;
}

/*Inscription form*/
.juridique-1,
.juridique-mandatory,
.juridique-3 {
    font-size: 10px;
}
.juridique-1 {
    margin-top: 30px;
}

/* Taxonomy term listings */
.page-taxonomy-term .term-listing-heading {
    margin-bottom: 20px;
    border: 5px solid rgb(229, 217, 203);
    padding: 10px;
}

.page-taxonomy-term .node {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-left: 5px solid #E5D9CB;
    padding-left: 10px;
}

.page-taxonomy-term .node h2 {
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 8px;
}

.page-taxonomy-term .node .human-node-type {
    font-size: 0.6em;
    font-weight: normal;
}

.page-taxonomy-term .node .links {
    float: right;
}

.page-taxonomy-term .node .links a {
    color: #E30044;
    text-decoration: underline;
    font-weight: bold;
}

.page-taxonomy-term .tags strong {
    display: none;
}

.page-taxonomy-term .tags ul li {
    float: left;
    padding-right: 5px;
    font-size: 0.9em;
}

.page-taxonomy-term .tags {
    margin-bottom: 10px;
}

/* Masquerade */
#block-masquerade-masquerade {
    clear: both;
}

/* Placeholder */
::-webkit-input-placeholder { font-style: italic; }
::-moz-placeholder { font-style: italic; }
:-ms-input-placeholder { font-style: italic; }
input:-moz-placeholder { font-style: italic; }


#block-views-similar-by-terms-news-block .content .lien-plus-actu p{margin-top:0px;}

/***** Détails entreprise & institution *****/
.details-annuaire .tools .left{
    background-image: none;
}

.details-annuaire .titre-page {
    display: inline;
    font-size: 2em;
}

#block-system-main .content .details-entreprise div.page-precedente a,
#block-system-main .content .details-institution div.page-precedente a{
    background: url('/sites/all/themes/cci/images/previous-page-icon.png') no-repeat #757575 20px;
    padding: 10px 25px 10px 47px;
    border: solid 1px #979798;
    color:#ffffff;
    font-size: 14px;
    float:right;
}

.details-annuaire .contenu .title {
    background-color: #00b0f1;
    color: #ffffff;
    float: left;
    font-weight: bold;
    min-height: 60px;
    padding: 42px 10px 0;
    text-align: center;
    width: 186px;
}

.details-annuaire .block-contenu-entreprise {
    display: table;
    margin-bottom: 6px;
    border-right: 10px solid white;
}

.details-annuaire .titre-contenu-entreprise {
    background-color: #00b0f1;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    min-width: 195px;
    display: table-cell;
    vertical-align:middle;
    border-right: solid 6px;
}

.details-annuaire .contenu-entreprise .contenu-entreprise-item {
    margin-bottom: 10px;
}

.details-annuaire .contenu-entreprise {
    background-color: #F0F0F0;
    display: table-cell;
    max-width: 490px;
    width: 100%;
    padding: 10px 10px 0 10px;
}

.details-annuaire .contenu-entreprise-item.adresse {
    display: table;
}

.details-annuaire .contenu-entreprise-item.adresse .label,
.details-annuaire .contenu-entreprise-item.adresse .adresse-value {
    display: table-cell;
}

.details-annuaire .contenu-entreprise-item.adresse .adresse-rue,
.details-annuaire .contenu-entreprise-item.adresse .adresse-code-postale {
    margin-bottom: 10px;
}

.details-annuaire .contenu-entreprise .thoroughfare,
.details-annuaire .contenu-entreprise .premise,
.details-annuaire .contenu-entreprise .locality,
.details-annuaire .contenu-entreprise .postal-code,
.details-annuaire .contenu-entreprise .field {
    margin-bottom: 10px;
    display: block;
}

.details-annuaire .contenu-entreprise .postal-code{
    float: left;
    padding-right: 0.5em;
}

.details-annuaire .contenu-entreprise .country {
    display: none;
}

.details-annuaire .contenu-entreprise .field-label {
    float: left;
    font-weight: normal;
}

.details-annuaire .contenu-entreprise .field.field-name-field-aa-adresse {
    margin-bottom: 0px;
}

.details-annuaire.contenu-entreprise .ca .field-item {
    margin-right: 4px;
}
.details-annuaire .entreprise-data {
    float: left;
    width: 72%;
}
.details-annuaire .entreprise-data .field-items {
    text-transform: lowercase;
}
.details-annuaire .right-lieu {
    width: 28%;
}
.details-annuaire .contenu-entreprise .ca > div {
    float: left;
    display: inline-flex;
    margin-bottom: 10px;
}

.details-annuaire  a.proposer-modification-link {
    background-color: #00B0F1;
    display: block;
    padding-top: 15px;
    padding-bottom: 15px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    color: #ffffff;
}

.details-annuaire  #text a.proposer-modification-link {
    color: #ffffff;
    clear: both;
    bottom: 42px;
    position: relative;
}

.details-annuaire #agrandir-lieu-map-btn {
    width: 35px;
    height: 35px;
    background: url('/sites/all/themes/cci/images/map-zoom-icon.png') no-repeat #5B5B5B 7px;
    border-left: solid 2px #A09E9A;
    border-top: solid 2px #A09E9A;
    display: block;
    float: right;
    bottom: 47px;
    position: relative;
}

.details-annuaire .right-lieu {
    float: right;
}

.details-annuaire .texte-footer a {
    color:#E30143;
}
.details-annuaire #map_canvas {
    margin-bottom: 10px;
}
.details-annuaire .texte-footer {
    clear:both;
    padding-top: 45px;
}

.details-annuaire .field-item {
    word-wrap: break-word;
}
.details-annuaire .contenu-entreprise .field-label {
    width: 40%;
}
.details-annuaire .contenu-entreprise .field-items {
    width: 60%;
}
.details-annuaire .addressfield-container-inline.locality-block {
    height: 100%;
}

.details-annuaire .block-contenu-entreprise.coordonnees .field-name-field-aa-adresse .field-items,
.details-annuaire .block-contenu-entreprise .ca-devise,
.details-annuaire .block-contenu-entreprise.identification .field-name-field-aa-forme-juridique .field-items {
    text-transform: uppercase;
}
.details-annuaire  .block-contenu-entreprise.identification .capital-social {
    margin-bottom: 10px;
}

.details-annuaire .footer-link {
    display: none;
}

/***** Demande d'une modification de fiche entreprise/institution *****/
#webform-component-node-id,
#webform-component-url-de-la-fiche {
    display: none;
}

/*Page iframe*/
#iframeArticle{
    border:0;
    width:100%;
    height:100%;
    min-height:1200px;
}

#region-sidebar-similar-news{
    float:left;
}

#region-sidebar-similar-news .more-link {
    background-color: #e30044;
    position: relative;
    color: #ffffff;
    text-decoration: none;
}
#region-sidebar-similar-news .more-link a {

    color: #ffffff;
    text-decoration: none;
}
#region-sidebar-similar-news .more-link a:hover {
    color: #ffffff;
    text-decoration: underline;
}

#block-system-main .content #region-sidebar-similar-news div.page-precedent{
    float: none;
    margin-bottom: 10px;
    margin-top:0;
}

#region-sidebar-similar-news .more-link,
#block-system-main .content #region-sidebar-similar-news div.page-precedent{
    color: #ffffff;
    font-family: arial;
    padding: 5px;
    position: relative;
    text-decoration: none;
    width: 120px;
    height: 15px;
    font-size:1em;
}


.page-evenement-de-l-agenda .view-bloc-information-couleur-rubriques-evenements   .view-content .views-row {
    background-color :#FFF;
    float: left;
    width: 30%;
    height:35px;
    min-height: 15px;
    max-height: 35px;
    margin-bottom: 00px;

}
.view-bloc-information-couleur-rubriques-evenements  .views-row div{
    float:left;
}
.view-bloc-information-couleur-rubriques-evenements  .views-row div.views-field.views-field-field-agenda-event-color{
    padding-right: 5px;
    width: 16%;
    min-width: 50px;
    height:25px;
}
.view-bloc-information-couleur-rubriques-evenements  .views-row div.views-field.views-field-name{
    padding-top:0px;
    min-height: 35px;
    width: 80%;
}

.node-webform .field-name-body{
    width:100%;
}

.view-newsletter-export .feed-icon img{height:auto;margin:0px;}
.view-newsletter-export .view-content th{
    background:#e5d9cb;
    font-weight: bold;
    text-align: center;
}
.view-newsletter-export .view-content th,
.view-newsletter-export .view-content td{
    padding:10px 10px;
}
.view-newsletter-export .view-content table{
    width:100%;
}
.view-newsletter-export .view-content{
    width:100%;
    float:left;
    margin:20px 0;
}

.view-newsletter-export .view-content tbody tr.odd{
    background: #FFF;
}

/*=== Ebiz css ===*/
.domain-cci-formation .bg-contact-header a.nous-contacter {
    border-radius: 3px;
    background: #e30044;
    color: #FFF;
    font-weight: bold;
    font-size: 12px;
    padding: 2px 12px;
    margin-right: 5px;
    display: inline-block;
    margin-top: 4px;
}
.domain-cci-formation .bg-contact-header a.nous-contacter:hover{
    background: #b30136;
    text-decoration: none;
}
.domain-cci-formation .bg-contact-header p.cci{line-height: 20px;}
.domain-cci-formation .region-footer-bloc-3 p.certif-logo{width: 100%; margin-top: 16px;}
.domain-cci-formation .region-footer-bloc-3 p.certif-logo img{
    float: right;
    display: inline-block;
    width: calc(50% - 30px);
    margin-left: 30px;
    max-width: 63px;
}