/*
Theme Name:     ionMag Child theme
Description:    Child theme - made by tagDiv
Author:         tagDiv
Template:       ionMag                             
Version:        1.1.2c
*/


/*  ----------------------------------------------------------------------------
    This file will load automatically when the child theme is active. You can use it
    for custom CSS.
*/

.td-module-image, .border {
    border: solid 1px #ebebeb;
}

.color .td-module-image {
    margin-bottom:0;
}

.post .color .td-module-image {
    margin-bottom: 15px;
}

.td-post-content .color  img {
    margin-bottom: 0;
}

.clearfix{
    clear: both;
}

.center{
    text-align: center;
}

#colorBody .color{
    display: none;
}

.colorChoice button, .colorChoice button.active, #colorChoice button, #colorChoice button.active {
    display: inline-block;
    opacity: 0.8;
    border: solid 1px #999;
    background: white;
    border-radius: 5px;
    color: #333;
    margin: 0 3px;
}

#colorBody .color.active, #colorBody .colorChoice .color{
    display: block;
}

#colorChoice{
    text-align: right;
}

.colorChoice button:hover, .colorChoice button.active, #colorChoice button:hover, #colorChoice button.active {
    opacity: 1;
    display: inline-block;
    background: #42bdcd;
    color: white;
}

#colorBody .colorChoice .color {
    display: inline-block;
    margin: 0;
    padding: 0;
    border: none;
    background: none;
    color: #333;
}

#colorBody .plus ul, #colorBody .moins ul{
    list-style: none;
}

#colorBody .colorChoice .active, #colorBody .colorChoice .color:hover {
    text-decoration:underline;
}

.colorChoice{
    min-width:200px;
}

.bandeau{
    background: red;
    padding:10px;
    border-bottom: solid 1px #ebebeb;
    position: fixed;
    z-index: 9999;
    width: 100%;
}

.bandeau a {
    color: white;
    font-size: 17px;
}

.resume .td-pb-span6, .resume .td-pb-span12{
    padding:0;
}

@media (max-width: 767px) {
    #colorBody .td-pb-span3 {
        display:none;
    }
}

.partage_rs {
    /*position: fixed;
    right: 0;
    top: 40%;
    z-index: 999;*/
    float:right;
}

.partage_rs ul{
    list-style: none;
}

.partage_rs li {
    display:inline-block;
    margin-left:0;
}

.partage_rs li a {
    color: white;
    font-size: 23px;
    text-align: center;
    display: block;
    padding: 4px 1px;
    opacity: 0.8;
    height: 30px;
    width: 30px;
}

.partage_rs li a:hover {
    opacity: 1;
}

.partage_rs li.facebook a{
    background:#3b5998;
}

.partage_rs li.mail a{
    background:#726c6c;
}

.partage_rs li.twitter a{
    background:#00aced;
}

.partage_rs li.google a{
    background:#dd4b39;
}

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

.alink{
    padding:5px 0;
    margin:5px 0;
    display: block;
}

.buttonLink {
    /*background: #ffcc66;*/
    background: #f8ea18;
    color: black;
    display: block;
    text-align: center;
    padding: 5px;
    width: 80%;
    margin: 30px auto;
    border-radius: 5px;
    border: solid 1px;
}

.buttonlink button, .buttonlink2 button  {
    margin-bottom: 15px;
    float: right;
    background: #f8ea18;
    color: #333;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 15px;
}

.buttonlink button:hover, .buttonlink2 button:hover {
    color: #000;
}

.plus li::before, .moins li::before {
    content: "+";
    color: green;
    font-weight: bold;
    font-size: 30px;
    display: inline-block;
    vertical-align: middle;
    padding: 0 6px;
    margin: -3px 0 0;
}

.moins li::before{
    content: "-";
    color:red;
}

.plus-table li::before, .moins-table li::before {
    content: "";
    padding: 0;
    margin: 0;
}

.plus-table li, .moins-table li {
    margin: 0;
    font-size: 14px;
    list-style: disc inside;
}

#colorBody ul.tech li::before{
    content:"- ";
}

.resume h2, .resume h3, #colorBody h2, #colorBody h3{
    padding:10px 0;
}

.td-page-content h2{
    font-size:20px;
}

.td-page-content h3{
    font-size:17px;
}
table td {
    vertical-align: top;
}

#commentform .bwp-recaptcha{
    position: relative;
}

#commentform .form-submit{
    margin-top: 230px;
}

.td-header-wrap .td_social_type, .network li {
    width: auto;
    display: inline-block;
}

.td-header-wrap .td-social-list, .network {
    float: right;
}

.td-header-wrap .td_social_type .td-sp {
    margin-right: 10px;
}

.network li a:hover {
    color: #333333;
}

.widget.partenaire {
    background: #42bdcd;
    border-radius: 15px;
    padding: 15px;
    border: solid 2px black;
}

.partenaire .block-title span, .partenaire a{
    color: white;
}

.partenaire a{
    font-size: 17px;
    display: block;
}

.partenaire img {
    max-width: 40%;
    /* margin: auto;*/
    display: block;
}

.partenaire a b{
    font-size: 22px;
}

.partenaire a:hover{
    color: black;
}