/*







Theme Name: Plongeur















Template: spacious







*/















/****************************** GENERAL *****--------------------------------------******/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);


















* {







  margin: 0;







}















html, body {







  height: 100%;







}















body {







  padding-top: inherit;







  padding-bottom: inherit;







  width:100%;







}















#main {







  min-height: 100%;







}















#main:after {







  content: "";







  display: block;







  /*height: 460px;*/







}























/*****Fonts*****/























body {







  min-height: 100%;







  position: relative;







  margin: 0;







  padding-bottom: 6rem;

font-family: 'Open Sans', sans-serif;





}















@font-face {







  font-family:'DIN condensed';







  src: url('fonts/DIN Condensed Bold.ttf');







  font-weight:normal;







}















@font-face {







  font-family:'Lato-light';







  src:url('fonts/Lato-Light.ttf');







  font-weight:normal;







}















@font-face {







  font-family:'Lato-regular';







  src:url('fonts/Lato-Regular.ttf');







  font-weight:normal;







}























/*****Fonts titres*****/































h1 {

  font-family: 'Lato-regular', sans-serif;

  font-size: 24px;

font-weight: bold;


}



h3 {


  font-family:'Lato-regular', sans-serif;
font-size: 20px;

}

h3.widget-title{
    font-family: 'Lato-regular';
font-size: 18px;}


#secondary h3.widget-title{
font-size: 18px;
font-family: 'Lato-regular';}



p {


  font-family: 'Lato-regular';







}









.menunav-menu li {







  font-family: 'DIN condensed';







}















.main-navigation ul li a {







  font-size: 28px;


text-decoration:none;




  z-index: 999;















}























.main-navigation{



 /*padding-left:300px;*/



}



































.main-navigation ul li ul a {







  text-align:center !important;







}








/**************LIEN BLOC PAGE ACCUEIL************/

.accueil {
text-decoration:none;
color:#333;
}
.accueil:hover{
text-decoration:underline;}















/****************************** HEADER *****--------------------------------------******/























#header-section {







  background: white;







  z-index: 999;











  display: block;







  height: 51px;







  width:100%;















}















/*header quand on scroll, j'ai ajouté une box shadow à l'élément header qui scrolle, pour que cette shadow s'applique seulement dans cet élément-là au scroll; le header original a une class "original" et une propriété hidden  */















div#header-section.cloned{







  box-shadow: 0px 5px 2px -2px rgba(0, 0, 0, 0.1);







  z-index: 150;







  position: absolute;







  position: fixed;







  top: 0px;







  margin-left: 0px;







  margin-top: 32px;







  left:inherit !important;







  left: 0px !important;







  padding: 0px;







  display: block;















}















.header-image{







	float:none;







	display:block;







	margin: 0 auto;







	width: 15%;







	padding-top:5%;







}



















































.main-navigation{







	float: none;







	height: 51px;







	width: 100%;







	margin: 0 auto;







  text-align:center;







}















.aboveall {







  z-index: 9999;







}





.main-navigation ul li ul li a,
.main-navigation ul li.current-menu-item ul li a,
.main-navigation ul li ul li.current-menu-item a,
.main-navigation ul li.current_page_ancestor ul li a,
.main-navigation ul li.current-menu-ancestor ul li a,
.main-navigation ul li.current_page_item ul li a{







  font-size:18px;
	text-align:center;







}














































/*************************RESPONSIVE MENU ****************************







--------------------------------------------------------*************/















.main-small-navigation a {







  display: block;







  color: #FFFFFF;







  padding: 10px 40px;







  text-decoration: none;







  position: relative;







  background: #3A3A3A;







  text-align: left;







}































.main-small-navigation a:hover {







  background:grey;







}















.site-header .menu-toggle {







  background: #3A3A3A;







  color: #fff;







  font-size: 20px;







  font-weight: 300;







  padding: 5px 22px;







  margin: 0;







  text-align: left;







  width: inherit;







  width: 90% !important;















}























/* Menu Accordéon */























.accordion {







  margin-bottom: 20px;







}















.accordion-title-container{







	text-align: right;







}















.accordion-title {







	display: inline-block;







  margin: 0;







  padding: 8px 0;







  cursor: pointer;







  text-align: right;







  font-size: 1em;
font-weight:bold;






  background: #e1d7d5;







  width: 300px;







}















.accordion p{







  text-align:justify;







}















.accordion-title::after{







	content: ' +';







	padding: 5px;







}















.accordion-title:hover {







	background: #e1d0d0;







}















.accordion-title:first-child {border: none;}















.accordion-title.open {cursor: default;}















.accordion-content {padding-bottom: 20px;}















/* image tiroir neurones */















#post-44 > div > p:nth-child(1) > img{







  padding-top: 37px;







}















/***************** Images Accueil ***************/















img.so-widget-image {







  margin: 0;







}















div#pgc-9-0-0.panel-grid-cell {







  padding: 0;







}







div#pgc-9-1-0.panel-grid-cell {







  padding: 0;







}







div#pgc-9-2-0.panel-grid-cell {







  padding: 0;







}























/****************************** FOOTER ***********/























.footer-socket-wrapper{







  border-top:inherit;







  background-color:inherit;







  background-color:rgba(0,0,0,0.5);







}















#colophon{







	background:inherit;







	background: url('http://ciecincleplongeur.fr/wp-content/uploads/2016/02/footervectorsansbarre.png');







	background-repeat: no-repeat;







	background-size: 100% 100%;







	/*min-height:460px;*/







	width:cover;







	width:100%;







	bottom:0px;







	margin:0 auto;







	clear:both;







}















.logo-footer{







	padding-left:35%;







	padding-top:10%;







	opacity:0.6;







}















.footer-widgets-wrapper{







  background-color:inherit;







  background-color:none;







}















#page {







  max-width: inherit;







}















.footer-socket-wrapper clearfix{







 border-top:inherit;







 border-top:none;







 background-color:inherit;







 background-color: rgba(0, 0, 0, 0.5);







}















.footer-socket-wrapper{







  border-top:inherit;







  border-top:none;







  background-color:inherit;







  background-color: rgba(0, 0, 0, 0.5);







}















.tg-one-fourth {







  display:flex;







}















#yikes_easy_mc_widget-8{















}















#text-5{















}















#text-7{















}







.main-navigation ul li ul {







  left: 0px;







}



















.main-navigation ul li ul li a,



.main-navigation ul li.current-menu-item ul li a,



.main-navigation ul li ul li.current-menu-item a,



.main-navigation ul li.current_page_ancestor ul li a,



.main-navigation ul li.current-menu-ancestor ul li a,



.main-navigation ul li.current_page_item ul li a {



 box-sizing: border-box;



}







#secondary .widget ul ul, #colophon .widget ul ul {



  padding-left: 15px;



}







#secondary h3.widget-title {



  padding-bottom: 5px;



}







#primary {







  width: 75%;



  box-sizing: border-box;



  /*padding-left: 25px;*/



}







#secondary {



  float: right;



  width: 25%;



  box-sizing: border-box;



  padding-right: 25px;



}







@media screen and (max-width: 1308px) {



  #page {



    width: 100%;



  }







  .inner-wrap {



    width: 100%;



  }



}







@media only screen and (max-width: 420px) {



  #page {



    width: 100%;



  }



  .inner-wrap {



    width: 100%;



  }



}







@media only screen and (min-width: 960px) {



  .menu-top-menu-container{



  display: table;



  max-width: 960px;



  margin: 0 auto;



}







#menu-top-menu .menu-item{


  display:block;


}



#menu-top-menu  .menu-item:first-child{



  /*display: table-cell; suppression pour que le 1er item du menu soit centré LP*/



}











#site-navigation{



  transition: opacity 1s ease;



  opacity: 1;



}







#site-navigation.fixed-nav {



    transition: opacity 1s ease;



    opacity: 0.8;



    background-color: #fff;



    border-bottom: 1px solid #ddd;



    text-align:center;



    position:fixed;



    z-index:9999;



    width: 100%;



    margin: 0 auto; left:0px; right:0px;



    float:clear;



    top: 0px;



}






}
@media only screen and (max-width: 1200px) {

#primary, #secondary{
  width: 100%;
  padding: 0 5%;
}

.header-post-title-class{
  margin-left: 5%;
}
.header-post-title-container .post-title-wrapper{
  float: none;
}

.site-header .menu-toggle{
  width: auto !important;
}

.footer-widgets-wrapper{
  padding: 0 5%;
}
.logo-footer{
  padding: 0;
}
.footer-socket-area{
  text-align: center;
}

}