/*--
  Theme Name: theme47929
  Theme URI: http://template-help.com/
  Description: A theme for Wordpress 3.7.x + from Template-Help.com Collection
  Author: Template_Help.com
  Author URL: http://www.Template-Help.com/
  Template: CherryFramework
  Version: 3.0
  MotoPress Version: 1.0
--*/

/* ----------------------------------------
  Please, You may put custom css here
---------------------------------------- */

.wpcf7-form textarea {
    height: auto!important;
}

body {
    color: #3B3B3B!important;
}

.title-header {
    color: #4f217b;
}

#topnav li a:before {
    background: #FFF;
}

#topnav li.current-menu-item>a, #topnav li.sfHover>a, #topnav li a:hover {
    color: #fff;
}

#topnav .menu-item a {
    font-weight: 600;
    padding: 10px 30px 28px 30px
}

#topnav li .sub-menu {
    background-color: #FFF !important;
    padding: 5px 0 5px 0;
}

#topnav li .sub-menu li a {
    padding: 5px 40px 5px 25px;
    white-space: nowrap;
    font: 12px 'Open Sans', sans-serif;
    letter-spacing: 2px;
    color: #4f217b !important;
}

.sf-menu li:hover ul, .sf-menu li.sfHover ul {
    z-index: 400;
}

#topnav li .sub-menu .menu-item {
    background-color: #FFF !important;
    color: #4f217b !important;
    margin-top: 0px;
    margin-bottom: 0px;
    border-bottom: 1px solid #ddd;
}

#topnav li .sub-menu li.current-menu-item>a, #topnav li .sub-menu li>a:hover, #topnav li .sub-menu .menu-item:hover {
    background-color: #4f217b !important;
    color: #FFF !important;
}

.slider .camera_wrap .camera_pag li.cameracurrent, .slider .camera_wrap .camera_pag li:hover {
    background: #4d267a;
}

.btn, .btn:focus, #sidebar .search-form .btn, #sidebar .search-form .btn:focus {
    background: #4f217b;
}

.btn:hover, #sidebar .search-form .btn:hover {
    background: #675877;
    /* background:#d3a9ff;*/
}

.caption__portfolio h3 a {
    color: #51207c;
}

.content_plane {
    background: #4d2679;
    color: #fff;
}

.content_plane:after, .content_plane:before {
    background: #4d2679;
}

.content_plane.whith_arr {
    background: url(images/plane_arr.png) 50% 0 no-repeat #4d2679;
    padding: 10px 0;
}

.content_plane.whith_arr h4 {
    height: 48px;
}

.content_plane.jumbotron {
    background: #fff;
    padding: 5px 0 5px;
}

.content_plane.jumbotron:after, .content_plane.jumbotron:before {
    background: #fff;
}

.jumbotron .maintitle {
    color: #4d267a;
    font-size: 30px;
    font-weight: normal;
    display: inline;
}

.jumbotron .maintitle .osl {
    font: 26px 'Open Sans', sans-serif;
    font-weight: 300;
    letter-spacing: 2px;
}

.linkdiscover b {
    font: 26px 'Open Sans', sans-serif;
}

.entry-content .title-header {
    margin-bottom: 0;
}

.entry-content h2 {
    font-size: 13px;
    margin-bottom: 0;
}

.image-post-excerpt {
    margin-bottom: 40px;
}

.entry-content h3 {
    color: #4f217b;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 16px;
    font-weight: normal;
    margin-bottom: 0;
}

.image-post-excerpt h3 {
    color: #4f217b;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 0;
}

.image-post-excerpt h4 {
    color: #4f217b;
    font-size: 15px;
    margin-bottom: 0;
    text-transform: uppercase;
    letter-spacing: 0;
}

.entry-content h4, .related-posts_h {
    color: #4f217b;
    font-size: 20px;
    letter-spacing: 0px;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: 300;
}

.entry-content hr {
    margin: 8px 0;
    border: 0;
    border-top: 1px solid #ddd;
}

.entry-content b, .entry-content strong {}

.entry-content p, .image-post-excerpt p {
    color: #59595b;
}

.entry-content ul li {
    color: #58585a;
}

.entry-content ul li p {
    margin: 0;
}

.entry-content ul li ul li {
    list-style-type: none;
}

#subtitle-header {
    font-size: 20px;
    color: #aeabab;
}

.microdesc {
    font-style: italic;
    color: #333235;
    font-size: 15px;
    font-weight: 300;
}

.related-posts_h {
    font-size: 17px;
}

.small {
    font-size: 10px;
}

.footer-logo {
    text-align: center;
}

.slider .camera_caption {
    font-size: 44px;
}

.footer .footer-text {
    font-size: 8px;
}

.footer-logo img {
    margin-top: -10px;
}

.newproduct {
    background-color: #17205e;
    color: #fff;
    font-size: 17px;
    text-align: center;
    width: 88px;
}

p {
    font-family: "Open Sans";
}

#menu-footer-menu1 li {
    list-style-type: none;
    margin-bottom: 8px;
    font-weight: bold;
    line-height: 20px;
    padding-left: 15px;
    background: url(images/list_arr.png) 0 6px no-repeat;
}

#menu-footer-menu2 li {
    list-style-type: none;
    margin-bottom: 8px;
    font-weight: bold;
    line-height: 20px;
    padding-left: 15px;
    background: url(images/list_arr.png) 0 6px no-repeat;
}

.page-template-page-fullwidth-php .title-header, .page-template-page-fullwidth-php .title-section {
    margin-bottom: 5px;
}

.page-template-page-fullwidth-php #content {
    padding-top: 10px;
}

#listegestesexperts {
    list-style-type: none;
}

#listegestesexperts li {
    margin-bottom: 20px;
}

#listegestesexperts li h4 {
    margin-bottom: 0;
    font-size: 13px;
    color: #ed84b0;
    font-weight: bold;
    letter-spacing: 0;
}

#listegestesexperts li p {
    margin-bottom: 0;
    font-size: 12px;
    color: #58585a;
}

#findourproducts {
    text-align: right;
    padding-top: 20px;
}

#findourproducts a {
    color: #50217b;
    font-size: 15px;
    text-decoration: underline
}

.linkdiscover:hover {
    color: #4f217b;
}

.linkhomeitem, .linkhomeitem:hover {
    color: #fff;
}

.linkhomeitem figure {
    float: none;
}

.content_plane.whith_arr .aligncenter {
    float: none;
}

.select-menu {
    background-color: #4f217b;
    color: #fff;
}

.select-menu option {
    background-color: #4f217b;
    color: #fff;
}

.sf-menu ul {
    z-index: 200;
}

table {
    width: 100%;
    margin: 15px auto;
}

table td {
    padding: 5px 10px;
    border: 1px solid #000;
}

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
    /* Force table to not be like tables anymore */
    #content table, thead, tbody, th, td, tr {
        display: block;
    }
    /* Hide table headers (but not display: none;, for accessibility) */
    #content thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    #content tr {
        margin: 0 0 1rem 0;
    }
    #content tr {
        background: #ccc;
    }
    #content table td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 200px !important;
        width: 100% !important;
        box-sizing: border-box;
        text-align: left !important;
    }
    #content td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 50%;
        transform: translateY(-50%);
        left: 6px;
        padding-right: 10px;
        white-space: nowrap;
    }
    /*
  Label the data
You could also use a data-* attribute and content for this. That way "bloats" the HTML, this way means you need to keep HTML and CSS in sync. Lea Verou has a clever way to handle with text-shadow.
  */
    #content td:nth-of-type(1):before {
        content: "Nom";
    }
    #content td:nth-of-type(2):before {
        content: "But";
    }
    #content td:nth-of-type(3):before {
        content: "Conservation des données";
    }
}

@media screen and (max-width: 480px) {
    #content td:before {
        width: 100px;
        white-space: inherit;
    }
    #content table td {
        padding-left: 120px !important;
        display: flex;
        align-items: center;
        min-height: 50px;
    }
    .include_form p {
        width: 100%;
    }
    .include_form select {
        width: 100%;
    }
    .include_form input {
        width: 100%;
        padding: 4px 0px;
    }
}

.include_form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

@media (max-width: 979px) and (min-width: 768px) {
    .span6 {
        width: 460px;
    }
}

.include_form .full {
    width: 100%;
}

.include_form #group2, .include_form #group1, .include_form #group3 {
    width: 100%;
}

.include_form #group3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.note{
    font-size: 13px;
    font-style: italic;
}
.include_form input[type=number]::-webkit-inner-spin-button{
    -webkit-appearance: none; 
}