/*
Theme Name: Nemesis studio
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: A child theme of Bridge Theme
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Version: 1.0.0
Template: bridge
*/
@import url("../bridge/style.css");


/***** Custom CSS *****/

body {
	color : #515151;
}

.text_captcha
{
    background-color: rgb(243, 241, 241);
    border: 1px solid lightgrey;
    height: 40px;
    padding-left: 12px;
    color: #818181;
    font-family: "Raleway";
}

/**** CSS mise en ligne ***/
.qbutton,
.qbutton.medium,
#submit_comment,
.load_more a,
.blog_load_more_button a,
.post-password-form input[type='submit'],
input.wpcf7-form-control.wpcf7-submit,
input.wpcf7-form-control.wpcf7-submit:not([disabled]),
.woocommerce table.cart td.actions input[type="submit"],
.woocommerce input#place_order,
.woocommerce-page input[type="submit"],
.header_top .header-widget
{
	color: #fff !important;
}
	
.qbutton:hover,
.qbutton.medium:hover,
#submit_comment:hover,
.load_more a:hover,
.blog_load_more_button a:hover,
.post-password-form input[type='submit']:hover,
input.wpcf7-form-control.wpcf7-submit:not([disabled]):hover,
.woocommerce table.cart td.actions input[type="submit"]:hover,
.woocommerce input#place_order:hover,
.woocommerce-page input[type="submit"]:hover
{
	background-color: #fff !important;
	color: #cb2940 !important;
}

.full_width {
	position: relative !important;
}

.title.title_size_large h1 {
	color: #fff;
}

.subtitle {
	color: #fff;
}

body,
.wrapper,
.content,
.full_width,
.more_facts_holder,
.comment_holder .comment #respond textarea,
.comment_holder .comment #respond input[type='text'],
.content .container
{
	background-color:#ffffff;
}
		
.wp-caption{
	max-width:100%;
}

/***** Lien mentions légales footer *****/

a.mentions
{
    color: #959595;
}

a.mentions:hover
{
    color: #636363;
}

/***** bug sous tous les navigateurs: pas d'affichage des nouveaux éléments dans la page "Réalisations" *****/

.projects_holder > .mix 
{
	visibility: visible;
}

a.refresh 
{
    display:inline-block;
    margin-bottom:13px;
}

/***** Icône viadéo footer *****/

.viadeo 
{
    width : 30px;
    height : 30px;
    display : block;
    float: left;
    background-image: url("img/viadeo30x30.png");
    margin-right: 24px;
}

.viadeo:hover 
{
    background-image: url("img/viadeo-red30x30.png");
}


/***** Page d'erreur 404 *****/

.img-404 
{
    float: left;
    width: 59%;
    margin-top: 70px;
    margin-right: 1%;
    margin-bottom: 50px;
}

.texte-404
{
    float: left;
    width: 39%;
    margin-top: 70px;
    margin-left: 1%;
    text-align: left;
}

.page_not_found .qbutton
{
    margin-top: 40px;
}

@media only screen and (max-width: 700px)
{
	.img-404 
	{
    		float: left;
    		width: 100%;
    		margin-top: 0px;
    		margin-right: 0px;
    		margin-bottom: 10px;
	}

	.texte-404
	{
    		float: left;
    		width: 100%;
    		margin-top: 0px;
		margin-bottom: 10px;
    		margin-left: 0px;
   		text-align: left;
	}

	.page_not_found
	{
		margin-bottom: 15px;
	}

	.page_not_found .qbutton
	{
    		margin-top: 0px;
	}

}

/***** bouton OK cookies *****/

a#cn-accept-cookie
{
	color: #FFF !important;
	font-family: "Open Sans",sans-serif !important;
	font-size: 14px !important;
	background-color: #CB2940 !important;
  	background: #CB2940 !important;
	border-radius: 2px !important;
	letter-spacing: 1px !important;
	border-width: 0px !important;
  	text-shadow: none !important;
}

a#cn-accept-cookie:hover
{
	color: #CB2940 !important;
	font-family: "Open Sans",sans-serif !important;
	font-size: 14px !important;
	background-color: #FFF !important;
  	background: #FFF !important;
	border-radius: 2px !important;
	letter-spacing: 1px !important;
	border-width: 0px !important;
  	text-shadow: none !important;
}

/***** Bouton En savoir plus cookies *****/

a#cn-more-info, a#cn-refuse-cookie
{
	color: #CB2940 !important;
	font-family: "Open Sans",sans-serif !important;
	font-size: 14px !important;
	background-color: #FFFFFF !important;
  	background: #FFFFFF !important;
	border-radius: 2px !important;
	letter-spacing: 1px !important;
	border-width: 0px !important;
  	text-shadow: none !important;
}

a#cn-more-info:hover, a#cn-refuse-cookie:hover
{
	color: #FFFFFF !important;
	font-family: "Open Sans",sans-serif !important;
	font-size: 14px !important;
	background-color: #CB2940 !important;
  	background: #CB2940 !important;
	border-radius: 2px !important;
	letter-spacing: 1px !important;
	border-width: 0px !important;
  	text-shadow: none !important;
}

/***** Page d'accueil: taille du titre sur petits écrans de pc)  *****/

@media (max-width: 1400px)
{
	.q_slide_title
	{
		font-size: 40px !important;
	}
}


/***** Page d'accueil: Cover Boxes "Nos Services" *****/

@media (max-width: 600px)
{
        .cover_boxes ul li
	{
		width: 94% !important;
		margin-left: 3% !important;
                margin-right: 3% !important;
	}

	.cover_boxes ul li.act
	{
		width: 94% !important;
		margin-left: 3% !important;
                margin-right: 3% !important;
	}
}

@media (min-width: 601px) and (max-width: 767px)
{
    .cover_boxes ul li
    {
            width: 94% !important;
            margin-left: 3% !important;
            margin-right: 3% !important;
    }

    .cover_boxes ul li.act
    {
            width: 94% !important;
            margin-left: 3% !important;
            margin-right: 3% !important;
    }
}

@media (min-width: 601px) and (max-width: 638px)
{
    .cover_boxes ul li .box_content
    {
            width: 274px !important;
    }

    .cover_boxes ul li.act .box_content
    {
            width: 274px !important;
    }
}

@media (min-width: 768px) and (max-width: 768px)
{
	.cover_boxes ul li .box .thumb
	{
		width: 48% !important;
	}

	.cover_boxes ul li .box .box_content
	{
		width: 48% !important;
	}
}

@media (min-width: 769px) and (max-width: 1024px)
{
	.cover_boxes ul li
	{
		width: 50%!important;
		margin: 0 0 20px!important;
		float: none !important;
	}

	.cover_boxes ul li.act
	{
		width: 50%!important;
		margin: 0 0 20px!important;
		float: none !important;
	}

	.cover_boxes ul li .box
	{
		width: 100% !important;
	}

	.cover_boxes ul li .box .thumb
	{
		width: 48% !important;
	}

	.cover_boxes ul li .box .box_content
	{
		position: static !important;
		left: 0px !important;
		float: right !important;
		width: 48% !important;
	}
}

@media (min-width: 1025px) and (max-width: 1200px)
{
	.cover_boxes ul li
	{
		width: 135px;
	}

	.cover_boxes ul li.act
	{
		width: 350px;
	}

	.cover_boxes ul li .box .thumb
	{
		width: 135px;
	}

	.cover_boxes ul li .box .box_content
	{
		left: 148px;
		width: 207px;
	}

	.cover_boxes ul li .box .box_content h3
	{
		font-size: 14px;
		margin: 0px 0px 2px;
	}

	.cover_boxes ul li .box .box_content p
	{
		font-size: 13px;
	}

	.cover_boxes ul li .box .box_content .qbutton
	{
		margin-top: 5px;
		line-height: 36px;
		height: 32px;
		font-size: 14px;
	}
}

@media (min-width: 1200px) and (max-width: 1500px)
{
	.cover_boxes ul li
	{
		width: 180px;
	}

	.cover_boxes ul li.act
	{
		width: 402px;
	}

	.cover_boxes ul li .box .thumb
	{
		width: 180px;
	}

	.cover_boxes ul li .box .box_content
	{
		left: 195px;
		width: 212px;
	}
}

@media (min-width: 1501px) and (max-width: 1700px)
{
	.cover_boxes ul li
	{
		width: 235px;
	}

	.cover_boxes ul li.act
	{
		width: 500px;
	}

	.cover_boxes ul li .box .thumb
	{
		width: 235px;
	}

	.cover_boxes ul li .box .box_content
	{
		left: 255px;
		width: 230px;
	}
}


/***** Toutes les pages nos services: tablette: le texte descend top bas par rapport aux images *****/

@media (min-width: 768px) and (max-width: 1280px)
{
	.responsive-service-texte
	{
		width: 70%;
	}

	.responsive-service-image
	{
		width: 100%;
		margin-top: 40px;
	}
}

/***** pareil que précédemment pour la page "notre société" *****/

@media (min-width: 768px) and (max-width: 1280px)
{
	.responsive-company-texte
	{
		width: 100%;
		padding-left: 5%;
		padding-right: 5%;
	}

	.responsive-company-image
	{
		width: 100%;
	}
}


/***** marges à gauche et à droite pour les textes sur smartphone ****/

@media (max-width: 767px)
{
	.wpb_text_column
	{
		margin-left: 3%;
		margin-right: 3%;
	}

	div.separator.small.left
	{
		margin-left: 3%;
	}
        
        a.qbutton
        {
            margin-left: 3%;
        }
}


/***** réglage du slider d'en-tête sur la page d'accueil + espace entre en-tête et image sur les détails de blog *****/

@media (max-width: 500px)
{
        /***** réglage du slider page d'accueil' *****/
    
	/*.slider_content_outer .slider_content
	{
		top:0% !important;
	}

	.slider_content_outer .slider_content .separator
	{
		margin-top: 0px !important;
		margin-bottom: 0px !important;
		display:none;
	}

	.slider_content_outer .slider_content .q_slide_title
	{
		font-size: 30px !important;
	}

	.slider_content_outer .slider_content .q_slide_text
	{
		line-height: 15px !important;
		margin-bottom: 0px;
	}
        
    /***** page détaillé d'un article de blog *****/
        
	.blog_single .post_content_holder .post_image
	{
		margin-top: 20px;
	}
}

.single-post .blog_single p {
	margin-bottom: 0px;
}

.blog_single h3, .blog_single h2 {
	margin-top: 28px;
}

.blog_single h3 {
	font-size:22px;
}


/********* Problème d'espace de chaque coté des titres sur tablette portrait *********/
@media only screen and (min-width:625px) and (max-width:784px){
	.container_inner, .boxed div.section .section_inner, div.grid_section .section_inner, .full_width .parallax_content, .steps_holder_inner, .carousel-inner .slider_content_outer, nav.content_menu ul, .container_inner nav.content_menu, .footer_top_border.in_grid, .footer_bottom_border.in_grid {
		width: 600px;
	}
}

.title_outer .image.not_responsive > img{
	display: block;
    position: relative;
    width: 100%;
	max-width: 100%;
    height: auto;
}

/***** texte hover membre team: pas d'espace à gauche et à droite *****/

.q_team_description_inner
{
	padding-left: 0px !important;
	padding-right: 0px !important;
}


/***** texte hover membre team: réduction de la font-size et line-height pour faire tenir plus de texte sur l'image' *****/

@media (min-width: 768px) and (max-width: 1000px)
{
	.q_team_description_inner p
	{
		line-height: 17px !important;
		font-size: 12px !important;
	}
}


/***** Page générique d'une réalisation sur mobile: espacement entre l'image et l'entête *****/

@media (max-width: 999px)
{
    .portfolio_single .portfolio_container .column1
    {
        margin-top: 45px !important;
    }
    
    .portfolio_single .portfolio_container .column2
    {
        margin-top: 45px !important;
    }
}


/***** Page générique d'une réalisation: couleur des flèches des sliders *****/

.portfolio_single .portfolio_container .column1 .flexslider .flex-direction-nav .flex-prev
{
        border-color: #555555;
}

.portfolio_single .portfolio_container .column1 .flexslider .flex-direction-nav .flex-prev i
{
        color: #555555;
}

.portfolio_single .portfolio_container .column1 .flexslider .flex-direction-nav .flex-next
{
        border-color: #555555;
}

.portfolio_single .portfolio_container .column1 .flexslider .flex-direction-nav .flex-next i
{
        color: #555555;
}


/***** Page de contact sur mobile: espacement entre texte de nevers et google maps paris *****/

@media (max-width: 767px)
{
    
    .contact-nevers
    {
        margin-bottom: 40px;
    }
    
}



/***** Happy New Year 2016 *****/

#modal_overlay {
	position:fixed; 
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:0.5;
	filter:alpha(opacity=50);
	z-index:1000000;
}

#modal_modal {
position:fixed; 
/*	position:absolute;*/

	background:rgba(0,0,0,0.2);
	border-radius:14px;
	padding:8px;
	z-index:1000010;
}

#modal_content {
	border-radius:14px;
	background:#fff;
	padding:8px;
}
			
#modal_content iframe{
	max-width:100%;
}

#modal_close {
	position:absolute;
	background:url(close.png) 0 0 no-repeat;
	width:24px;
	height:27px;
	display:block;
	text-indent:-9999px;
	top:-7px;
	right:-7px;
}


/***** Page OpenSource *****/

@media (min-width: 768px) and (max-width: 1100px)
{
	.q_image_with_text_over h2
	{
		font-size: 14px;
	}

	.q_image_with_text_over h2 span
	{
		font-size: 14px;
	}

	.q_image_with_text_over h2 span a
	{
		font-size: 14px;
	}
}

@media (min-width: 1101px)
{
	.q_image_with_text_over h2
	{
		font-size: 25px;
	}

	.q_image_with_text_over h2 span
	{
		font-size: 25px;
	}

	.q_image_with_text_over h2 span a
	{
		font-size: 25px;
	}
}

.q_image_with_text_over table td {
	padding: 0px 10px;
}
			
.q_image_with_text_over .desc
{
	margin: 0px;
	display: inherit !important;
}

/******* Mise en forme Tableaux *********/
.tab-article {
	display: block;
	font-family: sans-serif;
	-webkit-font-smoothing: antialiased;
	font-size: 115%;
	overflow: auto;
	width: auto;
	margin-bottom:25px;
}
.tab-article tr:nth-child(odd)>td{
	background: #F7F7F7;
}
.tab-article th {
	background-color: #CB2940;
	color: white;
	font-weight: normal;
	padding: 10px 10px;
	text-align: center;
	vertical-align: middle;
	border-right: 1px solid white;
}
.tab-article td {
	background-color: #eeeeee;
	color: #6f6f6f;
	padding: 10px 10px;
	border-right: 1px solid white;
}

.projects_holder a.qbutton.small.white:hover{
	background-color: #fff;
}

/***** Breadcrumbs sous le titre *****/
#breadcrumbs {
	color: #fff;
	font-size: 18px;
}

#breadcrumbs a {
	color: #fff;
}

#breadcrumbs a:hover {
	text-decoration: underline;
}


/***** Boutons *****/
.qbutton.center {
	white-space: normal;
	height: auto;
	line-height: normal;
	padding: 12px 23px;
}

@media (max-width: 767px) {
	a.qbutton {
		margin-right: 3%;
	}
}


/***** Menu téléphone *****/
.mobile_menu h3, .mobile_menu h3 a {
	font-family: 'Open Sans',sans-serif;
}

.header_top .header-widget a[href^=tel] {
	color: inherit;
	text-decoration: none;
}