/*=====================================*/
/*=== Style guide modulaire============*/
/*=====================================*/

.guide-style .item-page .forguide_clear {
    clear:both;
}
.guide-style .item-page h1{
    padding-bottom: 0;
}
.color1 h1, .color1 h2, .color1 p.menu:before, .color1 p.menu a:hover , .color1 h4, .color1 li:before{
    color:#d7181e;
}
.color2 h1, .color2 h2, .guide-style.color2 .item-page h3{
    color:#ff561d;
}
.color2 .photo_float p{
    background-color: #fbb994;
}
.color3 h2,.color3 h4{
    color:#b58b25;
}
.color3 h1,  .color3 p.menu:before, .color3 p.menu a:hover , .color3 li h4,.color3 li:before{
    color:#e6a811;
}
.color5 h2,.color5 h4, .color5 h5{
    color:#06b07d;
}
.color5 h1,  .color5 p.menu:before, .color5 p.menu a:hover , .color5 li h4,.color5 li:before{
    color:#06b07d;
}
.color7 .h3, .color7 h2, .color7 p.menu:before, .color7 p.menu a:hover , .color7 h4, .color7 li:before{
    color:#1567b7;
}
.color1 p.menu{
    border-bottom: 1px solid #d7181e;
}
.color3 p.menu{
    border-bottom: 1px solid #e6a811;
}
.color5 p.menu{
    border-bottom: 1px solid #06b07d;
}
.color1 .legende {
    background-color:#d7181e;
    color:#fff;
}
.color3 .legende {
    background-color:#b58b25;
    color:#fff;
}
.color5 .legende {
    background-color:#06b07d;
    color:#fff;
    text-align:center;
}
/*.color1.gd1 h1:before {
    content:"Guide modulaire 1 :";
    display:block;
    color:#6c232f;
}
.color3.gd3 h1:before {
    content:"Guide modulaire 3 :";
    display:block;
    color:#b58b25;
}
.color5.gd5 h1:before {
    content:"Guide modulaire 5 :";
    display:block;
    color:#06b07d;
}
.color7.gd7 h1:before {
    content:"Guide modulaire 7 :";
    display:block;
    color:#1567b7;
}*/
.guide-style.color7 .item-page h3{
    color:#1567b7;
}
.color8 td.legende {
    background-color:#d5cbe4;
    color:#000;
}
/*.color8.gd8 h1:before {
    content:"Guide 8 :";
    display:block;
    color:#56319a;
    margin-bottom: 8px;
}*/
.guide-style.color8 .item-page h3{
    color:#56319a;
}
.guide-style.color8.glossaire .item-page h3{
    margin-bottom:2px;
}
.guide-style.color8 .item-page li{
    list-style: none;
    padding-left: 15px;
}
.guide-style.color8 .item-page li:before{
    content: "\f0c8";
    font-family: FontAwesome;
    font-size:1.125rem;
    margin-right:15px;
    color:#56319a;
}


.guide-style .item-page h1 {
    font-size:1.5rem;
    margin-bottom: 20px;
    border-bottom: 2px solid;/*float:left;*/
}
.guide-style .item-page h2 {
    font-size:1rem;
    margin-bottom: 10px;
}
.guide-style .item-page h3{
    color:#fff;
    margin: 30px 0 12px;
}
.guide-style .item-page h4{
    margin: 20px 0 10px;
}
.guide-style .item-page .image_float br {
    display: inline;
}

/*=====================================*/
/*=== Style guide de recommandations============*/
/*=====================================*/
/*.color1.gr1 h1:before {
    content:"Guide de recommandations 1 :";
    display:block;
    color:#6c232f;
    margin-bottom: 8px;
}*/

/* les tables : pour les menus internes : photo à gauche et liens à droite, class=tabtexte 
pour les images avec légendes en dessous : table g image_float ou g image_nofloat w300, w400 et w600, un td class g_image et un td class legende (en dessous, 2 lignes tr)*/
/*<table class="g image_float w300">
<tbody>
<tr>
<td class="g_image"><img src="images/guides/guide1/art413-toxocara-cati-adultes.jpg" alt="art413 toxocara cati adultes" width="300" height="287" /></td>
</tr>
<tr>
<td class="legende">Ascarides adultes dans l’intestin grêle<br />d’un chat</td>
</tr>
</tbody>
</table>
<div class="clear">&nbsp;</div>*/

/*nouvelles images simple*/
/*une div images_content centrée contient des tableaux, des div, des images qui sont inline-block*/
div.images_content{
    text-align: center;
}
div.images_content div, div.images_content table, div.images_content>img{
    display:inline-block;
}
div.images_content table{
    max-width:400px;
}

/*images guides*/

.guide-style .item-page table {
    border-collapse: collapse;
}
.guide-style .item-page table.g.image_float td,.guide-style .item-page table.g.image_nofloat td{
    padding:0;
}
.guide-style .item-page table.g.image_float td.legende,.guide-style .item-page table.g.image_nofloat td.legende{
    padding:0 5px;
}
.guide-style .item-page table.g td.g_image{
    line-height: 0px;
}
.guide-style .item-page td.legende {
    height: 60px;
    font-size:0.875rem;
    vertical-align: middle;
}
.guide-style .item-page table.w400{
    max-width:400px;
    margin: 0 auto  20px;
}
.guide-style .item-page table.w600{
    max-width:600px;
    margin: 0 auto  20px;
}
.guide-style .item-page .image_nofloat{
    float: none;
}
.guide-style .item-page .tabtexte img{
    width:auto;
}
.guide-style .item-page .tabtexte h4 {
    margin:0;
    padding: 0 0 12px 20px;
}
.guide-style .item-page .tabtexte p {
    text-align: left;
}

.guide-style .item-page h6 a:before{
    content: "\f0a4";
    font-family: FontAwesome;
    font-size:1.125rem;
    font-style: normal;
    margin-right: 6px;
}
.important:before {
    content: "\f0fa";
    color:#999;
    font-family: FontAwesome;
    font-size:1rem;
    font-style: normal;
    margin-right: 6px;
}
.color1 .important:before {
    color:#d7181e;
}
.important {
    font-size:0.875rem;
    font-weight: bold;
}
.color7 .important:before {
    color:#1567b7;
}

/*menu gauche NAC guide 7*/
.G7-menu-image{
    cursor: pointer;
}
.G7-menu-image:hover{
    text-decoration:underline;
}

.G7-menu-image img{
    vertical-align: middle;
}
.G7-menu-image .image-title{
    padding-left: 20px;
    font-size:1.125rem;
}
.accordeon .nav-child{
    display:none;
}
.accordeon .active .nav-child{
    display:block;
}

/*flèche menu interne*/
.guide-style .item-page p.menu {
    margin-top: 10px;
}
.guide-style .item-page p.menu:before{
    content: "▢";
    font-size:1.125rem;
    font-style: normal;
    margin-right: 6px;
    display: block;
    position: absolute;
}
.guide-style .item-page p.menu a {
    font-size:1rem;
    color: black;
    margin-left: 20px;
    display: block;
    text-align:left;
}


/*habillage élément de liste*/
.guide-style .item-page li{
    list-style: none;
    position: relative;
}
.guide-style .item-page li:before{
    content: "➔";
    font-size:0.75rem;
    font-style: normal;
    margin-right: 6px;
    position: absolute;
    left: -18px;
    top:1px;
}
.guide-style .item-page li li:before{
    content: "●";
}