/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 15 déc. 2015, 08:22:27
    Author     : Pygmalion
*/
#plan_site ul {
margin-left: 1em;
margin-top: 0;
margin-bottom: 1em;
list-style: square url('http://www.webbossuk.com/admin/images/reply-arrow.png');
font-weight: normal;
cursor: pointer;
}
#plan_site .parent .parent_text_1, #plan_site .parent .parent_text_2, #plan_site .parent .parent_text_3 {
    font-weight:400;
    color:#fff;
    padding:5px;
    margin-bottom:5px;
    display:block;
}

#plan_site .parent .parent_text_1{
    background:#dd1576;
}
#plan_site .parent .parent_text_2 {
    background:#096cad;
}
#plan_site .parent .parent_text_3 {
    background:#99c20d;
}
.child li a{
    font-weight:400;
}

nav {
    position:fixed;
    top:0;
    z-index:999;
    width:1140px;
}


.test p img {
    max-width:100%;
}
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    padding-top:50px;
    overflow-x: hidden;
    font-family: Verdana;
    background: #eee;
    transition: transform .2s;
    -webkit-transition: -webkit-transform .2s;
    background-image:url(../../image/bg.png);
}

#slogan {
    color:#000;
    font-family: 'Oswald';
    font-size:24px;
    text-align:center;
    width:100%;
    letter-spacing:3px;
}

/* DEBUT BARRE DE RECHERCHES*/
.sousmenu {
    width:100%;
    background:#f2f2f2;
    color:#fff;
    font-size:120%;
    opacity:0.9;
}
.fa-youtube {
    background:#cd332d!important;
    color:#fff;
}

/* FIN BARRE DE RECHERCHES*/

/*DEBUT PAGE ACCUEIL*/
.box > .icon { text-align: center; position: relative; }
.box > #icon_evenements:hover > .info > .more > a { color: #222; padding: 6px 8px; background-color: #ffbb1b!important; }
.box > #icon_vert:hover > .info > .more > a { color: #222; padding: 6px 8px; background-color: #99c20d!important; }

#zoom, #parole, #liens {
    background: #096cad;
}
#zoom:hover, #parole:hover, #liens:hover {
    background: #678bb7;
}
#demarchespratiques, #agenda {
    background:#dd1576;
}

#demarchespratiques:hover, #agenda:hover  {
    background:#f2639b;
}
#merci, #reseaulasallien {
    background:#99c20d;
}

#merci:hover, #reseaulasallien:hover {
    background:#b4cf55;
}

#evenements, #formations {
    background:#ffbb1b;
}

#evenements:hover, #formations:hover {
    background:#ffcf45;
}

#facebook {
    background:#3f569c;
}

#twitter {
    background:#45b1e0;
}

#youtube {
    background:#f10907;
}

#infos {
    background:#000;
}

#google {
    background:#c53a2d;
}

.box > .icon > .image { position: relative; z-index: 2; margin: auto; width: 88px; height: 88px; border: 8px solid white; line-height: 88px; border-radius: 50%; background: #63B76C; vertical-align: middle; }
.box > .icon:hover > .image { background: #333; }
.box > .icon > .image > i { font-size: 36px !important; color: #fff !important; }
.box > .icon:hover > .image > i { color: white !important; }
.box > .icon > .info { margin-top: -24px; background: rgba(0, 0, 0, 0.04); border: 1px solid #e0e0e0; padding: 15px 0 10px 0; }
.box > .icon:hover > .info { background: rgba(0, 0, 0, 0.04); border-color: #e0e0e0; }
.box > .icon > .info > h3.title { font-family: 'Oswald', sans-serif,sans-serif !important; font-size: 18px; color: #222; font-weight: 500; }
.box > .icon > .info > p { font-family: "Roboto",sans-serif !important; font-size: 13px; color: #666; line-height: 1.5em; margin: 20px;}
.box > .icon:hover > .info > h3.title, .box > .icon:hover > .info > p, .box > .icon:hover > .info > .more > a { color: #222; }
.box > .icon > .info > .more a { font-family: "Roboto",sans-serif !important; font-size: 12px; color: #222; line-height: 12px; text-transform: uppercase; text-decoration: none; }
.box > .icon:hover > .info > .more > a { color: #fff; padding: 6px 8px; background-color: #096cad; }
.box .space { height: 30px; }
.info p {
    text-align:justify;
}
.col-xs-12, .col-sm-6, .col-md-3, .col-lg-3, .col-sm-12, .col-md-6, .col-lg-6 {
    margin-bottom:1%;
}

.row {
    background:#fff;
    padding-top:1%;
    padding-bottom:1%;
    border-right:1px solid #ccc;
    border-left:1px solid #ccc;
    border-bottom:1px solid #ccc;
    margin:0!important;
    background-image:url(../../image/white_wall.png);
}

.taxe img {
    max-width:100%;
}

/*FIN PAGE ACCUEIL*/
/*DEBUT SLIDER*/
#slider {
    width:100%;
    background-color: #fff;
}

#slider img {
    width:100%;
    background-size: contain;
    -webkit-background-size: contain; /* pour anciens Chrome et Safari */
}
/*FIN SLIDER*/

#calendar {
    width: 100%;
    margin: 0;
}

#calendar h2 {
    font-size:17px!important;
    font-family: 'Oswald', sans-serif;
}

/*AHAH*/
.dm_bloc, .dm_bloc_rapide {
    display:block;
    width:90%;
    font-size:14px;
    border:1px solid #d8d8d8;
    opacity:0.9;
    font-family: 'Oswald', sans-serif;
    padding:2%;
    margin:auto;
}

.dm_bloc{
    text-align:center;
}
.dm_bloc_rapide {
    text-align:left;
}

.dm_bloc:hover {
    opacity:1;
    color:#f2f2f2;
}
#gris {
    background:#dd1576;
    background-image:-moz-linear-gradient( #ccc, #9d9d9d);
    background-image:-webkit-linear-gradient( #ccc, #9d9d9d);
    background-image:-o-linear-gradient( #ccc, #9d9d9d);
    background-image:linear-gradient( #ccc, #9d9d9d);
    filter:progid:DXImageTransform.Microsoft.gradient(
        startColorstr='#ccc',endColorstr='#9d9d9d', 
        GradientType=0);
    color:#000;
}

#rose {
    background:#dd1576;
    background-image:-moz-linear-gradient( #dd1576, #f2639b);
    background-image:-webkit-linear-gradient( #dd1576, #f2639b);
    background-image:-o-linear-gradient( #dd1576, #f2639b);
    background-image:linear-gradient( #dd1576, #f2639b);
    filter:progid:DXImageTransform.Microsoft.gradient(
        startColorstr='#dd1576',endColorstr='#f2639b', 
        GradientType=0);
    color:#fff;
}

#bleuvert {
    background:#546E7A;
    background-image:-moz-linear-gradient( #546E7A, #668594);
    background-image:-webkit-linear-gradient( #546E7A, #668594);
    background-image:-o-linear-gradient( #546E7A, #668594);
    background-image:linear-gradient( #546E7A, #668594);
    filter:progid:DXImageTransform.Microsoft.gradient(
            startColorstr='#546E7A',endColorstr='#668594',
            GradientType=0);
    color:#fff;
}

#violet {
    background:#92278F;
    background-image:-moz-linear-gradient( #92278F, #c761c4);
    background-image:-webkit-linear-gradient( #92278F, #c761c4);
    background-image:-o-linear-gradient( #92278F, #c761c4);
    background-image:linear-gradient( #92278F, #c761c4);
    filter:progid:DXImageTransform.Microsoft.gradient(
        startColorstr='#92278F',endColorstr='#c761c4', 
        GradientType=0);
    color:#fff;
}

#blanc {
    background:#fff;
    background-image:-moz-linear-gradient( #F1EDED, #fff);
    background-image:-webkit-linear-gradient( #F1EDED, #fff);
    background-image:-o-linear-gradient( #F1EDED, #fff);
    background-image:linear-gradient( #F1EDED, #fff);
    filter:progid:DXImageTransform.Microsoft.gradient(
        startColorstr='#F1EDED',endColorstr='#fff', 
        GradientType=0);
    color:#000;
}

#bleu {
    background:#096cad;
    background-image:-moz-linear-gradient( #096cad, #678bb7);
    background-image:-webkit-linear-gradient( #096cad, #678bb7);
    background-image:-o-linear-gradient( #096cad, #678bb7);
    background-image:linear-gradient( #096cad, #678bb7);
    filter:progid:DXImageTransform.Microsoft.gradient(
        startColorstr='#096cad',endColorstr='#678bb7', 
        GradientType=0);
    color:#fff;
}

#jaune{
    background:#ffbb1b;
    background-image:-moz-linear-gradient( #ffbb1b, #ffcf45);
    background-image:-webkit-linear-gradient( #ffbb1b, #ffcf45);
    background-image:-o-linear-gradient( #ffbb1b, #ffcf45);
    background-image:linear-gradient( #ffbb1b, #ffcf45);
    filter:progid:DXImageTransform.Microsoft.gradient(
        startColorstr='#ffbb1b',endColorstr='#ffcf45', 
        GradientType=0);
    color:#222;
}

#vert{
    background:#99c20d;
    background-image:-moz-linear-gradient( #99c20d, #b4cf55);
    background-image:-webkit-linear-gradient( #99c20d, #b4cf55);
    background-image:-o-linear-gradient( #99c20d, #b4cf55);
    background-image:linear-gradient( #99c20d, #b4cf55);
    filter:progid:DXImageTransform.Microsoft.gradient(
        startColorstr='#99c20d',endColorstr='#b4cf55', 
        GradientType=0);
    color:#222;
}

#noir {
    background:#222;
    color:#fff;
}

/*INFOBULLE FORMATION*/
/*Les infobulles*/
a.info {
    position: relative;
    text-decoration: none;
}
a.info span {
    display: none; /* On masque l'infobulle. */
}
a.info:hover {
    background: none; /* Correction d'un bug d'Internet Explorer. */
    z-index: 500; /* On définit une valeur pour l'ordre d'affichage. */
}
a.info:hover span {
    display: inline; /* On affiche l'infobulle. */
    position: absolute;
    white-space: nowrap; /* On change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non désiré. */
    top: 0px; /* On positionne notre infobulle. */
    left: 100px;
    background: white;
    padding: 3px;
    border: 1px solid #888;
    border-radius:5px;
}

/*TITRE DES ZOOM*/
.titrezoom {
    display:block;
    font-family: 'Oswald', sans-serif;
    color:#000;
    font-size:15px;
    width:100%;
    text-align:right;
    border-bottom:1px solid #ccc;
    color:#104b72;
}

.datezoom {
    display:block;
    width:100%;
    text-align:right;
    font-size:11px;
}

.titre2, .titre3, .titre4, .titre5 {
    color:#333;
    font-family: 'Oswald', sans-serif;
    display:block;
    font-size:20px;
    padding:1%;
    width:98%;
    text-align:center;
    background:#ccc; 
}

#footer {
    background:#c1c1c1;
}

.bouton-contact {
    margin:auto;
    display:block;
}

.test, .test .row, .test .row .col-md-3{
    background-color:initial;
    background:initial;
    border:initial;
    margin:initial;
    background-image:initial;
}

blockquote {
    font: 13px normal helvetica, sans-serif!important;
    margin-top: 10px!important;
    margin-bottom: 10px!important;
    margin-left: 50px!important;
    padding-left: 15px!important;
    border-left: 3px solid #ccc!important;
    background:#fff;
}

h1 {
    font-size:22px!important;
}

h2 {
    font-size:20px!important;
}

h3 {
    font-size:18px!important;
}

h4 {
    font-size:16px!important;
}

h5 {
    font-size:14px!important;
}

.zoomImg div img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.zoomImg div:hover img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}