/*
Theme Name: Divi Child 02
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Tags: responsive-layout,one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,custom-background,custom-colors,featured-images,full-width-template,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready
Version: 3.0.59.1499099117
Updated: 2017-07-03 18:25:17

*/


/*  
	Site "Shift"  When a Popup Is Triggered https://docs.wppopupmaker.com/article/314-why-does-my-site-shift-jump-or-skip-when-a-popup-is-triggered   */


/*   to fix Safari automatic style on this et_pb_section class  */
.et_pb_section {height: auto !important;}

#voixheader  {font-size: 28px; font-weight: 700;display: inline;}


.rechecher_box_h {
  transition: background-color ease-in .5s; /* tweak to your liking */
}


/*********************************
change logo for fixed header (quick and easy way)
**********************************/
.et-fixed-header #logo {
content: url(https://piramedia.hemisphere.ch/wp-content/uploads/2018/12/logotype250-white.png);
}




	/*Menu Centré  --  Logo à gauche */
/*
	
#et-top-navigation {
float: none;     
margin: auto;
    text-align: CENTER;
    padding-left:0 !important ;
}

nav#top-menu-nav, #top-menu, nav.fullwidth-menu-nav, .fullwidth-menu {
     float: none; }
	
.logo_container {margin-left: 5px;}
*/





/*MENU*/
#top-menu li a {
 color: #333 !important; 
}
#top-menu li a:hover,
#top-menu li li a:hover {
color:#b92c34 !important;
opacity:1 !important;
}

#top-menu li a._mPS2id-h.mPS2id-highlight-first {
	/*color:#b92c34 !important;*/
	color:#ffffff !important;
}


#top-menu li.current-menu-item > a {
/* color:#b92c34 !important; */
}


.darkred {
	color:#b92c34;
}

.slidetext {
	text-shadow: none;
	font-weight: 200;
	}

@media (min-width: 981px) {
	.et_fullwidth_nav #main-header .container {
	 padding-left: 0; 
	}
}

.header-content .h4 {
    font-size: 26px;
}

 #home .et_pb_slider {   box-shadow: 0px 12px 18px -6px rgba(0,0,0,0.3);  }

.txt-rechercher, .txt-rechercher p{color:white; font-weight: 800; margin-bottom:25px;}
.rechecher_box_h  {min-height: 188px}
 .rechecher_box_h  .et_pb_module_header a{    text-transform: uppercase;}
.bouton-rechercher{ border:none; background-color:#d6d6d6; width:210px; text-align: center; float: right;}
.bouton-rechercher .pum-trigger {font-size: 14px; color:#3d3d3c; padding:2px;} 


.pum-theme-28844 .pum-content+.pum-close, .pum-theme-lightbox .pum-content+.pum-close {
   
    left: auto;
    right: 10px !important;
    bottom: auto;
    top: 10px !important;
    padding: 0px 0px 0px 0px;
    color: #ffffff;
    font-family: inherit;
    font-size: 14px !important;    
    font-weight: bolder !important;
   
	
	border:none !important;
	height: 22px !important;
    width: 22px !important;

}


/*    HOME Tabs  */
#about-tabs ul {margin: auto;  max-width: 335px;  background: none;}

#about-tabs ul a:hover,  #onglet-list  ul a:hover {color:#b92c34;}

.et_pb_tab {
    padding: 24px 0px !important;
}


#onglet-list   { 
	   			top: 5px;
	   			position: relative;
	   			text-align: center;
	   			}
	   			
#onglet-list ul   { 
/*
	max-width: 530px;
    margin: auto; 
*/ 
	 background: none;
/*     max-width: 305px; */
    margin: auto;
    border: none;
    }
 
#onglet-list ul:after  , #about-tabs  ul:after {  border:none;}  
    
#onglet-list  .et_pb_tabs_controls li {
    display: inline-block;
    float: none;     
    margin: auto;
}

#onglet-list .et_pb_section {
    padding: 25px 0;
}

.et_pb_tab_active  a {color:#b92c34 !important;}

.et_pb_tabs_0.et_pb_tabs .et_pb_tabs_controls li, .et_pb_tabs_0.et_pb_tabs .et_pb_tabs_controls li a {

    letter-spacing: 7px;
}


.reference   {margin-top:20px;}
/* Pop-Up  Home page  */

.pum-content .et_pb_section { padding: 4px 0 ;   background-color: white !important; }
.pum-content   .et_pb_row  { width: 100%;  }

/*
.pum-content  .poplogo  { float :left;   position: relative;
    top: -67px;
    left: -40px;  }

.pum-content   .poptitle {    font-size: 32px;
    margin-bottom: 74px;}

.pum-content  .popcol1  {float:left;    display: block;
    max-width: 390px;    text-align: justify;}
.pum-content  .popcol2 {float:right;     margin-right: 20px;}

.demander-devis{   
	border: none;
    background-color: #b92c34;
    
    color: white;
    padding: 6px;
    font-size: 15px;
    margin-top: 40px;
    margin-bottom: 20px;
    margin-left: 25px;
     }
     
*/

#cherchez_vous .et_pb_with_border {
-webkit-border-top-left-radius: 30px;
-webkit-border-top-right-radius: 30px;
-moz-border-radius-topleft: 30px;
-moz-border-radius-topright: 30px;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
}


/*   POP CONTENT   simplified version  ....  */  
.pum-container  {
	max-width: 86%;
    top: 166px;
   left: 24px; 
	
}

.pum-content .poplogo {
 
   display: none;
}

.popmake-content .et_pb_row {
    padding: 2px 0;
    margin-top: 30px;
    margin-bottom: 20px;
}

.pum-content .poptitle {
     font-size: 28px;
    margin-bottom: 14px;
    font-weight: bolder;
    clear: both;
    background-position: top left;
    background-image: url(https://piramedia.hemisphere.ch/wp-content/uploads/2018/09/logotype-250.png);
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 125px;
    padding-top: 30px;
    height: 125px;

}


.pum-content .popcol1 {
    /* float: left; */
    display: block;
    max-width: 100%;
    text-align: justify;
    padding-left: 22px;
    padding-right: 22px;
}

.demander-devis {
    border: none;
    background-color: #b92c34;
    width: 269px;
     text-align: center; 
    color: white;
    padding: 6px;
    font-size: 15px;
    margin: auto;
    margin-top: 40px;
    margin-bottom: 40px;
    
}



.demander-devis:hover { cursor: pointer; background: rgb(205, 21, 23)}
#modules-formation {    margin-bottom: 40px;   }
#modules-formation ,#modules-formation p  {    font-size: 14px;
           padding-left: 15px;
		   padding-right: 15px;
		   text-align: JUSTIFY;
       }

/*

.pum-title {   
	
	    text-align: center !important;
    background-size: contain !important;
    background-position: top left !important;
    background-image: url(https://piramedia.hemisphere.ch/wp-content/uploads/2018/09/logotype-250.png) !important;
    line-height: 160px !important;
    background-repeat: no-repeat !important;
}
*/


#pira_services {
    margin-left: 3% !important;
    margin-top: 8px !important; 
    max-width: 100% !important;
}


#demande_devis_form .et_pb_row.et_pb_row_19,  #demande_renseignement_form  .et_pb_row.et_pb_row_20   {width: 100%; }

#coord  {    
	position: relative;
    top: 93px;
    height: 144px;
    }


@media (max-width: 1280px)  {
	
		.pum-container {
		   max-height: 555px;
		   max-width: 664px;
		}
		

		.pum-content .popcol1 {
		    float: none; 
		    display: block;
		    max-width: 100%;    
		    text-align: justify;
		}
		
/*
		.pum-content.popcol2 {
		 float: none; 
		     margin-right: 0px; 
		    display: block;
		    max-width: 280px;
		    margin: auto;
		}
*/


}

@media (min-width: 1024px)  {
	
	.pum-container.pum-responsive.pum-responsive-medium {
    margin-left: -38%;
    width: 75%;
}
	
		.et_pb_row_26 {
    width: 100% !important;
}
	

	
		.pum-content .poptitle {
     font-size: 22px;
    margin-bottom: 14px;
   
    padding-left: 125px;
    padding-top: 30px;
    height: 125px;

}
		

		.pum-content .popcol1 {
		    float: none; 
		    display: block;

		}

		
#about-tabs ul {
/*     margin-left: 8%;  */
}

}



@media (max-width: 1024px)  {
#voixheader {
    font-size: 25px;
}
	

}


@media (max-width: 980px)   {
	
 #logo {
    max-height:  100%;
}

h1 {
    font-size: 20px !important;
}
h3 {
    font-size: 18px !important;
}

.whiteback{
	background-color: #ffffff94;
}

#about-tabs ul {
    margin-left: 32%;
        margin-top: -78px;
}

ul#pira_services {
     margin-left: 3%!important;   
      margin-top: 8px!important; 
}

.et_pb_tabs_controls li a {
    display: table-cell;
    padding: 4px 10px 4px;
}
.et_pb_tabs_0.et_pb_tabs .et_pb_tabs_controls li, .et_pb_tabs_0.et_pb_tabs .et_pb_tabs_controls li a {

    font-size: 18px;
	    letter-spacing: 30px;
}


#on_en_parle img {
	width: 35%;
/*

    max-width: 35%;
    margin-bottom: 24px;

*/
}

/* New - FB - IN  icons  position & layout*/

.et_pb_gutters2 .et_pb_column_1_3, .et_pb_gutters2.et_pb_row .et_pb_column_1_3 {
    width: 31.333%;

}


.et_pb_column_20  .et_pb_image .et_pb_image_wrap {
 /*    display: inline-block;
    position: relative;
    max-width: 40%; */
    text-align: left;
     

    
}

.et_pb_column_21  .et_pb_image .et_pb_image_wrap {
  
    text-align: center;
 
}

.et_pb_column_22  .et_pb_image .et_pb_image_wrap {
 
    text-align: right;
    
}


/* Contactez-nous layout*/
.et_pb_section_18 {
    margin-top: 19px !important;
}


.et_pb_section_19 {
    margin-top: 56px !important;
}


}

@media (max-width: 767px) {
	
	
	
.slidetext {
font-weight: 700;
}	

.et_pb_fullwidth_header_container {width: 85%;}	
#voixheader  {font-size: 16px; font-weight: 800;display: inline;}

#voixheader .darkred {
position: relative;
top: -8px;
display: block;
}

#about .darkred {
line-height: 40px;
	}
	

	
.et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content {
width: 100%;    
}
h1 {
    font-size: 18px !important;
}

#cherchez_vous .et_pb_module_header a {  font-size: 15px !important; } 


.et_pb_fullwidth_header {
	
	padding:  10px 0; 
	
	}
	
.et_pb_fullwidth_header_2 {
    margin-bottom: 1px;
}
	
.et_pb_section {
   padding:  0; 
}

.et_pb_tabs_controls li {
    display: inline-block !important;
    float: none;
    border: none;
/*
    border-bottom: 1px solid #d9d9d9;
    letter-spacing: 7px !important;
*/
}

.et_pb_column_15 {margin-bottom: 0px;}


/*   que recherchez vous top & bottom*/ 
.et_pb_row_15.et_pb_row {
padding-top: 40px;
padding-bottom: 0px;
}



.pum-container  {
	max-width: 86%;
    top: 166px;
    left: 24px;
	
}

.pum-content .poplogo {
 
   display: none;
}


.pum-content .popcol1 {
/*
		    float: none; 
		    padding-left: 18px;
		     margin-right: 5px;
*/
		     max-width: 100%; 
		     font-size: 14px;
		}


#modules-formation, #modules-formation p {

    margin-left: 8px;
     margin-right: 5px;
}

.pum-content .poptitle {
  font-size: 14px;
padding-left: 95px;
padding-top: 20px;
height: 95px;
font-weight: 800;
}

.home p  {    line-height: 20px;   }


.et_pb_row_19.et_pb_row {
    padding-top: 40px  !important;

}

#onglet-list {
top: 0; 
    position: relative;
}



#contact-section  {   /* padding-bottom: 130px; */ }

.et_pb_section_19 {
    margin-top: 62px !important;}




#devis_form {display: inline;}
#devis_form .et_pb_row_19  {width: 98%;}

#about-tabs ul {
    margin-left: 25%;
        margin-top: -79px;
}

.et_pb_tabs_controls li a {
    display: table-cell;
    padding: 4px 10px 4px;
}
.et_pb_tabs_0.et_pb_tabs .et_pb_tabs_controls li, .et_pb_tabs_0.et_pb_tabs .et_pb_tabs_controls li a {

    font-size: 16px !important;
	    letter-spacing: 4px !important;
}

#on_en_parle img     {     max-width: 35%;
    margin-bottom: 24px;	}
    
.demander-devis { margin-left: 0;     width: 100%; }
    
#onglet-list ul {
margin-left: 25px;
}

.et_pb_contact_submit{
	margin-top: 15px;
}

#pira_services li  {    line-height: 18px; padding-bottom: 10px;}

.iframe-container{
    position: relative;
    width: 99%;
    padding-bottom: 56.25%; /* Ratio 16:9 ( 100%/16*9 = 56.25% ) */
}
.iframe-container > *{
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 103%;
}

.et_pb_section_24 {

    padding-bottom: 25px !important;

}

    
}

@media (max-width: 479px) {
.et_pb_column {
  }


.et_pb_gutters2 .et_pb_column_1_3, .et_pb_gutters2.et_pb_row .et_pb_column_1_3 {
    width: 31.333% !important;

}

 
}




/* initiate mobile menu sooner than 980px by GQ */
 
    @media only screen and (min-width : 981px) and (max-width : 1149px) {
        #et_mobile_nav_menu {display:block; margin-bottom:10px; margin-top:5px }
        #top-menu-nav { display:none; }}