/* Place project-specific CSS here */

@font-face {
	font-family: myFirstFont;
	src: url(sansation_light.woff);
}

@import url(http://fonts.googleapis.com/css?family=GFS+Didot&subset=greek);

a.serveur-test{
  position:fixed;
  font-size:0.8em;
  color:#27344e;
  width:20em;
  text-align:justify;
}
body{
    font-size:1em;
    background:none;
    font-family: arial;
}
#header{
		margin-bottom:0; 
  		text-align:left;
  	}
#site-title {
  background:url('/static/lederi/img/bandeau.png'); 
  height:300px; 
	}
  
#site-title a {
  position: absolute;
  color:#27344e;
  top:2em;
  left: 0;
  font-variant:small-caps;
  font-size:5rem;
  font-weight:bold;
  font-family:  sans serif;
  z-index:  9;
	}  

#slogan{
 font-variant:small-caps;
  font-size:1rem;
  font-weight: normal;
  padding: 0 0 0 0.3em;
}
ul{
  list-style: none;
}

#secondary a, #secondary a:link, #secondary a:visited{
  color: #27344e ;
}



#primary-nav.container{
	background: #365084;
	color:#fff !important;
  padding: 0 0 70px 0;
}

#primary-nav.container a:link {
	color:#fff;
}

#primary-nav li {
	padding: 0 2em 0 2em;
}

#primary-nav li.active 
{
  color: #000000;
  background-color: #ffffff;
  padding-bottom:1.5em;

}

#content{
width:60%;
}

#primary{
width:100%;
}

/* Ligne 95 */
h1, h2, h3, h4, h5, h6
{
  background-color: white;
  color:#27344e;
  padding:0 0 0 0;
  margin:15px 0 15px 0 ;}

h1{
font-size:1.4em;
  font-variant : small-caps;

}

h4 {
  font-size:1.1em;
  font-variant : small-caps;
  padding: 0 0 10px 0;
  color:#27344e;
}


#primary a, head{
color: #27344e;

}

#primary ul li:before{
content:" ";

}


#primary ul li {
list-style-type: square;
}

p{
    text-align:justify;
}

	      
		#primary-nav li.active a:link{
			color:#27344e;
			background-color:#FFFFFF;
		  padding:5px;
			width:auto;
			margin:0;
		}

.pb{
  /*! font-weight: bold; */
  display: none;
}

sup{
  font-size: 0.7em;
  vertical-align:  super;
}

.title {
  font-style: italic;
}

.smallcaps {
  font-variant: small-caps;
}

#footer{
  border-top: 1px solid black;
  background: white;
  color:black;
}

#footer img{
  width: 3.5em;
  padding:1em 0 0 0;
}

/* line 92, ../sass/screen.scss */
figure:nth-child(n) {
  margin: 1%;
}
@media (max-width: 1024px) {
  /* line 120, ../sass/screen.scss */
  figure {
    width: 46%;
  }
  /* line 92, ../sass/screen.scss */
  figure:nth-child(n) {
    margin: 2%;
  }
}
@media (max-width: 950px) {
  /* line 120, ../sass/screen.scss */
  figure {
    width: 48.4%;
  }
  /* line 92, ../sass/screen.scss */
  figure:nth-child(n) {
    margin: 0.8%;
  }
}
@media (orientation: landscape) {
  /* line 120, ../sass/screen.scss */
  figure {
    width: 49%;
  }
  /* line 92, ../sass/screen.scss */
  figure:nth-child(n) {
    margin: 0.5%;
  }
}
@media (max-width: 768px) {
  /* line 120, ../sass/screen.scss */
  figure {
    width: 98.4%;
  }
  /* line 92, ../sass/screen.scss */
  figure:nth-child(n) {
    margin: 0.8%;
  }
}
/* line 140, ../sass/screen.scss */
figure img {
  max-width: 100%;
}

/* line 144, ../sass/screen.scss */
figcaption {
  font-size: 0.75em !important;
  color: #7d7d7d;
  text-align: center;
}