/* LAYOUT SETTINGS */
@import url(//fonts.googleapis.com/css?family=Dosis:200,400);
@import url(//fonts.googleapis.com/css?family=Titillium+Web:400,400italic,700);


.diyw * { 
  padding: 0;
  margin: 0;
}

.diyw h1,.diyw h2,.diyw h3,.diyw h4{ 
  color: #f79f00;
  padding-bottom: 10px;
  font-family: 'Dosis', sans-serif;
  font-weight: 400;
 }

.diyw a{ color: #f79f00; }

.diyw #diywebWrapper, 
.diyw #diywebNavigation, 
.diyw #diywebAllContent, 
.diyw #diywebAll, 
.diyw #diywebFooter, 
.diyw .diywebFooterCenter, 
.diyw #mainNav1{
 margin: 0 auto;
}


/* Background */

html
{height: 100%;
}


body
{
  background-color: #9ac327;
  width: 100%;
  height: 100%;
}

body .diyw
{

  font-family: 'Titillium Web', sans-serif;
  color: #7d7c7b;
}



.diyw #diywebAll{
  margin-top:25px;
  width:940px; 
}


/* Top- Navigation */
.diyw #mainNav1{
  width:940px;
  background-color: #f6a412;
  font-family: 'Dosis', sans-serif;
  font-size: 20px; 
  font-weight: 200; 
}

.diyw #mainNav1 li{
  list-style: none;
  float: left;
}

.diyw #mainNav1 a{
  display: block;
  color: #fef5ef;
  text-decoration: none;
  padding: 0 20px;

  line-height: 50px;

  background-image: url('https://www.lecture-biologique.com/s/img/image05.png');
  background-repeat: repeat-y;
}

.diyw #mainNav1 a:hover{
  background-color: #ec650a;
}

.diyw #mainNav1 a.current{
  background-color: #ec650a;
}



/* Header */
.diyw #diyheaderShadow{
  height: 35px;
  background-image: url('https://www.lecture-biologique.com/s/img/image02.png');
}


/* Content */
.diyw #diywebAllContent { 
  width:940px;
  background-color: #FFF;
}

.diyw #diycontentBottom{
  height: 22px;

  background-image: url('https://www.lecture-biologique.com/s/img/image04.png');
  background-repeat: no-repeat;
  background-position: bottom;
}

.diyw #diywebSidebar {
  font-size: 0.9em;
  float: left;

  width: 250px;
}

.diyw #diywebMainContent{
  float: left;
  width: 690px;
}

.diyw #content_area{ 
  font-size: 0.9em;
  
  padding: 10px 20px;
}

.diyw #content_area p{
  margin-bottom: 25px;
}



/* Sidebar */
.diyw #mainNav2{
  margin-bottom: 30px;
  padding: 0 20px 20px 20px;
}

.diyw #mainNav2 a, .diyw #mainNav3 a {
 display: block;
 color: #7d7c7b;
 text-decoration: none;

 white-space: normal;
 word-wrap: break-word; 
}

.diyw #mainNav2 a{
  padding: 10px 0;
}

.diyw #mainNav2 a:hover{
  color: #f79f00;
}

.diyw #mainNav2 a.current{
  color: #f79f00;
}

.diyw #mainNav3 a{
  padding: 7px 13px;

  background-image: url('https://www.lecture-biologique.com/s/img/image06.png');
  background-repeat: no-repeat;
  background-position: 0 13px;
}

.diyw #mainNav3 a:hover{
  background-image: url('https://www.lecture-biologique.com/s/img/image07.png');
}

.diyw #mainNav3 a.current{
  background-image: url('https://www.lecture-biologique.com/s/img/image07.png');
}

.diyw #mainNav2 > li{
  font-family: 'Dosis', sans-serif;
  font-size: 16px; 

  list-style: none;

  border-bottom-color: #f6a412;
  border-bottom-style: dotted; 
  border-bottom-width: 1px;
}

.diyw #mainNav2 > li:last-child{
  border-bottom: none;
}

.diyw #mainNav3 li{
  list-style: none;
  font-family: 'Dosis', sans-serif;
  font-size: 14px; 

}

.diyw #diywebSidebarSubcontent{
  padding: 0 20px 20px 20px;
}
.diyw #diywebSidebarSubcontent a {
  text-decoration: none;
}


/* Footer */
.diyw #diywebFooter { 
  padding-top: 10px;
  width:950px; height:125px;
}



/* CLEARFIX */
.diyw #diywebAllContent:before,
.diyw #diywebAllContent:after,
.diyw #mainNav1:before,
.diyw #mainNav1:after,
.diyw #mainNav2:before,
.diyw #mainNav2:after,
.diyw #mainNav3:before,
.diyw #mainNav4:after,
.diyw .thumbElement { content: "\0020"; display: block; height: 0; overflow: hidden;}

.diyw #mainNav1:after, 
.diyw #mainNav2:after, 
.diyw #mainNav3:after, 
.diyw #diywebAllContent:after, 
.diyw .thumbElement  { clear: both; }

.diyw #mainNav1, 
.diyw #mainNav2, 
.diyw #mainNav3, 
.diyw #diywebAllContent, 
.diyw .thumbElement { zoom: 1; }

