/* CSS Du site l'Outil en main */
/* Version b - 13/07/2015 */

/* --------------------------------------------------------------------------------*/
/* Squelette du site */
/* --------------------------------------------------------------------------------*/
body {
    font-family: "titil",sans-serif;
    font-size: 0.85em;
    line-height: 1.3em;
    color: #282828;
    background: #E8EFF3;
    background-image: url(../img/bandeautop.jpg);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 50% 40px;
    background-repeat : no-repeat;
    margin : 0 0 0 0;
    padding : 0 0 0 0;
}

.span.association.gauche {
    float: left;
    width: 78%;
}

.span.association.gauche a {
    color : #000000
}

.span.association.second {
    margin-right: 28px;
    float: left;
    width: 65%;
}

.span.association.droit {
    float: right;
}

.centre {
    position: relative;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
}

.taille12 {
    font-size: 12px;
}

.taille11 {
    font-size: 11px;
}

.justif {
    text-align: justify;
    margin-bottom: 20px;
}

.italique {
    font-style: italic;
}

.souligne {
    text-decoration: underline;
}

.oem-bleu {
    color: #0069b4;
}

.gras {
    font-weight: bold;
}

.fiche_asso {
    margin: 0px;
}

br.clr {
    clear: both;
    height: 0;
    line-height: 0;
    font-size: 0;
}

/* unvisited link */
a:link {
    color: #FFF;
    text-decoration : none;
}
/* visited link */
a:visited {
    color: #FFF;
}
/* mouse over link */
a:hover {
    color: #DDD;
}
/* selected link */
a:active {
    color: #0069b4;
}

div.album {
    margin-bottom : 50px;
}

div.gris a {
    color: #333;
}

div.gris a:hover {
    color: #06c;
}

/* --------------------------------------------------------------------------------*/
/* Topbar */
/* --------------------------------------------------------------------------------*/
#topbar {
    width: 100%;
    height: 40px;
    background: #4C586A none repeat scroll 0% 0%;
    color: #FFF;
    font-size: 0.9em;
    box-shadow: 0px 1px 5px #6C6C6C;
}
#topbarcenter {
    width: 950px;
    margin: 0px auto;
    padding-top : 0px;
    padding-left : 30px;
}
#topbarcontent {
    margin: 0px 0px 0px 0px;
    height : 22px;
}
#social {
    margin-left : 150px;
}
/* --------------------------------------------------------------------------------*/
/* Header */
/* --------------------------------------------------------------------------------*/
#header {
    height: 380px;
}
#header_blank {
    width: 950px;
    margin: 0px auto;
}
#logo_oem_header {
    display: block;
    width: 224px;
    height: 278px;
    background: transparent url("../img/logo_oem_header.png") no-repeat scroll left top;
}

#img_devise {
    display: block;
    width: 458px;
    height: 47px;
    background: transparent url("../img/img_devise.png") no-repeat scroll left top;
    margin: -89px 0px 0px 445px;
}

#headercenter {
    width: 950px;
    margin: 0px auto;
    padding-top : 1px;
}
/* Liste déroulante : objets et métiers*/
#listobj {
    margin-bottom : 20px;
}
#listobj li {
    background-color : #0069b4;
    width : 300px;
    height : 30px;
    list-style : none;
    margin : 1px;
    text-align : center;
    padding-top : 10px;
    border : none;
}
#listobj li:hover {
    background-color: #007fcc !important;
}
#listobj li a{
    color : #fff;
}
#listobj li ul {
    position: absolute; /* Position absolue */
    /* left: -999em; /* Hop, on envoie loin du champ de vision */
    list-style : none;
    margin-left: -40px;
    margin-top : 0px;
    left : -999em;
}
#listobj li:hover ul, #listobj li.sfhover ul  {
    left: auto; /* Repositionnement normal */
    margin-left : 275px;
    margin-top : -29px;
    min-height: 0; /* Corrige un bug sous IE */
}
/* Menu Déroulant */
#menu {
    font-size : 0.9em;
}
ul#menu { /* style du menu */
    position: absolute;
    width: 950px;
    height: 40px;
    top: 335px;
    z-index: 2;
    padding: 0px 0 0 0px;
    list-style : none;
}
#menu a { /* style du contenu des listes du menu */
    text-decoration : none;
    display : block;
    min-height: 27px;
    color: #f3fbff;
    text-align : center;
    background-color : #4c586a;
    padding-top : 5px;
    border-width: 1px;
    border-right: 0px;
    border-left: 1px;
    border-top: 1px;
    border-bottom: 1px;
    border-style: solid;
    border-color: #000;
    box-shadow: 0px 1px 5px #6C6C6C;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
}

.menu-first { /* style du contenu des listes du menu */
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    background-image: url(../img/navbar/bg_home.png);
    background-repeat: no-repeat;
    background-position: 0px -32px;
}

.menu-last { /* style du contenu des listes du menu */
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-right: 1px !important;
}

#menu li /* Elements des listes */
{
    float : left;
    width: 105px;
    min-height: 32px;
    color: #f3fbff;
    text-align : center;
}
/* Sous-listes */
#menu li ul {
    position: absolute; /* Position absolue */
    width: 105px;
    height: 32px;
    /* left: -999em; /* Hop, on envoie loin du champ de vision */
    list-style : none;
    margin-left: -40px;
    margin-top : 0px;
    left : -999em;
}

/* Sous-listes 3ème niveau */
#menu ul li ul {
    position: absolute; /* Position absolue */
    width: 105px;
    list-style : none;
    margin-left: 65px;
    left : -999em;
    margin-top : -34px;
}

li .sous-menu {
    visibility : hidden;
}

ul li ul li:hover .sous-menu {
    visibility : visible;
}

#menu .sous-menu a {
    background-color : #2D343F;
}

/* Lorsque la souris passe sur un des liens */

/* animation spéciale pour le lien accueil*/
.menu-first:hover   {
    background-color: #0069b4 !important;
    background-position: 0px 0px !important;
    font-size: 0px;
}

#menu a:hover   {
    background-color: #0069b4;
}
/* Sous-listes lorsque la souris passe sur un élément de liste */
#menu li:hover ul, #menu li.sfhover ul  {
    left: auto; /* Repositionnement normal */
    min-height: 0; /* Corrige un bug sous IE */
}
/* fil d'ariane*/
#ariane {
    position : absolute;
    top: 395px;
    margin-left : 30px;
    z-index: 1;
    font-size: 0.90em;
}
#ariane a {
    color : #0069b4;
}
/* --------------------------------------------------------------------------------*/
/* Main */
/* --------------------------------------------------------------------------------*/
#main {
    width: 960px; /* largeur totale */
    height : auto;
    margin : auto;
    overflow : auto;
}
#main_left {
    width : 230px; /* largeur modules de gauche */
    margin-right : 10px; /* espacé de 10px du module de droite */
    float : left;
}
#main_center {
    width : 710px; /* largeur module central */
    float : left;
    margin-left : 0;
}
.module_left_head { /* entête des modules */
    background: transparent url("../img/leftside/headmodule.png") no-repeat scroll left top;
    padding-top: 15px;
    padding-bottom : 5px;
    /* propriétés du texte */
    /*text-transform: uppercase;*/
    text-align: center;
    font-size: 1.3em;
    color : #f3fbff;
    width : 230px;
    min-height : 40px;
    max-height : 90px;
    overflow: hidden;
}



.module_left_head.congres {
    background: url(../img/leftside/headmodule_congres.png) no-repeat top left;
    padding-top: 20px;
}

.module_left_head.carte {
    background: url(../img/leftside/headmodule_carte.png) no-repeat top left;
}

.module_left_head.don {
    background: url(../img/leftside/headmodule_don.png) no-repeat top left;
    font-size: 16px;
    padding-top: 50px;
    padding-bottom: 10px;
}

.module_left_head.revue {
    background: url(../img/leftside/headmodule_revue.png) no-repeat top left;
}

.module_left_head.partenaires {
    background: url(../img/leftside/headmodule_partenaires.png) no-repeat top left;
}

.module_left_head.securepay {
    background: url(../img/leftside/headmodule_securepay.png) no-repeat top left;
}

.module_left_head > p {
    color: #fff;
    text-align: center;
    font-size: .9em;
    position: relative;
    top: 10px;
}


div.module_left_head.congres > p {
    color: #fff;
    text-align: center;
    font-size: 16px;
    position: relative;
    font-style: italic;
    font-weight: bold;
}

/* Style de formulaires */
/* Style pour le panel de connexion affiché sur la page d'accueil*/
.loginform ul {
    padding: 0;
    margin: 0;
    list-style : none;
    text-align: left;
}
.loginform li {
    text-align: -webkit-center;
}

.loginform label {
    display: block;
    color: SteelBlue;
}

.loginform input:not([type=submit]) {
    padding: 5px;
    margin-right: 10px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.1),
    0px 1px 0px 0px rgba(250, 250, 250, 0.5) ;
    margin-bottom: 25px;
}

.loginform input[type=submit] {
    border: 1px solid rgba(0, 0, 0, 0.3);
    background: #64c8ef; /* Old browsers */
    background: -moz-linear-gradient(top,  #64c8ef 0%, #00a2e2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#64c8ef), color-stop(100%,#00a2e2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #64c8ef 0%,#00a2e2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #64c8ef 0%,#00a2e2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #64c8ef 0%,#00a2e2 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #64c8ef 0%,#00a2e2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#64c8ef', endColorstr='#00a2e2',GradientType=0 ); /* IE6-9 */
    color: #fff;
    padding: 5px 15px;
    border-radius: 3px;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
    text-align: center;
}

.input_carte {
    border: 4px solid SteelBlue;
    -webkit-box-shadow:
            inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1);
    -moz-box-shadow:
            inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1);
    box-shadow:
            inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1);
    padding: 12px;
    background: rgba(255,255,255,0.5);
    margin: 10px 0 10px 0;
    font-size: 14px;
    color: SteelBlue;
}

.input_don {
    border: 2px solid SteelBlue;
    -webkit-box-shadow:
            inset 0 0 4px  rgba(0,0,0,0.1),
            0 0 8px rgba(0,0,0,0.1);
    -moz-box-shadow:
            inset 0 0 4px  rgba(0,0,0,0.1),
            0 0 8px rgba(0,0,0,0.1);
    box-shadow:
            inset 0 0 4px  rgba(0,0,0,0.1),
            0 0 8px rgba(0,0,0,0.1);
    padding: 10px;
    background: rgba(255,255,255,0.5);
    margin: 5px 0 5px 0;
    font-size: 14px;
    color: SteelBlue;
}

label, legend{
    width: 170px;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    margin : 5px;
}

.label_revenu {
    width: 170px;
    text-align: left;
    font-size: 12px;
}

fieldset {
    border : 0px;
    margin: 15px;
}

.formulaire ul {
    margin-left: auto;
    margin-right: auto;
}
.formulaire li {
    text-align: center;
}

.formulaire label {
    color: SteelBlue;
    font-size: 14px;
    width: auto;
}

.formulaire input:not([type=submit]) {
    width: 250px;
    padding: 5px;
    margin-right: 10px;
    *border: 1px solid rgba(0, 0, 0, 0.3);
    *border-radius: 3px;
    *box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.1),
    0px 1px 0px 0px rgba(250, 250, 250, 0.5) ;
    margin-bottom: 5px;
}

.formulaire.agenda input:not([type=submit]) {
    display: block;
    width : 200px;
}
.formulaire.agenda #calendarMain1 #calendarMain2 input {
    width: 50px;
}

.formulaire input[type=submit] {
    border: 1px solid rgba(0, 0, 0, 0.3);
    background: #64c8ef; /* Old browsers */
    background: -moz-linear-gradient(top,  #64c8ef 0%, #00a2e2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#64c8ef), color-stop(100%,#00a2e2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #64c8ef 0%,#00a2e2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #64c8ef 0%,#00a2e2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #64c8ef 0%,#00a2e2 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #64c8ef 0%,#00a2e2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#64c8ef', endColorstr='#00a2e2',GradientType=0 ); /* IE6-9 */
    color: #fff;
    padding: 5px 15px;
    border-radius: 3px;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
    text-align: center;
    margin-bottom: 20px;
}

.formulaire input[type=submit]:hover {
    cursor: pointer;
}

/* formulaire page de contact */

dd {
    margin: 0px;
}

.adresse > p {
    font-family: titil-sbold;
}

.adresse > p {
    font-family: titil-sbold;
}

#contactForm p {
    margin-bottom: 50px;
    font-size: 13px;
    font-style: italic;
}

#contactForm { margin-left: 5px; }
#contactForm label {
    display: block;
    font-weight: normal;
    line-height: 1.4em;
    float:left;
}
#contactForm input, #adrDepart {
    width: 250px;
    padding: 6px;
    color: #0069b4;
    font-size: 1em;
    font-family: 'titil', sans-serif;
    border: 1px solid #0069b4;
    border-radius:3px;
    background: #fff;
}
#contactForm input.err {
    border-color: #e77776;
    background: #fff;
}
#contactForm textarea {
    width: 550px;
    background: #fff;
    height: 80px;
    padding: 6px;
    color: #0069b4;
    font-family: 'titil', sans-serif;
    font-style: italic;
    font-size: 1em;
    border: 1px solid #0069b4;
    margin: 0;
    -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px;
}
#contactForm textarea.err {
    border-color: #e77776;
    background: #fff;
}
#contactForm select {
    width: 200px;
    padding: 6px;
    font-size: 0.9em;
    border: 1px solid #cecece;
    -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px;
}
#contactForm div { margin-bottom: 15px; }
#contactForm div span {
    margin-left: 10px;
    color: #b1b1b1;
    font-size: 0.9em;
    font-style: italic;
}
#contactForm div span.err { color: #e46c6e; }
#contactForm input[type="radio"] { width: auto; }

.email-hint {
    display: none;
    padding: 6px;
    border-radius: 4px;
    background-color: #D25757;
    border-color: #eed3d7;
    color: white;
}

.email-hint-display { display: inline; }

.email-hint.valid { display: inline; background-color: #449620; }

/* Styles de Boutons */
.btn {
    background: #3498db;
    background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
    background-image: -moz-linear-gradient(top, #3498db, #2980b9);
    background-image: -ms-linear-gradient(top, #3498db, #2980b9);
    background-image: -o-linear-gradient(top, #3498db, #2980b9);
    background-image: linear-gradient(to bottom, #3498db, #2980b9);
    -webkit-border-radius: 4;
    -moz-border-radius: 4;
    border-radius: 4px;
    color: #ffffff;
    font-size: 16px;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
}

.btn:hover {
    background: #3498db;
    background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
    background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
    text-decoration: none;
}

.btn-corbeille {
    background: #3498db;
    background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
    background-image: -moz-linear-gradient(top, #3498db, #2980b9);
    background-image: -ms-linear-gradient(top, #3498db, #2980b9);
    background-image: -o-linear-gradient(top, #3498db, #2980b9);
    background-image: linear-gradient(to bottom, #3498db, #2980b9);
    -webkit-border-radius: 4;
    -moz-border-radius: 4;
    border-radius: 4px;
    color: #ffffff;
    font-size: 16px;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
}

.article_body.actualite  button {
    background: #3498db;
    float: right;
    margin-bottom: 10px;
    background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
    background-image: -moz-linear-gradient(top, #3498db, #2980b9);
    background-image: -ms-linear-gradient(top, #3498db, #2980b9);
    background-image: -o-linear-gradient(top, #3498db, #2980b9);
    background-image: linear-gradient(to bottom, #3498db, #2980b9);
    -webkit-border-radius: 4;
    -moz-border-radius: 4;
    border-radius: 4px;
    color: #ffffff;
    font-size: 16px;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
}

.article_body.actualite  button:hover {
    background: #3cb0fd;
    background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
    background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
    text-decoration: none;
}

#partenaires {
    margin-top: 5px;
    color: GrayText;
    text-decoration : none;
    text-align: center;
}

.partenaire {
    margin-top: 10px;
    margin-bottom : 30px;
    margin-left : 5px;
    margin-right : 5px;
    padding-right : 5px;
    padding-left : 5px;
    text-align: center;
    background-color : #ffffff;
    height : 200px;
}

.partenaire a {
    color: GrayText;
}

#partenaires:hover {
    margin-top: 5px;
    color: SteelBlue;
    text-decoration: underline;
    text-align: center;
}

a#faire_don {
    height: 50px;
    text-align: center;
    color: #fff;
    line-height: 1.8em;
    text-decoration: none;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

a#faire_don:hover {
    text-decoration: none;
    color: #323945;
}

.module_left_body { /* corps des modules */
    background-color : #ffffff;
    /* position du texte rapport au corps */
    padding-top : 10px;
    padding-left : 10px;
    padding-right : 10px;
    padding-bottom : 10px;
    margin-bottom : 30px;
    /* propriétés du texte  */
    text-align : center;
    /* bordure  */
    border-width: 0.5px;
    border-style: solid;
    border-color: #cccccc;
    box-shadow: 0px 1px 4px #6C6C6C;
}
.module_separateur {
    background: transparent url("../img/module_separateur.png") no-repeat scroll left top;
    width: 190px;
    height: 40px;
    /* position du texte */
    padding-top : 20px;
    padding-right : 20px;
    padding-bottom : 10px;
    padding-left: 20px;
    margin-bottom : 30px;
    /* propriétés du texte */
    color : #f3fbff;
    text-align : center;
    text-transform : uppercase;
}
.article_head { /* entête des articles */
    /* position du texte */
    background: transparent url("../img/headarticle.png") no-repeat scroll left top;
    padding-top: 50px;
    padding-bottom : 20px;
    padding-left : 70px;
    /* propriétés du texte */
    text-transform: uppercase;
    font-size: 1.5em;
    color : #f3fbff;
}

.article_head.actualite {
    background: url(../img/headactualite.png) no-repeat top left;
}

.article_head.objets {
    background: url(../img/headobjets.png) no-repeat top left;
}

.article_head.don {
    background: url(../img/headdon.png) no-repeat top left;
}

.article_head.revue-de-presse {
    background: url(../img/headrevuepresse.png) no-repeat top left;
}
li.rplist {
    background-color: none;
    list-style-type: square;
    margin-top : 2px;
    font-size : 12px;
}
.article_body.actualite {
    background : #323945;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    box-shadow: 0 0 0;
}

.article_head.partenaires {
    background: url(../img/headpartenaires.png) no-repeat top left;
    border-radius: 5px;
}

.article_body.partenaires {
    background-color: transparent;
    padding-left : 0px;
    padding-right : 0px;
    box-shadow: 0px 0px 0px #6C6C6C;
}

.article_body.congres {
    background-color: transparent;
    padding-left : 0px;
    padding-right : 0px;
    box-shadow: 0px 0px 0px #6C6C6C;
}

.article_body.congres > h3 {
    background-color: transparent;
    padding-left : 0px;
    padding-right : 0px;
    box-shadow: 0px 0px 0px #6C6C6C;
    font-size: 20px;
}
.article_head.menu {
    background: url(../img/headmenu.png) no-repeat top left;
    border-radius: 5px;
}

.article_head.galerie {
    background: url(../img/headgalerie.png) no-repeat top left;
    border-radius: 5px;
}

.article_head.contact {
    background: url(../img/headcontact.png) no-repeat top left;
    border-radius: 5px;
}

.article_head.telechargement {
    background: url(../img/headtelechargement.png) no-repeat top left;
    border-radius: 5px;
}

.article_head.metiers {
    background: url(../img/headmetiers.png) no-repeat top left;
    border-radius: 5px;
}

.article_body.metiers > p {
    font-size: 13px;
}

.article_body.metiers > h3 {
    background-color: transparent;
    padding-left : 0px;
    padding-right : 0px;
    box-shadow: 0px 0px 0px #6C6C6C;
    font-size: 16px;
}

.article_body.metiers > h4 {
    background-color: transparent;
    padding-left : 0px;
    padding-right : 0px;
    box-shadow: 0px 0px 0px #6C6C6C;
    font-size: 14px;
    border-bottom: #0069b4 1px dotted;
    font-style: italic;
}

.article_head.agenda {
    background: url(../img/headagenda_big.png) no-repeat top left;
    border-radius: 5px;
}

.article_head.associations {
    background: url(../img/headassociations.png) no-repeat top left;
    border-radius: 5px;
}

.article_head.association {
    background: url(../img/headassociations.png) no-repeat top left;
    border-radius: 5px;
    font-size: 1.2em;
}

.article_body.associations {
    background-color: transparent;
    padding-left : 0px;
    padding-right : 0px;
    box-shadow: 0px 0px 0px #6C6C6C;
}

.article_body.contact > h3 {
    margin-top: 50px;
    font-size: 1.1em;
}

/* liste des partenaires */
ul#listePartenaires, ul#listePartenaires > li {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul#listePartenaires > li {
    display: block;
    float: left;
    width: 200px;
    text-align: center;
    margin: 10px 55px 10px 0;
}
ul#listePartenaires > li:nth-child(3n) { margin-right: 0; }
ul#listePartenaires > li > a {
    display: block;
    background: #fff;
    border-radius: 3px;
    padding: 5px;
    box-shadow: 0 1px 1px #ccc;
    border: #fff 5px solid;
    height: 240px;
}
ul#listePartenaires > li > a > img { margin: 0 0 5px 0; color:SteelBlue; }
ul#listePartenaires > li > a { border: #177fc1 1px solid; color: GrayText; }
ul#listePartenaires > li > a:hover { border: #177fc1 5px solid; color: SteelBlue; text-decoration: underline; }

/* liste congrès */
ul#listeCongres, ul#listeCongres > li {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul#listeCongres > li {
    display: block;
    float: left;
    width: 230px;
    text-align: center;
    margin: 10px 55px 10px 0;
}
ul#listeCongres > li:nth-child(3n) { margin-right: 0; }
ul#listeCongres > li > a {
    display: block;
    background: #fff;
    border-radius: 3px;
    padding: 5px;
    box-shadow: 0 1px 1px #ccc;
    border: #fff 5px solid;
}
ul#listeCongres > li > a > img { width: 100%; height: 100%; margin: 0 0 5px 0; color:SteelBlue; }
ul#listeCongres > li > a { border: #177fc1 1px solid; color: GrayText; }
ul#listeCongres > li > a:hover { border: #177fc1 5px solid; color: SteelBlue; text-decoration: underline; }

div.article_body > h3, div.article_body > div > h3 {
    cursor: default;
    line-height: 1.5em;
    font-size: 1.25em;
    font-style: italic;
    font-weight: bold;
    color: #333;
    border-bottom: #0069b4 1px solid;
    padding-bottom: 2px;
    margin: 20px 0 10px 0;
}

/* Page Le Concept
.article_head.concept {
	background: url(../img/headacteurs.png) no-repeat top left;
	border-radius: 5px;
}

.article_body.concept {
	background-color : transparent;
    background: none;
    padding: 0;
    box-shadow: none;
    border-radius: none;
    margin-top: 15px;
}*/

/* Fin page Le Concept*/

.article_head.bibliobjets {
    background: url(../img/headbibliobjets.png) no-repeat top left;
    border-radius: 5px;
}

/* Page de présentation */
.article_head.presentation {
    background: url(../img/headacteurs.png) no-repeat top left;
    border-radius: 5px;
}

.article_body.presentation {
    background-color : transparent;
    background: none;
    padding: 0;
    box-shadow: none;
    border-radius: none;
    margin-top: 15px;
}

#wrap_icons_oem > a + a + a {
    margin-right: 0;
}

#wrap_icons_oem {
    width: 710px;
    padding: 0;
    margin: 0;
}

a#icon_oem_actu {
    background: url(../img/presentation/actu.jpg);
    background-repeat: no-repeat;
    background-position: 0px -130px;
}

a#icon_oem_conc {
    background: url(../img/presentation/concept.jpg);
    background-repeat: no-repeat;
    background-position: 0px -130px;
}

a#icon_oem_hist {
    background: url(../img/presentation/historique.jpg);
    background-repeat: no-repeat;
    background-position: 0px -130px;
}

a#icon_oem_gouv {
    background-image: url(../img/presentation/gouvernance.jpg);
    background-repeat: no-repeat;
    background-position: 0px -130px;
}

a#icon_oem_acte {
    background: url(../img/presentation/acteurs.jpg);
    background-repeat: no-repeat;
    background-position: 0px -130px;
}

a#icon_oem_part {
    background: url(../img/presentation/partenaires.jpg);
    background-repeat: no-repeat;
    background-position: 0px -130px;
}

a#icon_oem_cong {
    background: url(../img/presentation/congres.jpg);
    background-repeat: no-repeat;
    background-position: 0px -130px;
}

a#icon_oem_galerie {
    background: url(../img/presentation/galerie.jpg);
    background-repeat: no-repeat;
    background-position: 0px -130px;
}

a#icon_oem_revue{
    background: url(../img/presentation/revue.jpg);
    background-repeat: no-repeat;
    background-position: 0px -130px;
}

a#icon_oem_downloads{
    background: url(../img/presentation/downloads.jpg);
    background-repeat: no-repeat;
    background-position: 0px -130px;
}

a#icon_oem_espace{
    background: url(../img/presentation/espace.jpg);
    background-repeat: no-repeat;
    background-position: 0px -130px;
}

a#icon_oem_actu:hover { background-position: 0px 0px; text-decoration: underline; font-weight: bold; }
a#icon_oem_conc:hover { background-position: 0px 0px; text-decoration: underline; font-weight: bold; }
a#icon_oem_hist:hover { background-position: 0px 0px; text-decoration: underline; font-weight: bold; }
a#icon_oem_gouv:hover { background-position: 0px 0px; text-decoration: underline; font-weight: bold; }
a#icon_oem_acte:hover { background-position: 0px 0px; text-decoration: underline; font-weight: bold; }
a#icon_oem_part:hover { background-position: 0px 0px; text-decoration: underline; font-weight: bold; }
a#icon_oem_cong:hover { background-position: 0px 0px; text-decoration: underline; font-weight: bold; }
a#icon_oem_galerie:hover { background-position: 0px 0px; text-decoration: underline; font-weight: bold; }
a#icon_oem_revue:hover { background-position: 0px 0px; text-decoration: underline; font-weight: bold; }
a#icon_oem_downloads:hover { background-position: 0px 0px; text-decoration: underline; font-weight: bold; }
a#icon_oem_espace:hover { background-position: 0px 0px; text-decoration: underline; font-weight: bold; }

#wrap_icons_oem > a {
    display: block;
    width: 230px;
    height: 30px;
    margin: 0 10px 10px 0;
    float: left;
    text-decoration: none;
    color: #0069b4;
    font-family: titil-sbold;
    font-size: 1.4em;
    text-shadow: 1px 1px 2px #999;
    padding-top: 100px;
    text-align: center;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -o-transition: 0.3s ease;
}
/* Fin Page de présentation*/

.article_body { /* corps des articles */
    background-color : #ffffff;
    /* position du texte */
    padding-top : 20px;
    padding-left : 10px;
    padding-right : 10px;
    padding-bottom : 30px;
    margin-bottom : 30px;
    /* propriétés du texte */
    /* text-align : justify; */
    /* bordure */
    border-width: 0.5px;
    border-style: solid;
    border-color: #cccccc;
    box-shadow: 3px 0px 5px #6C6C6C;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
#article_div_head { /* entête des articles */
    /* position du texte */
    background: transparent url("../img/headarticlediv.png") no-repeat scroll left top;
    padding-top: 50px;
    padding-bottom : 20px;
    padding-left : 70px;
    /* propriétés du texte */
    text-transform: uppercase;
    font-size: 1.5em;
    color : #f3fbff;
}
#article_div_body { /* corps des articles divisés */
    background-color : #E8EFF3;
    /* position du texte */
    padding-top : 10px;
    padding-left : 10px;
    padding-right : 10px;
    padding-bottom : 10px;
    margin-bottom : 30px;
    /* bordure */
    border-width: 0.5px;
    border-style: solid;
    border-color: #cccccc;
    height : 200px; /* FORCER la taille */
}
#article_center { /* corps des articles divisés : portion centrale */
    width : 455px;
    float : left;
}
#article_right { /* corps des articles divisés : portion droite */
    width : 230px;
    float : left;
}
#article_center_head { /* entête des articles */
    /* position du texte */
    background: transparent url("../img/headarticle.png") no-repeat scroll left top;
    padding-top: 50px;
    padding-bottom : 20px;
    padding-left : 70px;
    margin-right : 10px;
    /* propriétés du texte */
    text-transform: uppercase;
    font-size: 1.5em;
    color : #f3fbff;
}
#article_center_body { /* corps des articles */
    background-color : #ffffff;
    /* position du texte */
    padding-top : 20px;
    padding-left : 10px;
    padding-right : 10px;
    padding-bottom : 30px;
    margin-bottom : 30px;
    margin-right : 10px;
    /* propriétés du texte */
    text-align : justify;
    /* bordure */
    border-width: 0.5px;
    border-style: solid;
    border-color: #cccccc;
}
#module_right_head { /* entête des modules de droite dans les articles divisés */
    /* position du texte */
    background: transparent url("../img/headmodule.png") no-repeat scroll left top;
    width: 230px;
    padding-top: 50px;
    padding-bottom : 20px;
    /* propriétés du texte */
    text-transform: uppercase;
    text-align: center;
    font-size: 1.3em;
    color : #f3fbff;
}
#module_right_body { /* corps des modules de droite dans les articles divisés */
    /* position du texte */
    background-color : #ffffff;
    padding-top : 20px;
    padding-left : 10px;
    padding-right : 10px;
    padding-bottom : 30px;
    margin-bottom : 10px;
    /* propriétés du texte */
    text-align : center;
    /* bordure */
    border-width: 0.5px;
    border-style: solid;
    border-color: #cccccc;
}
#article_separateur {
    background: transparent url("../img/article_separateur.png") no-repeat scroll left top;
    width : 650px;
    height : 130px;
    /* position du texte */
    padding-top : 20px ;
    padding-right : 30px ;
    padding-bottom : 20px ;
    padding-left : 30px ;
    margin-bottom : 30px;
    /* propriétés du texte */
    color : #f3fbff;
    text-align : center;
    text-transform : uppercase;
}
/* --------------------------------------------------------------------------------*/
/* Footer */
/* --------------------------------------------------------------------------------*/
#footer {
    background: #313945;
    color: #FFF;
    padding: 25px 0px;
    /*bordure */
    border-width: 3px 0px 0px;
    border-style: solid none none;
    border-color: #0069B4 -moz-use-text-color -moz-use-text-color;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    box-shadow: 0px 1px 5px #6C6C6C;
}
#footer table {
    width: 950px;
    margin: 0px auto;
}
/* --------------------------------------------------------------------------------*/
/* Credits */
/* --------------------------------------------------------------------------------*/
#credits, #credits a {
    width: 100%;
    padding: 10px 0px;
    color: #282828;
    text-decoration: none;
    text-align : center;
}

/* triple actu */
#triple_actu {
    width: 690px;
    margin-top: 25px;
}
#triple_actu > div {
    float: left;
    width: 200px;
    padding: 10px;
    margin: 0 15px 10px 0;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 2px 2px #313945;
    height: 215px;
}
#triple_actu > div:nth-child(3n) { margin-right: 0; }
#triple_actu > div > div.tit {
    text-transform: uppercase;
    font-family: titil-sbold, sans-serif;
    margin: 0 0 10px 0;
    text-overflow: ellipsis;
    height : 2em;
}
#triple_actu > div > img.img_actu {
    background: #00f;
    margin: 0 0 6px 0;
    /* height: 125px; */
    max-width: 200px;
}

#triple_actu > div > p {
    margin-bottom: 0;
    text-align: justify;
}
#triple_actu > div > div.footer_actu {
    background: 255,0,0,.5;
    height: 40px;
    position: relative;
}
#triple_actu > div > div.footer_actu > a.more {
    position: relative;
    top: -10px;
    left: 140px;
    padding: 4px 10px;
    color: #fff;
    text-decoration: none;
    background: #1e5799;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlNTc5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwNTA4OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUyJSIgc3RvcC1jb2xvcj0iIzAwNTY5MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDY5YjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #1e5799 0%, #005089 50%, #005693 52%, #0069b4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#005089), color-stop(52%,#005693), color-stop(100%,#0069b4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #1e5799 0%,#005089 50%,#005693 52%,#0069b4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #1e5799 0%,#005089 50%,#005693 52%,#0069b4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #1e5799 0%,#005089 50%,#005693 52%,#0069b4 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #1e5799 0%,#005089 50%,#005693 52%,#0069b4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#0069b4',GradientType=0 ); /* IE6-8 */
    opacity: 1;
    box-shadow: 0 1px 1px rgba(49,57,69,0.3) inset;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
}

#triple_actu > div > div.footer_actu > a.more:hover { cursor: pointer; color: #11bace; text-decoration: none; }
#triple_actu > div > div.footer_actu > div.ribbon.nationale {
    position: relative;
    left: -80px;
    top: 20px;
    color: #fff;
    padding: 4px 10px;
    border-radius: 0 3px 3px 0;
    font-family: titil-sbold, sans-serif;
    background: #0080db;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwODBkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwNjliNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  #0080db 0%, #0069b4 50%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0080db), color-stop(50%,#0069b4));
    background: -webkit-linear-gradient(top,  #0080db 0%,#0069b4 50%);
    background: -o-linear-gradient(top,  #0080db 0%,#0069b4 50%);
    background: -ms-linear-gradient(top,  #0080db 0%,#0069b4 50%);
    background: linear-gradient(to bottom,  #0080db 0%,#0069b4 50%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0080db', endColorstr='#0069b4',GradientType=0 );
    width: 25%;
}
#triple_actu > div > div.footer_actu > div.ribbon.nationale:before {
    content: '';
    position: absolute;
    display: block;
    bottom: -4px;
    left: -5px;
    border-width: 0 5px 5px 5px;
    border-style: solid;
    border-color: transparent #0069b4 transparent transparent;
    z-index: 0;
}
#triple_actu > div > div.footer_actu > div.ribbon.regionale {
    position: absolute;
    left: -15px;
    bottom: -12px;
    color: #fff;
    padding: 4px 10px;
    border-radius: 0 3px 3px 0;
    font-family: titil-sbold, sans-serif;
    background: #11b7ca;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzExYjdjYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iIzEwYWZjMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUyJSIgc3RvcC1jb2xvcj0iIzExYjdjYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMWJhY2UiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #11b7ca 0%, #10afc2 49%, #11b7ca 52%, #11bace 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#11b7ca), color-stop(49%,#10afc2), color-stop(52%,#11b7ca), color-stop(100%,#11bace));
    background: -webkit-linear-gradient(top,  #11b7ca 0%,#10afc2 49%,#11b7ca 52%,#11bace 100%);
    background: -o-linear-gradient(top,  #11b7ca 0%,#10afc2 49%,#11b7ca 52%,#11bace 100%);
    background: -ms-linear-gradient(top,  #11b7ca 0%,#10afc2 49%,#11b7ca 52%,#11bace 100%);
    background: linear-gradient(to bottom,  #11b7ca 0%,#10afc2 49%,#11b7ca 52%,#11bace 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#11b7ca', endColorstr='#11bace',GradientType=0 );
}
#triple_actu > div > div.footer_actu > div.ribbon.regionale:before {
    content: '';
    position: absolute;
    display: block;
    bottom: -4px;
    left: -5px;
    border-width: 0 5px 5px 5px;
    border-style: solid;
    border-color: transparent #0c8492 transparent transparent;
    z-index: 0;
}

.footer_wrapper {
    bottom: 40px;
}

div.triple_actu_img {
    height: 10em;
    position: relative }
div.triple_actu_img img {
    margin: 0;
    background: #1769b6;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%)
}

.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}

/* historique */
/* kwicks accueil */
div#chiffres_kwicks {
    width: 675px;
    height: 165px;
    background: url(../img/bg_kwicks.png) no-repeat top left;
    color: #fff;
    margin: 0 0 10px 0;
    padding: 0 0 0 35px;
}
div#chiffres_kwicks > p {
    padding: 15px 0 10px 0;
    margin: 0;
    font-size: 1.2em;
    line-height: 1.2em;
}

#chiffres_kwicks .kwicks {
    list-style: none;
    position: relative;
    margin: 0;
    padding: 0;
}
#chiffres_kwicks .kwicks li {
    display: block;
    overflow: hidden;
    padding: 0;
    float: left;
    width: 120px;
    height: 100px;
    margin-right: 10px;
}
#chiffres_kwicks #kwick1 { background: url(../img/kwicks1-depuis-1987.jpg) no-repeat top left; }
#chiffres_kwicks #kwick2 { background: url(../img/kwicks2-des-9ans.jpg) no-repeat top left; }
#chiffres_kwicks #kwick3 { background: url(../img/kwicks3-gens-metiers.jpg) no-repeat top left; }
#chiffres_kwicks #kwick4 { background: url(../img/kwicks4-metiers-manuels.jpg) no-repeat top left; }
#chiffres_kwicks #kwick5 { background: url(../img/kwicks5-partenaires.jpg) no-repeat top left; }
#chiffres_kwicks .kwicks li a { display: block; width: 100%; height: 100%; }

/* accueil double colonne */
#wrap_2_cols > .col_accueil {
    float: left;
    margin-right: 10px;
}
#wrap_2_cols > .col_accueil:nth-child(2n) { margin-right: 0; }

/*fiche metier du jour (accueil) */
div.article_head_metier {
    min-height: 15px;
    height: auto !important;
    height: 100%;
    /*width: 470px;*/
    margin: 0;
    padding-top: 40px;
    border: 0;
    border-bottom: transparent 1px solid;
    background: url(../img/headmetier.png) no-repeat top left;
}

div.article_head_metier > p {
    font-size: .8em;
    line-height: 1.2em;
    padding: 0 0 10px 0;
    margin: 0;
    text-transform: uppercase;
    color: #282828;
    text-align: center;
}

div.article_body_metier {
    background: #fff;
    width: 450px;
    margin-bottom: 15px;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 2px 2px 2px #ccc;
    padding: 0 10px 10px 10px;
}

div.article_body_metier > h3 {
    cursor: default;
    line-height: 1.5em;
    font-size: 1.25em;
    font-family: titil-sbold;
    font-style: normal;
    font-weight: normal;
    color: #333;
    border: 0;
    border-bottom: #0069b4 2px solid;
    padding-bottom: 2px;
    margin-bottom: 10px;
    text-align: center;
}
div.article_body_metier > p { margin-bottom: 10px; }
div.article_body_metier > h3.dot {
    cursor: default;
    line-height: 1.4em;
    font-size: 1.15em;
    font-family: 'titil-it';
    font-style: normal;
    font-weight: normal;
    color: #333;
    border: 0;
    border-bottom: #0069b4 1px dotted;
    padding-bottom: 2px;
    margin-bottom: 10px;
    text-align: left;
}
div.article_body_metier > div#footer_metier {
    padding: 5px 0;
    text-align: center;
}
div.article_body_metier > div#footer_metier > a.more {
    padding: 4px 10px;
    color: #fff;
    text-decoration: none;
    background: #1e5799;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlNTc5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwNTA4OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUyJSIgc3RvcC1jb2xvcj0iIzAwNTY5MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDY5YjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #1e5799 0%, #005089 50%, #005693 52%, #0069b4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#005089), color-stop(52%,#005693), color-stop(100%,#0069b4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #1e5799 0%,#005089 50%,#005693 52%,#0069b4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #1e5799 0%,#005089 50%,#005693 52%,#0069b4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #1e5799 0%,#005089 50%,#005693 52%,#0069b4 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #1e5799 0%,#005089 50%,#005693 52%,#0069b4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#0069b4',GradientType=0 ); /* IE6-8 */
    opacity: 1;
    box-shadow: 0 1px 1px rgba(49,57,69,0.3) inset;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
}
div.article_body_metier > div#footer_metier > a.more:hover { cursor: pointer; color: #11bace; text-decoration: none; }

/*fiche objet du jour (accueil) */
div.article_head_objet {
    min-height: 15px;
    height: auto !important;
    height: 100%;
    /*width: 470px;*/
    margin: 0;
    padding-top: 40px;
    border: 0;
    border-bottom: transparent 1px solid;
    background: url(../img/headobjets.png) no-repeat top left;
}

div.article_head_objet> p {
    font-size: .8em;
    line-height: 1.2em;
    padding: 0 0 10px 0;
    margin: 0;
    text-transform: uppercase;
    color: #282828;
    text-align: center;
}

div.article_body_objet {
    background: #fff;
    width: 450px;
    margin-bottom: 15px;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 2px 2px 2px #ccc;
    padding: 0 10px 10px 10px;
}

div.article_body_objet > h3 {
    cursor: default;
    line-height: 1.5em;
    font-size: 1.25em;
    font-family: titil-sbold;
    font-style: normal;
    font-weight: normal;
    color: #333;
    border: 0;
    border-bottom: #0069b4 2px solid;
    padding-bottom: 2px;
    margin-bottom: 10px;
    text-align: center;
}
div.article_body_objet > p { margin-bottom: 10px; }
div.article_body_objet > h3.dot {
    cursor: default;
    line-height: 1.4em;
    font-size: 1.15em;
    font-family: 'titil-it';
    font-style: normal;
    font-weight: normal;
    color: #333;
    border: 0;
    border-bottom: #0069b4 1px dotted;
    padding-bottom: 2px;
    margin-bottom: 10px;
    text-align: left;
}
div.article_body_objet > div#footer_objet {
    padding: 5px 0;
    text-align: center;
}
div.article_body_objet > div#footer_objet > a.more {
    padding: 4px 10px;
    color: #fff;
    text-decoration: none;
    background: #1e5799;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlNTc5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwNTA4OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUyJSIgc3RvcC1jb2xvcj0iIzAwNTY5MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDY5YjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #1e5799 0%, #005089 50%, #005693 52%, #0069b4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#005089), color-stop(52%,#005693), color-stop(100%,#0069b4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #1e5799 0%,#005089 50%,#005693 52%,#0069b4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #1e5799 0%,#005089 50%,#005693 52%,#0069b4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #1e5799 0%,#005089 50%,#005693 52%,#0069b4 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #1e5799 0%,#005089 50%,#005693 52%,#0069b4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#0069b4',GradientType=0 ); /* IE6-8 */
    opacity: 1;
    box-shadow: 0 1px 1px rgba(49,57,69,0.3) inset;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
}
div.article_body_objet > div#footer_objet > a.more:hover { cursor: pointer; color: #11bace; text-decoration: none; }

div.article_head_video {
    min-height: 15px;
    height: auto !important;
    height: 100%;
    width: 230px;
    margin: 0;
    padding-top: 40px;
    border: 0;
    border-bottom: transparent 1px solid;
    background: url(../img/headvideo.png) no-repeat top left;
}

div.article_head_video > p {
    font-size: 1.2em;
    line-height: 1.2em;
    padding: 0 0 10px 0;
    margin: 0;
    text-transform: uppercase;
    color: #000;
    text-align: center;
}

div.article_body_video {
    background: #fff;
    width: 210px;
    margin-bottom: 15px;
    border-radius: 0 0 2px 2px;
    box-shadow: 2px 2px 2px #ccc;
    padding: 0 10px 10px 10px;
}

div.article_head_agenda {
    min-height: 15px;
    height: auto !important;
    height: 100%;
    width: 230px;
    margin: 0;
    padding-top: 40px;
    border: 0;
    border-bottom: transparent 1px solid;
    background: url(../img/headagenda.png) no-repeat top left;
}
div.article_head_agenda > p {
    font-size: 1.2em;
    line-height: 1.2em;
    padding: 0 0 10px 0;
    margin: 0;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
}
div.article_body_agenda {
    background: #0069b4;
    width: 210px;
    margin-bottom: 15px;
    border-radius: 0 0 2px 2px;
    box-shadow: 0 1px 1px #ccc;
    padding: 0 10px 10px 10px;
    color: #fff;
}
div.article_body_agenda > ul, div.article_body_agenda > ul > li {
    list-style: none;
    margin: 0;
    padding: 0;
}
div.article_body_agenda > ul > li {
    border: 0;
    border-bottom: #282828 1px solid;
    padding: 3px 0;
}
div.article_body_agenda > ul > li:nth-child(5n) { border: 0; }
div.article_body_agenda > div {
    padding: 10px 0 5px 0;
    text-align: right;
}
div.article_body_agenda > div > a.more {
    padding: 4px 10px;
    color: #fff;
    text-decoration: none;
    background: #1e5799;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlNTc5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwNTA4OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUyJSIgc3RvcC1jb2xvcj0iIzAwNTY5MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDY5YjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #1e5799 0%, #005089 50%, #005693 52%, #0069b4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#005089), color-stop(52%,#005693), color-stop(100%,#0069b4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #1e5799 0%,#005089 50%,#005693 52%,#0069b4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #1e5799 0%,#005089 50%,#005693 52%,#0069b4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #1e5799 0%,#005089 50%,#005693 52%,#0069b4 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #1e5799 0%,#005089 50%,#005693 52%,#0069b4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#0069b4',GradientType=0 ); /* IE6-8 */
    opacity: 1;
    box-shadow: 0 1px 1px rgba(49,57,69,0.3) inset;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
}
div.article_body_agenda > div > a.more:hover { cursor: pointer; color: #11bace; text-decoration: none; }

.sgras { font-family: titil-sbold, sans-serif; }
.sgras.italic { font-family: titil-sbold-it, sans-serif; }


/* Blocs article */
ul#lstBlocsArticleVisu > li .w230 { width: 230px; }
ul#lstBlocsArticleVisu > li .w350 { width: 350px; }
ul#lstBlocsArticleVisu > li .w470 { width: 470px; }
ul#lstBlocsArticleVisu > li .w710 { width: 710px; }
/*
ul#lstBlocsArticleVisu > li .h150 { min-height: 150px; }
ul#lstBlocsArticleVisu > li .h200 { min-height: 200px; }
ul#lstBlocsArticleVisu > li .h230 { min-height: 230px; }
*/

ul#lstBlocsArticleVisu, ul#lstBlocsArticleVisu > li {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul#lstBlocsArticleVisu { margin-bottom: 30px; }
ul#lstBlocsArticleVisu > li {
    /*background: rgba(255,0,0,0.1);*/
    margin-bottom: 10px;
    position: relative;
    font-family: 'titil';
    display: block;
}

ul#lstBlocsArticleVisu > li span.legImg, ul#lstBlocsArticleVisu > li span.legImgVisu { display: block; text-align: center; font-style: italic; font-size: 0.8em; color: #666; min-height: 18px; }
ul#lstBlocsArticleVisu > li span.legImg:hover { cursor: pointer; }

/* article titres */
ul#lstBlocsArticleVisu > li div.titre_nivo_visu h1 {
    cursor: default;
    line-height: 2.2em;
    font-size: 1.85em;
    font-family: titil-sbold-it;
    font-style: normal;
    font-weight: normal;
    color: #333;
    border-bottom: #0069b4 4px solid;
    padding-bottom: 2px;
    margin-bottom: 30px;
}

@font-face {
    font-family: titil-sbold-it;
    src: url(fonts/titillium-semibolditalic-webfont.woff);
}

@font-face {
    font-family: titil-sbold;
    src: url(fonts/titillium-semibold-webfont.woff);
}

ul#lstBlocsArticleVisu > li div.titre_nivo_visu h2 {
    cursor: default;
    line-height: 1.95em;
    font-size: 1.6em;
    font-family: titil-sbold-it;
    font-style: normal;
    font-weight: normal;
    color: #333;
    border-bottom: #0069b4 2px solid;
    padding-bottom: 2px;
    margin-bottom: 20px;
}
ul#lstBlocsArticleVisu > li div.titre_nivo_visu h3  {
    cursor: default;
    line-height: 1.5em;
    font-size: 1.25em;
    font-family: titil-sbold-it;
    font-style: normal;
    font-weight: normal;
    color: #333;
    border-bottom: #0069b4 1px solid;
    padding-bottom: 2px;
    margin-bottom: 10px;
}

div.bloc_right_contenu.article {
    background: none;
    padding: 0;
    box-shadow: none;
    border-radius: none;
    margin-top: 15px;
}

/* page actus */
#bandeau {
    height: auto;
    max-width: 100%;
}


ul#lstActus, ul#lstActus > li {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul#lstActus { width: 690px; padding-bottom: 10px; }
ul#lstActus > li { margin-bottom: 20px; }
ul#lstActus > li > * {
    float: left;
    margin: 0;
    padding: 0;
}
ul#lstActus > li > div {
    width: 210px;
    margin: 0 0 0 10px;
}
ul#lstActus > li > p {
    width: 470px;
    text-align: justify;
    padding: 10px 0 0 0;
    color: #ddd;
}
ul#lstActus > li > p > a {
    color: #fff;
    font-size: 1.2em;
    font-family: titil-sbold;
    display: inline-block;
    margin: 0 0 10px 10px;
}

#date_actu {
    margin-left: 10px;
    color: #9ac0cd;
}

#map_associations {
    width: 100%;
    height: 700px;
    margin-bottom: 40px;
}

/* Agenda */
ul#listeAgenda, ul#listeAgenda > li {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul#listeAgenda > li {
    display: block;
    margin: 0 0 10px 0;
    position: relative;
}
ul#listeAgenda > li.titreAnnee {
    color: #0d68b7;
    margin-top: 40px;
    padding: 10px;
    text-align: center;
    font-family: 'titil-bold';
    font-size: 30px;
}
ul#listeAgenda > li.titreMois {
    background: #fff;
    color: #0069b4;
    margin-top: 40px;
    padding: 10px;
    text-align: center;
    font-family: 'titil-sbold';
    font-weight: normal;
    font-size: 1.5em;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 1px 1px 0px #ccc;
    -moz-box-shadow: 1px 1px 0px #ccc;
    box-shadow: 1px 1px 0px #ccc;
}
ul#listeAgenda > li.titreMois a {
    float: right;
    display: block;
    width: 20px;
    height: 12px;
    text-indent: -10000px;
    background: url(../img/fleche-agenda.png) no-repeat top left;
}

ul#listeAgenda > li.evt {
    background: #fcfcfc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 1px 1px 0px #ccc;
    -moz-box-shadow: 1px 1px 0px #ccc;
    box-shadow: 1px 1px 0px #ccc;
    padding: 10px;
}
/*ul#listeAgenda > li.evt > div { float: left; }*/
ul#listeAgenda > li.evt > div.agenda_info, ul#listeAgenda > li.evt > div.cal.hot { float: left; }
ul#listeAgenda > li.evt .non-semantic-protector {
    position: absolute;
    z-index: 1;
    float: none;
    top: -5px;
    right: -5px;
}
ul#listeAgenda > li.evt div.cal {
    width: 45px;
    height: 50px;
    font-size: 0.8em;
    background: #fff;
    border: #999 1px solid;
    margin: 2px 5px 2px 4px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px #999;
    -moz-box-shadow: 0 0 2px #999;
    box-shadow: 0 0 2px #999;
    display: inline-block;
}

ul#listeAgenda > li.evt div.cal > span {
    display: block;
    padding: 0;
}
ul#listeAgenda > li.evt div.cal > .mois {
    color: #fff;
    font-size: 0.8em;
    text-align: center;
    padding: 0;
    margin: 0;
    height: 20px;
    min-height: 20px;

    background: rgb(172,192,209); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FjYzBkMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2MDg2YTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(172,192,209,1) 0%, rgba(96,134,166,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(172,192,209,1)), color-stop(100%,rgba(96,134,166,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(172,192,209,1) 0%,rgba(96,134,166,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(172,192,209,1) 0%,rgba(96,134,166,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(172,192,209,1) 0%,rgba(96,134,166,1) 100%); /* IE10+ */
    background: linear-gradient(top,  rgba(172,192,209,1) 0%,rgba(96,134,166,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#acc0d1', endColorstr='#6086a6',GradientType=0 ); /* IE6-8 */

    /* evite bug IE */
    overflow:auto;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#acc0d1, endColorstr=#6086a6)"; /* IE6-8 */

}
ul#listeAgenda > li.evt div.cal.hot > .mois {
    /*background: #e91d26;*/
    background: rgb(233,29,38); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U5MWQyNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZjE4MWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(233,29,38,1) 0%, rgba(191,24,27,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(233,29,38,1)), color-stop(100%,rgba(191,24,27,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(233,29,38,1) 0%,rgba(191,24,27,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(233,29,38,1) 0%,rgba(191,24,27,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(233,29,38,1) 0%,rgba(191,24,27,1) 100%); /* IE10+ */
    background: linear-gradient(top,  rgba(233,29,38,1) 0%,rgba(191,24,27,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e91d26', endColorstr='#bf181b',GradientType=0 ); /* IE6-8 */

    /* evite bug IE */
    overflow:auto;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#e91d26, endColorstr=#bf181b)"; /* IE6-8 */

}
ul#listeAgenda > li.evt div.cal > .jour {
    text-align: center;
    font-weight: bold;
    font-size: 1.5em;
    padding: 5px 0 0 0;
}
ul#listeAgenda > li.evt div.cal > .jour a {
    text-decoration: none;
    color: #333;
}
ul#listeAgenda > li.evt div.cal > .jour a:hover {
    text-decoration: underline;
    color: #333;
}
ul#listeAgenda > li.evt div.agenda_info {
    margin-left: 20px;
    width: 600px;
    display: inline-block;
}


.ribbon {
    font-size: 0.85em !important;
    width: auto;
    font-weight: normal;
    position: relative;
    background-image: url(../img/ribbon.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;

    color: #fff;
    text-align: center;
    padding: 0.5em 1em;
    margin: 1em auto;
    border-radius: 3px 3px 0 3px;
    -moz-border-radius: 3px 3px 0 3px;
    -webkit-border-radius: 3px 3px 0 3px;
}
/* triangle */
.ribbon:after {
    right: -1em;
    border-left-width: 0.75em;
    border-right-color: transparent;
}
.ribbon .ribbon-content:after {
    content: "";
    position: absolute;
    display: block;
    border-style: solid;
    border-color: rgb(0,0,0) transparent transparent transparent;
    bottom: -0.4em;
    right: 0;
    border-width: 0.5em 0.5em 0 0;
}


/* tableau d'horaires*/

.horaires table {
    font-family:Arial, Helvetica, sans-serif;
    color:#666;
    font-size:12px;
    text-shadow: 1px 1px 0px #fff;
    background:#eaebec;
    margin-left:auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    border:#ccc 1px solid;

    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;

    -moz-box-shadow: 0 1px 2px #d1d1d1;
    -webkit-box-shadow: 0 1px 2px #d1d1d1;
    box-shadow: 0 1px 2px #d1d1d1;
}
.horaires table th {
    padding:21px 25px 22px 25px;
    border-top:1px solid #fafafa;
    border-bottom:1px solid #e0e0e0;

    background: #ededed;
    background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
    background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
}
.horaires table th:first-child {
    text-align: left;
    padding-left:20px;
}
.horaires table tr:first-child th:first-child {
    -moz-border-radius-topleft:3px;
    -webkit-border-top-left-radius:3px;
    border-top-left-radius:3px;
}
.horaires table tr:first-child th:last-child {
    -moz-border-radius-topright:3px;
    -webkit-border-top-right-radius:3px;
    border-top-right-radius:3px;
}
.horaires table tr {
    text-align: center;
    padding-left:20px;
}
.horaires table td:first-child {
    text-align: left;
    padding-left:20px;
    border-left: 0;
}
.horaires table td {

    padding:18px;
    border-top: 1px solid #ffffff;
    border-bottom:1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;

    background: #fafafa;
    background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
    background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}
.horaires table tr.even td {
    background: #f6f6f6;
    background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
    background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}
.horaires table tr:last-child td {
    border-bottom:0;
}
.horaires table tr:last-child td:first-child {
    -moz-border-radius-bottomleft:3px;
    -webkit-border-bottom-left-radius:3px;
    border-bottom-left-radius:3px;
}
.horaires table tr:last-child td:last-child {
    -moz-border-radius-bottomright:3px;
    -webkit-border-bottom-right-radius:3px;
    border-bottom-right-radius:3px;
}

.images-metier {
    list-style: none;
    display: inline-flex;
    /* margin-left: 10px; */
    padding: 0px;
}

.images-metier > li {
    margin-right: 2px;

}

.images-actu {
    margin-left: -5px;
}

.images-actu > ul {
    list-style: none;
}

.images-actu > ul > li {
    margin-right: 2px;
    margin: 5px;
    display: inline;
}

.horaires table tr:hover td {
    background: #f2f2f2;
    background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
    background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);
}

/* book objets */
div.book_obj {
    width: 690px;
    background: #fff;
    padding: 10px;
    margin: 0 0 10px 0;
    border-radius: 3px;
    box-shadow: 0 2px 2px #ccc;
}
div.book_obj > div { float: left; }
div.book_obj > div:first-child {
    width: 120px;
    margin: 0 10px 0 0;
}
div.book_obj > div + div {
    width: 560px;
}
div.book_obj > div + div > p { margin-bottom: 5px; }
div.book_obj > div > div.tit {
    text-transform: uppercase;
    font-family: 'titil-sbold', sans-serif;
    margin: 0 0 6px 0;
    border: 0;
    border-bottom: #ccc 1px dotted;
}
h3.bibli_titre > a {
    float: right;
    display: block;
    width: 20px;
    height: 12px;
    text-indent: -10000px;
    margin: 5px 0 -5px 0;
    background: url(../img/fleche-agenda.png) no-repeat top left;
}

.titre-partenaire {
    font-size: 16px;
    line-height: 20px;
}

.alert {
    color: #000000;
    padding: 8px 35px 8px 14px;
    margin-bottom: 18px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    /*min-height: 40px;*/
}

.alert-heading {
    color: inherit;
}

.alert .close {
    position: relative;
    top: -2px;
    right: -21px;
    line-height: 18px;
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.alert-danger,
.alert-error {
    background-color: #f2dede;
    border-color: #eed3d7;
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
}

a .alert {
    color: SteelBlue;
}

/* --------------------------------------------------------------------------------*/
/* Page congrès */
/* --------------------------------------------------------------------------------*/

#congres-location {
    font-size : 10px;
    font-style : italic;
    text-align : right;
    padding-right : 30px ;
}

.titre-congres {
    fonte-size : 10px;
}

#article_separateur {
    background: transparent url("../img/article_separateur.png") no-repeat scroll left top;
    width : 648px;
    height : 20px;
    /* position du texte */
    padding-top : 20px ;
    padding-right : 30px ;
    padding-bottom : 20px ;
    padding-left : 30px ;
    margin-bottom : 30px;
    /* propriétés du texte */
    color : #f3fbff;
    text-align : center;
    text-transform : uppercase;
    font-weight : bold;
}

.img-center {
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: auto auto;
}

.navigation-pages {
    text-align: center;
    margin-top: 15px;
    display: block;
    margin: 0 auto;
    border-radius: 3px;
    background-color: #e3e1dc;
    color: #3f3f3f;
    font-size: 16px;
}

.navigation-pages .current {
    color: #00b7ff;
    display: inline;
}

.navigation-pages .btn {
    padding: 1px 2px 1px 2px;
}

.navigation-pages select {
    font-size: 16px;
    padding: 1px 2px 1px 2px;
}

.navigation-pages label {
    font-size: 14px;
}

.navigation-pages form {
    display: inline;
}

.social-media {
    float: right;
}

/* Style the tab */
div.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
div.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
}

/* Change background color of buttons on hover */
div.tab button:hover {
    background-color: #34a9e7;
    color: #ffffff;
}

/* Create an active/current tablink class */
div.tab button.active {
    background-color: #2a96ca;
    color: #ffffff;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}

.default-tab {
    display: block;
}

.btn-pagination {
    font-size: 12px;
}

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

.form-pagination ul li {
    text-align: left;
}

.titre-album-photos {
    background-color: #0d68b7;
    color: white;
    padding: 5px;
}

.album-photos {
    margin: 15px;
    /* background-color: rgb(171, 171, 171); */
    border-radius: 5px;
    /* padding: 5px; */
    color: white;
    padding-bottom: 3px;
    border: 2px solid #0d68b7;
    height: 250px;
}

.associations-region
{
    margin-top: 15px;
    line-height: 1.5em;
}