/*
Theme Name: Egalite
*/
/* css reset */

@media all {
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form,
legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details,
embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100.1%;
  font: inherit;
  vertical-align: baseline; }
  
  small {font-size:80%;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* end css reset */

  body {
    font: normal 100% "Open Sans", Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    color: black;
    padding-left: 20px;	}

 #header {
    position : relative;
	padding: 0 0;
	
	height: 8em;
    margin: 0.2em auto 0.5em auto;
	z-index:10;
	}
	
#menu {
display : block;
position : absolute;
bottom:0;
background-color: #212220;
}

.logo {
	
	position: absolute; top:0em; left:0.1em; z-index:10;
}


#navigation {
padding:0.1em 0.5em 0 0;

}

#navigation ul {
display : inline;
}

#navigation li {
display : inline;
padding-left: 1em;
list-style:none;
}

#navigation li:before {
content:'|  ';
}



.pages {
display: inline;
}

#langue{
display : block;
position : absolute;
right:1em;
bottom:2.8em;
z-index: 8;
}
#langue img{
padding :0 0.6em;
}
	
.radius {
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	border-radius: 0.3em;
	}
	
.titre_div {
color: #E5271D;
padding: 0.5em 0 0.2em 1em;
background-color: #212220;
font-weight: 600;
}

.titre_div_bas {
position: absolute;
bottom: 0;
right: 0;
color: #E5271D;
margin: 0 0 0 22em;
padding:0.5em;
background-color: #212220;
font-weight: 600;
width:8.5em;
height: 1.5em;
}

.post {
padding-top: 2em;
background-color : #d9e5e0;
background-position: bottom left;
}

.post-content {
padding: 0 2em 2em 2em;
margin-bottom: 0.5em;
min-height:29em;
}

#main .lire_plus {
font-weight:700;
color:#E5271D;
float:right;
}


/* opacity effet	
  .top {
    /* fades out blog title
    -webkit-opacity: 0.3;
    -moz-opacity: 0.3;
    opacity: 0.3;
    -webkit-transition: opacity 3s linear;
    -moz-transition: opacity 3s linear;
    -ms-transition: opacity 3s linear;
    transition: opacity 3s linear; }
    .top:hover {
       /*fades blog title back in on hover 
      -webkit-opacity: 1;
      -moz-opacity: 1;
      opacity: 1;
      -webkit-transition: all 2s ease;
      -moz-transition: all 2s ease;
      -ms-transition: all 2s ease;
      transition: all 2s ease; }
	  
	  */

#main {
    padding: 0 0;
	
	position: relative;
	box-shadow: 0em 0em 30em 10em rgba(0, 0, 0, 0.5);
	background-color: rgba(0, 0, 0, 0.4);
	
           
	}
	
#cadre_droite {
	
	right: 0em;
	top: 1em;
	z-index: 12;
	
	
	float: left;
	-webkit-border-radius: 0.8em;
	-moz-border-radius: 0.8em;
	border-radius: 0.8em;
}

#cadre_droite img:hover {
transform: translateX(-1.2em);
transition: all 0.3s ease-in-out;
}

.titre {
padding:1em 0;
position: absolute;
width:40em;
height: 3em;
bottom:1em;
background:url(img/fond_titre.png) no-repeat;
}

#videos {
display:inline-block;

position: relative;
overflow:hidden;

z-index:6;
background-color: #212220;

}

#videos p { margin: 0; font-size: 0;}

video {
    max-width: 100%;
    height: auto;
}


#planification {


position: relative;
overflow:hidden;

height : 18em;
z-index:6;
}



#partenaires {
display:inline-block;

position: relative;
overflow:hidden;

z-index:6;
background-color: #212220;
}

#partenaires .flex-control-nav, #partenaires .flex-next, #partenaires .flex-prev{
	display:none;
}




#contact {
display:inline-block;
margin : 0.3em 0.1em 0.25em 0.1em;
position: relative;
overflow:hidden;
width : 14.62em;
height : 10em;
z-index:6;
background-color: #d9e5e0;
}

#contact p {
color: #212220;
padding:1em;
text-align: justify;
font-size : 110%;
line-height: 1.2em;}


#mentions {

margin : 0 0em 0.25em 0.1em;
position: relative;
overflow:hidden;
width : 29.75em;
height : 10em;
z-index:6;
background: #d9e5e0;
background-position: 98% 60%;
}

#mentions p {
color: #212220;
padding:1em;
text-align: justify;
font-size : 90%;
line-height: 1.2em;}

#telecharger_bloc {
display:inline-block;
margin : 0 0em 0.25em 0.1em;
position: relative;
overflow:hidden;
width : 29.75em;
height : 10em;
z-index:6;
}
	
	
  /* blog title */
  h1 {
    font-size: 150%;
    font-weight: normal;
    letter-spacing: 0.01em;
    text-align: center;
    color: #76868b;
    margin: 0 0.05em 0 0; }
    h1 a:link, p a:link {
      text-decoration: none;
      color: black;
      border-width: 0 0 1px 0;
      border-style: none none solid none;
      border-color: silver; }
    h1 a:visited , p a:visited{
      text-decoration: none;
      color: #76868b;
      border-width: 0 0 1px 0;
      border-style: none none solid none;
      border-color: silver; }
    h1 a#tagline {
      color: #b0a695; }

  /* post title */
  
  #main h2 {
  
    font-size: 2em;
    font-weight: normal;
    padding: 1em 0 0 1em;
	color: #E5271D;
    
	}
	
	#menu h2 {
  
    font-size: 1.6em;
    font-weight: normal;
    color: #cccccc;
    margin-top: 0em; }

  /* subtitles */
  h3 {

    font-size: 1.5em;
	font-weight: 700;
	line-height: 1em;
	color: #E5271D;
	text-shadow: 0px 0px 9px #777;
    /*color: #212220;*/
    margin: 0.4em 2em 0 2em; }
    h3 .subtitle {
      margin-top: 0.5em; }

  h4 {
    font-family: Georgia, Cambria, "Times New Roman", Times, serif;
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1.2em;
    color: #999999; }

  h5 {
    font-family: "Open Sans", Helvetica, sans-serif;
    font-size: 1.2em;
    line-height: 1.2em;
    text-transform: uppercase;
    color: #999999; }

  /* author credits */
  h6 {
    -webkit-opacity: 0.3;
    -moz-opacity: 0.3;
    opacity: 0.3;
    -webkit-transition: opacity 3s linear;
    -moz-transition: opacity 3s linear;
    -ms-transition: opacity 3s linear;
    transition: opacity 3s linear;
    font-family: Georgia, Cambria, "Times New Roman", Times, serif;
    font-size: 1.2em;
    letter-spacing: 0.1em;
    line-height: 1.3em;
    text-align: center;
    color: #999999;
    margin: 1em 0 1em 0; }
    h6:hover {
      /* fades author credit back in on hover */
      -webkit-opacity: 1;
      -moz-opacity: 1;
      opacity: 1;
      -webkit-transition: all 2s ease;
      -moz-transition: all 2s ease;
      -ms-transition: all 2s ease;
      transition: all 2s ease; }
    h6 strong {
      font-weight: bold;
      color: #b0a695; }
    h6 em {
      font-style: italic; }

  img {
    border: 0;
    max-width: 100%;
    height: auto; }
    img a {
      border: 0; }
	  
	.post-content img{
	border:white solid 8px;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0,0.7);
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0,0.7);
	display:block;
	margin: 0 auto;
	}



  p , label, .alerte{
    font-family: Georgia, Cambria, "Times New Roman", Times, serif;
    font-size: 1.2em;
    line-height: 1.25em;
    color: #212220;
    margin: 0.7em 0 1em 0; }

  a:link, a:visited, a:hover {
    text-decoration: none;
    border: 0;
    border-width: 0;
    border-style: none; }
  a:link, a:visited {
    color: #cccccc; }
  a:hover {
    color: #999999; }

  /* post styles */
  .post strong {
    font-weight: bold; }
  .post em {
    font-style: italic; }
  .post a:link, .post a:visited, .post a:hover {
    border-width: 0 0 1px 0;
    border-style: none none solid none;
    border-color: silver; }
  .post h2 a, .post h2 a:link, .post h2 a:visited, .post h2 a:hover {
    border: none; }
  .post ul, .post ol {
    font-family: Georgia, Cambria, "Times New Roman", Times, serif;
    font-size: 1.3em;
    margin-top: 0.5em;
    margin-bottom: 1em; }
  .post ul {
    list-style-type: disc;
    padding: 0.1em 0 0 1.1em; }
  .post ol {
    list-style-type: decimal;
    padding: 0.1em 0 0 1.2em; }
  .post li {
    line-height: 1.5em;
    color: #cccccc;
    padding: 0.2em 0 0 0; }
  .post blockquote {
    font-family: Helvetica, sans-serif;
    font-size: 1.3em;
    color: #999999;
    border-left: 2px solid #ababab;
    margin: 1.8em 0.8em;
    padding: 0 1em 0 1em; }

  
  /* forms */
  
  #formulaire {
  font-size:90%;
	width:70%;
	padding-top:1em;
	margin: 1em auto;
  }
  
    #formulaire  h2 {
    padding: 0 1em;
	}
  
 legend h2{

  position:relative;
}
  
    legend h2:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 1px; 
    background: red; 
    top: 100%;
    right: 0;
}
  
  textarea {
  
  min-height:10em;
  min-width: 92%;
  font-family: Georgia, Cambria, "Times New Roman", Times, serif;
  font-size:1.2em;
  border: none;
  padding: 0.5em;
  }
  
  input#nom {border: none; width: 90% ;height: 1.5em; font-size:1.2em;padding:0 0.5em; font-family: Georgia, Cambria, "Times New Roman", Times, serif;}
  input#email {border: none; width: 70%;height: 1.5em; font-size:1.2em;padding:0 0.5em; font-family: Georgia, Cambria, "Times New Roman", Times, serif;}
  input#tel {border: none; width: 40%;height: 1.5em; font-size:1.2em;padding:0 0.5em; font-family: Georgia, Cambria, "Times New Roman", Times, serif;}
  input#submit {width: 40%;height: 2em; font-size:1.5em;padding:0 0.5em; font-family: "Open Sans", Helvetica, sans-serif; color: #E5271D; border-style:groove; font-weight:normal;}
  
  .alerte {color: red; text-align: center; font-weight:800;  padding-top: 1em; font-family: "Open Sans", Helvetica, sans-serif; color: #E5271D; border-style:groove; font-weight:normal;}
  

  
  
  #search-form {
    margin-top: 2em; }

  .field {
    margin-bottom: 1em; }
    .field label {
      font-size: 0.875em;
      text-indent: 6px;
      color: #999999;
      display: block; }
    .field input, .field textarea {
      font-size: 0.875em;
      background-color: #cbc4bb;
      border: 1px solid #cccccc;
      border-radius: 3px;
      display: block;
      padding: 4px; }
      .field input:focus, .field textarea:focus {
        border-color: #b0a695; }
    .field textarea {
      padding: 0.5em 1em; }

  #comment-form input[type=submit], #search-form input[type=submit] {
    font-size: 0.875em;
    text-transform: capitalize;
    text-align: center;
    color: #333333;
    background: #cbc4bb;
    border: solid 1px #cccccc;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    padding: 0.33em 0.66em;
    display: inline-block; }
    #comment-form input[type=submit]:hover, #comment-form input[type=submit]:focus, #search-form input[type=submit]:hover, #search-form input[type=submit]:focus {
      -webkit-transition: all 2s ease;
      -moz-transition: all 2s ease;
      -ms-transition: all 2s ease;
      transition: all 2s ease;
      text-decoration: none;
      background: #b0a695;
      border: solid 1px #b0a695; }

  #search-form input[type=submit] {
    font-size: .66em; }

  #c_content {
    font-family: Georgia, Cambria, "Times New Roman", Times, serif;
    border: solid 1px #cccccc;
    width: 95%;
    padding: 4px; }
    #c_content:focus {
      border-color: #b0a695; }

  .form-help {
    font-size: 0.875em;
    font-style: italic;
    margin-top: 0; } 
	
	
	.main-post {text-align:justify;}
	
	
	}
	
	
	

	
	
	
/* -------------------------- */
/* ==Responsive helpers       */
/* -------------------------- */
/* large screens */
/* ------------- */
@media screen and (min-width: 85em) {
  /* layouts for large screens */
  
  #liste {display: none;}
  
.info {
position: absolute;
padding: 0.8em;
margin-left: 2em;
display :block;
height: 9em; 
width: 20em;
border: white solid 0.2em;
background-color: rgba(1,1,1,0.4);
z-index: 10;
top:6em;

}

.info h3 {
color:white;
margin:0.2em;
}

.info p {
text-align: justify;
color:white;
font-size: 90%;
}
	
#images {
position: relative;
overflow:hidden;
width : 60em;
height : 24em;
margin : 0;
z-index:8;
background: transparent url(img/loading.gif)no-repeat;
background-size: 150px 150px;
background-position: center; 
}
#header{background : white url(img/bandeau_header-nq8.jpg);	width: 60em;}
#main{width: 60em; margin:0 auto 5em auto;}
#cadre_droite {
	display :block;
	width: 15em;
	height: 5em;
	position: fixed;
	margin-top: 5em;
	margin-right: -4em; }

#planification {display:inline-block; width : 31.5em; margin : 0.5em 0em 0em 0.2em;}
#partenaires {display:inline-block;width : 14.62em; height : 10em; margin : 0.3em 0.1em 0.25em 0;}
#contact {display:inline-block;}
#mentions {display:inline-block;}
#navigation {text-align:right;}
#videos{width : 28em; height : 18em; margin : 0.5em 0em 0em 0;}
#navigation img {width:19.5em;}
#menu {width: 60em;}
 #menu {height:4em;}

	}


 
/* medium screens */
/* -------------- */
@media (min-width: 70em) and (max-width: 84.9em) {
  /* layouts for medium screens */
  
  
  #liste {display: none;}
  
  
#images .info {
position: absolute;
padding: 0.8em;
margin-left: 2em;
display :block;
height: 9em; 
width: 20em;
border: white solid 0.2em;
background-color: rgba(1,1,1,0.4);
z-index: 10;
top:6em;

}

#images .info h3 {
color:white;
margin:0.2em;
}

#images .info p {
text-align: justify;
color:white;
font-size: 90%;
}

#images {
position: relative;
overflow:hidden;
width : 60em;
height : 24em;
margin : 0;
z-index:8;
background: transparent url(img/loading.gif)no-repeat;
background-size: 150px 150px;
background-position: center; 
}
#navigation img {
	width:20em;}

 #header{background : white url(img/bandeau_header-nq8.jpg);	width: 60em;}
 #main{width: 60em; margin:0 auto 1em auto;}
 #cadre_droite {display: inline; position:relative; text-align:center; margin:0 auto;}
 .vignettes {display: inline;}
 #planification {display:inline-block; width : 31.5em; margin : 0.5em 0em 0em 0.2em;}
 #partenaires {display:inline-block;width : 14.62em; height : 10em; margin : 0.3em 0.1em 0.25em 0;}
 #contact { display:inline-block;}
 #mentions {display:inline-block;}
 #navigation {text-align:right;}
 #videos{width : 28em; height : 18em; margin : 0.5em 0em 0em 0;}
 .ilsenparlent {display:none;}
	  #menu {width: 60em; height:6em;}
#cadre_droite img {width:20em; padding: 0.2em 0.2em;}
	 
}

  
/* small screens */
/* ------------- */
@media (min-width: 30em) and (max-width: 69.9em) {
  /* layouts for small screens */
  .flexslider {margin:0;}
    #navigation img {max-width: 20em;}
  body{text-align:center;}
  #header{ background:none; width: 30em;}
 #cadre_droite {width: 100%; margin:0 auto; position:relative; margin-top:0; margin-right:0;}
	 .flexslider .slides img {}
	 #images, #telechargez {display: none;}
	  #main{width: 80%;margin:6em auto 0 auto;}
	 #liste {display: inline; font-size:2em; text-align:left;}
	 #liste li {background:#c21e7f; border:1px solid #771f61; padding:0.5em; margin:0.5em 0; -webkit-border-radius: 0.3em;-moz-border-radius: 0.3em; border-radius: 0.3em;}
	  #planification, #videos, #contact, #partenaires { display:block; height:auto; width : 95%; margin:0.5em auto 0 auto;}
		 #partenaires {min-height:10em; background-color:white;}
		 #mentions {display:none;}
		 #cadre_droite img {width:28em; padding: 1em 1em;}
	  .titre_div_bas, .logo {display:none;}
	  #navigation {padding-left:2px;
	  text-align:left;}
	  #menu {width: 29em; height:6em;}
	   .ilsenparlent {display:none;}
	   .post-title, .post-content {font-size:1em;}
	   
	   .main-post h2 {margin:0.5em auto 0 auto; text-align: left; font-size: 1.2em; color:red; padding: 0 0.8em;}
	   .main-post p {font-size: 1em; padding:0.5em}
}
  
  /* tiny screens */
/* ------------ */
@media (max-width: 29.9em) {
  /* quick small resolution reset */
  .flexslider {margin:0;}
  #navigation img {max-width: 13em;}
 body{text-align:center;}
	#header{ background:none; width: 100%;}
	#cadre_droite {width: 100%; margin:0 auto; position:relative; margin-top:0; margin-right:0;}
	 .flexslider .slides img {display: none;}
	 #images, #telechargez {display: none;}
	 #main{width: 80%; margin:3em auto 0 auto;}
	 #liste {display: inline; font-size:1em; text-align:left;}
	 #liste li {background:#c21e7f; border:1px solid #771f61; padding:0.5em; margin:0.5em 0;
	 -webkit-border-radius: 0.3em;-moz-border-radius: 0.3em; border-radius: 0.3em;}
	#contact { display:block; height:auto; width : 95%; margin:0.5em auto 0 auto;}
	 #mentions, #planification, #videos, #partenaires {display:none;}
	 #cadre_droite img {width:18em; padding: 1em 1em;}
	 
	  .titre_div_bas, .logo {display:none;}
	  #navigation {padding-left:2px;	  text-align:left;}
	  	  #menu {width: 18em; height:6em; background-color:transparent;}
		   .ilsenparlent {display:none;}
	.post-title, .post-content {font-size:1em;}
	.main-post h2 {margin:0.5em auto 0 auto; text-align: left; font-size: 1.2em; color:red; padding-left:1em;}
	.main-post p {font-size: 1em; padding:0.5em}
	
	 
}