/*
Theme Name: Ferrari
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: Bridge Theme
Tags: creative, portfolio, multi-purpose, clean, retina, responsive, parallax, mega menu, blog, agency, business, fullscreen, modern, background video, ajax
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Version: 10.1.1
License: GNU General Public License
License URI: licence/GPL.txt

CSS changes can be made in files in the /css/ folder. This is a placeholder file required by WordPress, so do not delete it.

*/

/*General*/

.titre_page {
padding-left:21px;
background-image: url("http://lucferrari.com/wp-content/themes/ferrari/img/triangle.png");
background-repeat: no-repeat;
background-position: 0px 5px; 
}

.content, .content .container, .full_width {
background-color: #fff !important;
}

.justif p {
text-align: justify;
}

.footer_bottom_holder {
    background-color: #000 !important;
}

/* Logo */

@media only screen and (min-width: 800px) and (max-width: 2920px) {
.q_logo {
top: 180% !important;
}
}


.q_logo a {
height: 100px !important;
}

/*Menu*/

.side_menu_button > a.search_button {
top: -2px;
vertical-align: top !important;
}

/*Afficher selecteur de langue smartphone*/
@media only screen and (min-width: 200px) and (max-width: 1024px) {
.header_bottom_right_widget_holder {
display: table-cell !important;
vertical-align: top !important;
padding:0px !important;
}
.side_menu_button {
display: table-cell !important;
vertical-align: top !important;
padding-top: 11px !important;
}
.q_logo img {
margin-top: 16px !important;
margin-bottom: 10px !important;
}
}

.mobile_menu_button {
height: 45px !important;
}
/*Fin afficher selecteur de langue smartphone*/

@media only screen and (min-width: 1200px) and (max-width: 2920px) {
nav.main_menu {
position: relative !important;
width: 1100px;
margin: 0 auto;
left: -18px !important;
}
}

@media only screen and (min-width: 800px) and (max-width: 1199px) {
nav.main_menu {
position: relative !important;
width: 1100px;
margin: 0 auto;
left: 0px !important;
}
}


.zone-menu {
border-bottom: 14px solid #000;
}

nav.main_menu > ul {
left: 0 !important;
}

.drop_down .second .inner > ul, li.narrow .second .inner ul {
background-color: #fff !important;
}

.drop_down .second .inner {
border: 1px solid #000 !important;
}

.drop_down .narrow .second .inner ul li a {
border-bottom: 1px solid #000;
}

nav.main_menu > ul > li.active > a {
color: #ff0000 !important;
}

nav.main_menu > ul > li:not(:first-child)::before {
    font-size: 18px !important;
    font-weight: 600 !important;
}

/*Liste analyses*/

.atelier {
color:#ff0000;
}

.atelier a{
color:#ff0000;
}

.atelier a:hover{
color:#000;
}

.icon-sound {
margin-right:16px;
}

.blank {
margin-right:16px;
}

.icon-sound-tab {
margin-right:80px;
}

.blank-tab {
margin-right:80px;
}

.menu-partitions a{
color:#ff0000;
font-size:14px;
font-weight: 800;
text-transform:uppercase;
}

.menu-partitions a:hover{
color:#000;
}

.souligne a {
text-decoration:underline;
}

.livret a {
color:#ff0000;
text-decoration:none;
}

.livret a:hover {
color:#000;
text-decoration:none;
}

.entretiens p {
color:#ff0000;
font-size:14px;
font-weight: 800;
text-transform:uppercase;
}

.rouge {
color:#ff0000;
font-size:14px;
font-weight: 600;
}

.big-separator {
border-bottom: 14px solid #000;
}

iframe {
margin-top: 10px !important;
}

/*FORM*/

input.wpcf7-form-control.wpcf7-date, input.wpcf7-form-control.wpcf7-number, input.wpcf7-form-control.wpcf7-quiz, input.wpcf7-form-control.wpcf7-text, select.wpcf7-form-control.wpcf7-select, textarea.wpcf7-form-control.wpcf7-textarea {
color: #fff !important;
background-color: #000 !important;
}


/* Audio Player 100% */
.player100 .the_wrapper {
width: 98% !important;
}
.player100 .audio1_html5 {
width: 98% !important;
}

/* Audio Player 80% */
.player80 .the_wrapper {
width: 80% !important;
}
.player80 .audio1_html5 {
width: 80% !important;
}

/* Audio Player General */
.player100, .the_wrapper, .audio1_html5 {
width: 98% !important;
}
.audio1_html5.whiteControllers .AudioBuffer {
width: 98% !important;
}

.blog_holder article {
margin-bottom: 0px !important;
}

.blog_holder, .blog_large_image {
margin-top: 50px !important;
}