body
{margin: 0; 
padding: 0; 
background-color: #ffffff;
font-size:100%;
}

@font-face {
    font-family: Poppins-Regular;
    src: url(Poppins-Regular.ttf);
    font-weight:600;
}

#container
{width:980px;
margin:auto;
margin-bottom:80px;
background-color: #ffffff;
}


/* Media Queries: Tablet Landscape */
@media screen and (max-width: 1060px) {
    #container { width:67%; }
   
}

/* Media Queries: Tabled Portrait */
@media screen and (max-width: 768px) {
    #container { width:100%; }


}

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

@media screen and (min-width:800px) {
	body {font-size:100%;}

}


@media screen and (min-width:1200px) {
	body {
		font-size:120%;
		
	}
}




#centre 
{margin-top:30px;
padding-left:40px;
padding-right:40px;
padding-bottom: 20px; 
overflow: auto;
}

.cartes_accueil
{text-align:center;	
padding-top:30px;
padding-left:4px;
padding-right:4px;
padding-bottom:20px;
}


#actualite 
{
padding-left:40px;
padding-right:40px;
padding-bottom: 20px; 
overflow: auto;
}

#actualite h2
{font-family:Poppins-Regular;
font-size:1.1em;
font-weight:normal;
}



#centre ul
{font-family:Poppins-Regular;
font-size:0.8em;
color:#22151e;
font-weight:normal;
line-height:1,5;
text-align:justify;
}

.cartes
{
text-align:center;	
padding-top:30px;
padding-left:4px;
padding-right:4px;
padding-bottom:20px;
}

.cartes_actualite
{
text-align:center;	
padding-left:4px;
padding-right:4px;
padding-bottom:20px;
}



.cartes a
{
display: inline-block;
padding:20px;
font-size:0.8em;
color:black;
}

.cartes_actualite a
{
display: inline-block;
padding:20px;
font-size:0.8em;
color:black;
}

.cartes a:hover
{
color:black;	
}

.cartes_actualite a:hover
{
color:black;	
}

.cartes img {
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 5px;
}

.cartes_actualite img {
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 5px;
}

.cartes_actualite img:hover {
  box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
}

.cartes img:hover {
  box-shadow: 0 0 2px 1px #e87b53;
}

.cartes_actualite img:hover {
  box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
}

#pied 
{padding-left: 15px;
padding-right: 15px;
padding-bottom: 60px; 
}



* {
  box-sizing: border-box;
}

.flex-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;

}

.flex-item-left {

  padding: 10px;
  flex: 50%;
}

.flex-item-right {

  padding: 10px;
  flex: 50%;
}



#colgauche1
{float:left;
width:50%;

}

#coldroite1
{float:right;
width:50%;

}

#colgauchepied
{float:left;
width:50%;
text-align:left;
}

#coldroitepied
{float:right;
width:50%;
text-align:right;
}

#coldroitepiedsocials
{float:right;
width:100%;
text-align:right;
}

#colgauche2
{float:left;
width:560px;
text-align:justify;
}

#coldroite2
{float:right;
width:280px;
margin-right:20px;
text-align:justify;
}

#colgauche3
{float:left;
width:420px;
}

#colgauche3 p
{text-align:center;
}

#coldroite3
{float:right;
width:420px;
}

#coldroite3 p
{text-align:center;
}


#galerie
{width:2200px;
overflow:auto;
margin-left:-40px;
}

#galerie li
{display:inline;
list-style-type: none;
padding:5px;
}

.boutons a:hover{
opacity: 0.6;
}


.lignepoint1
{border-bottom:1px dotted;
width:420px;
color:black;
} 

.lignepoint2
{border-bottom:1px dotted;
width:280px;
color:black;
} 

.lignepoint3
{border-bottom:1px dotted;
width:900px;
color:#8297A2;
} 

.imageflottante
{float:left;
padding-top:10px;
padding-right:20px;}

.ligne
{border-top:1px solid;
margin:auto;
margin-top:40px;
width:95%;
color:#161616;
} 

.demiligne
{border-top:1px solid;
margin:auto;
width:70%;
color:#b4abb3;
}

.quartligne
{border-top:1px solid;
margin:auto;
width:50%;
color:#b4abb3;
} 

h1
{font-family:Poppins-Regular;
font-size:1em;
font-weight:normal;
color:#22151e;
}

h2
{font-family:Poppins-Regular;
font-size:0.9em;
font-weight:normal;
color:#22151e;
}

h4
{font-family:Poppins-Regular;
text-decoration:none;
font-size:0.6em;
font-weight:normal;
color:#9b3a18;
letter-spacing:0.2em;
}

p
{font-family:Poppins-Regular;
font-size:0.8em;
color:#22151e;
font-weight:normal;
line-height:1,5;
text-align:justify;
}



a
{font-family:Poppins-Regular;
text-decoration:none;
font-size:1em;
font-weight:normal;
color:#e87b53;

}

.menu
{
margin-top:20px;
margin-left:5px;
text-align: center;
}

.menu a
{
display: inline;
margin-right:30px;
font-family:Poppins-Regular;
text-decoration:none;
font-size:0.9em;
font-weight:normal;
color:#22151e;

}

.menu a.active {
color: #e87b53;
}

.boutons
{
margin-top:8px;
margin-left:20px;
}

.boutons a
{

margin-right:10px;
margin-bottom:5px;
}

.atelier
{font-family:Poppins-Regular;
text-decoration:none;
font-size:0.9em;
font-weight:normal;
color:#9b3a18;
letter-spacing:0.1em;
float:right;
padding-right:20px;
}

a:hover
{text-decoration:none;
color:#9b3a18;
}

#menu a:hover
{text-decoration:none;
color:#9b3a18;
}

a:active
{text-decoration:none;
color:#d1c7d0;
}

#menu a:active
{text-decoration:none;
color:#d1c7d0;
}


#coldroite2 h3 a, #colgauche1 h3 a, #coldroite1 h3 a, #colgauche2 h3 a
{font-family:Poppins-Regular;
font-size:0.8em;
text-decoration:none;
font-weight:normal;
color:#8297A2;
}

#coldroite2 h3 a:hover, #colgauche1 h3 a:hover, #pied a:hover, #coldroite1 h3 a:hover
{text-decoration:none;
color:black;
}

a img
{border:none;
}

table
{
max-width:500px;
}

table td
{font-family:Poppins-Regular;
color:black;
font-weight:normal;
line-height:1;
}

.images_inline
{
text-align:left;	
}

.images_inline img
{
display: inline;
margin-right:60px;
margin-bottom:10px;
}

.center
{text-align: center;
}

.right
{padding-left:120px;
}

.red
{color:red;
}

.rose
{color:#e87b53;
}

.lien
{color:#e87b53;
}

.bleu
{color:#9b3a18;
}

.gris
{font-family:Poppins-Regular;
font-size:13px;
font-weight:normal;
letter-spacing:2px;
color:#8297A2;
}

.menu .icon {
  display: none;
}


#mailchimp {
	background: #f8f8f8;
	color: #9b3a18;
	padding: 2px 10px;
	font-family: Poppins-Regular;
	margin:auto;
	width: 95%;
	text-align: center;
}

#mailchimp_contact {

	color: #9b3a18;
	padding: 2px 10px;
	font-family: Poppins-Regular;
	width: 400px;
	
}

#mailchimp h2 
{font-size: 0.9em;	
}

#mailchimp_contact h2 
{font-size: 0.9em;	
}

#mailchimp input {
	border: medium none;
    color: #e87b53;
    font-family: Poppins-Regular;
    font-size: 0.8em;
	text-align: center;
    font-style: italic;
    margin-bottom: 10px;
    padding: 10px 10px;
    width: 60%;
	
		border-radius: 20px;
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
	}
	
#mailchimp_contact input {
	border: medium none;
    background-color: #f8f8f8;
	color: #e87b53;
    font-family: Poppins-Regular;
    font-size: 0.8em;
	text-align: center;
    font-style: italic;
    margin-bottom: 10px;
    padding: 10px 10px;
    width: 60%;
	
		border-radius: 20px;
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
	}
#mailchimp input.email { background: #fff;}
#mailchimp input.name { background: #fff}
#mailchimp input[type="submit"] {
			background: #9b3a18;
			color: #fff;
			cursor: pointer;
			font-size: 0.8em;
			width: 200px;
			padding: 8px 0;
}
#mailchimp input[type="submit"]:hover { color: #ead9d2 }

#mailchimp_contact input.email { background: #fff;}
#mailchimp_contact input.name { background: #fff}
#mailchimp_contact input[type="submit"] {
			background: #9b3a18;
			color: #fff;
			cursor: pointer;
			font-size: 0.8em;
			width: 200px;
			padding: 8px 0;
}
#mailchimp_contact input[type="submit"]:hover { color: #ead9d2 }
			

/* When the screen is less than 800 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 1100px) {
  .menu a {display: none;}
  .menu a.icon {
    float: right;
    display: block;
  }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 1100px) {
  .menu.responsive {position: relative;}
  .menu.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .menu.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}