/*
Theme Name:   Twenty Eleven Child
Theme URI:    http://example.com/twenty-eleven-child/
Description:  Twenty Eleven Child Theme
Author:		  Luc FONTAINE Lopia #ExpertWeb
Author URI:   https://www.lopia.fr
Template:     twentyeleven
Version:      1.1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain:  twentyeleven
*/

/*@import url('../twentyeleven/style.css');*/


.box {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap; /* Permet à vos éléments flexibles de passer à la ligne sur des écrans étroits */
  }

  .one {
	flex: 1;
	box-sizing: border-box; /* Inclure les bordures et les paddings dans le calcul de la largeur */
	padding: 0;	
  }

  .two {
	flex: 3;
	box-sizing: border-box; /* Inclure les bordures et les paddings dans le calcul de la largeur */
	padding: 0;
  }

  .three {
	flex: 1;
	box-sizing: border-box; /* Inclure les bordures et les paddings dans le calcul de la largeur */
	padding: 60px 0 0 0;
  }


  /* Appliquer le style lorsque la largeur de l'écran est inférieure à 600 pixels */
  @media (min-width: 768px) and (max-width: 1024px) {
	.one {
		flex: 1;
		box-sizing: border-box; /* Inclure les bordures et les paddings dans le calcul de la largeur */
		padding: 20px 0 0 0;	
	  }
	
	  .two {
		flex: 3;
		box-sizing: border-box; /* Inclure les bordures et les paddings dans le calcul de la largeur */
		padding: 0 0 0 0;
	  }
	
	  .three {
		flex: 1;
		box-sizing: border-box; /* Inclure les bordures et les paddings dans le calcul de la largeur */
		padding: 60px 0 0 0;
	  }
	
  
  }


  @media (max-width: 768px) {
	.one {
	  flex-basis: 100%; /* Changer la largeur de base à 100% pour empiler les éléments */
	}

	.two{
		flex-basis: 100%; /* Changer la largeur de base à 100% pour empiler les éléments */
		padding: 0 0 0 20%;
	}
	
    .three {
	  flex-basis: 100%; /* Changer la largeur de base à 100% pour empiler les éléments */
      padding: 0 0 15% 20%;	
	}


  }
  

  



/* =Menu
-------------------------------------------------------------- */
#access li:hover > a,
#access a:focus {
	/*background: #fff; /* Show a solid color for older browsers */
	/*background: -moz-linear-gradient(#f9f9f9, #e5e5e5);
	/*background: -o-linear-gradient(#f9f9f9, #e5e5e5);
	/*background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e5e5e5)); /* Older webkit syntax */
	background: -webkit-linear-gradient(#066769, #066769);
	color: #fff;
}

#access div {
    margin: 0 1%;
}

#access ul {
	font-size: 12px;
	list-style: none;
	margin: 0 0 0 -0.8125em;
	padding-left: 0;
}

.entry-title {
/*padding-right: 0px;*/
  text-align: center;
  /*text-align: right;*/
	font-size: 30px;
}

.entry-title, .entry-header .entry-meta {
  padding-right: 9px;/*76px*/
}

/* supp date*/
.entry-meta { display: none; }

.logodsf {
 /* font-size: 50%;*/
  width: 60%;
  /*height: 75%;*/
  vertical-align: middle; 
  margin : 20%;
  margin-top: 15%; 
  margin-right: 20%; 
  margin-bottom: 10%; 
  margin-left: 20%; 
  /*padding-top: 40px;*/
}

input#s {
  background: url(images/search.png) no-repeat 5px 6px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-size: 14px;
  height: 22px;
  line-height: 1.2em;
  padding: 4px 10px 4px 28px;
  margin-right: 50px;
}


/* =Header
----------------------------------------------- */

#branding {
	border-top: 2px solid #bbb;
	padding-bottom: 10px;
	position: relative;
	z-index: 9999;
}
#site-title {
	/*margin-right: 270px;
	padding: 3.65625em 0 0;*/
	margin-right: 20px;
	padding: 3.65625em 0 0;
}
#site-title a {
	color: #111;
	font-size: 30px;
	font-weight: bold;
	line-height: 36px;
	text-decoration: none;
}
#site-title a:hover,
#site-title a:focus,
#site-title a:active {
	color: #1982d1;
}
#site-description {
	color: #7a7a7a;
	/*font-size: 14px;
	margin: 0 270px 3.65625em 0;*/
	font-size: 14px;
	margin: 0 20px 3.65625em 0;
}
#branding img {
	height: auto;
	display: block;
	width: 100%;
}