@charset "utf-8";
body { 
  
font-family: "Open Sans", "Arial", "Helvetica", sans-serif;
font-size:20px;
background-color:white;


}

#drapeauintro {
    margin-right: 3px; 
	  text-decoration: none;
}





   

        .offerxx {
            background-color: #ffe6e6;
            border: 2px solid #d9534f;
            padding: 20px;
            margin: 20px 0;
            border-radius: 10px;
            box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
        }

        .highlightxx {
            color: #d9534f;
            font-weight: bold;
        }

        .emailxx {
            font-weight: bold;
            color:  #d9534f;
        }

        .contentxx {
            background-color: white;
            padding: 20px;
            border-radius: 10px;
            box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
        }




	
#prod {
	width: 370px;
	height: auto;
	display:inline-block;
	padding:10px;
	margin-bottom:5px;
	border-width:1px;
	border-style:solid;
	border-color:#cdcdcd;
	box-sizing: border-box;
    vertical-align: top;  
	border-radius: 10px;
	
    font-size:10px;
	
	 
	
	
}
#erwanpack {
	width: 500px;
	height: auto;
		
	
	
	
}

#prodsold {
	width: 370px;
	height: auto;
	display:inline-block;
	padding:10px;
	margin-bottom:5px;
	border-width:1px;
	border-style:solid;
	border-color:#cdcdcd;
	box-sizing: border-box;
    vertical-align: top;  
    border-radius: 10px;
	    font-size:10px;
	
	
	
	
}




#mesprod {
	width: 370px;
	height: auto;
	display:inline-block;
	padding:10px;
	margin-bottom:5px;
	border-width:1px;
	border-style:solid;
	border-color:#cdcdcd;
	box-sizing: border-box;
    vertical-align: top;  
	border-radius: 10px;

	
	
	
	
}

 #mesprod a{
	text-decoration:none;
	
	
}

#imgproduit{
	padding-top:7px;
	
}


 #prod a{
	text-decoration:none;
	
	
}
 #prodsold a{
	text-decoration:none;
	
	
}


#prod2 {
	width: 300px;
	display:inline-block;
	padding:10px;
	border-style:solid;
	border-width:1px;
	border-color:#cc0e13;
	
}

#petit {

	font-size  : 18px;

}

.prix {
	font-color:red;
	
}

 
#coeurvente H1 {

	font-size  : 35px;
	font-weight : bold;
	text-align : left;
	margin-left : 30px;
	
	
}

#smart-button-container{

	padding-left:100px;
	padding-right:100px;
	
	
}


html, body, h1, form, fieldset, legend, ol, li {
	margin: 0;
	padding: 0;
	}

	
	form {
		display: inline-block;
		font-size:13px; 
	}
	



#coeurvente {
	clear:both;
	position : relative;
	
	
}

#tease {
	clear:both;
	position : relative;
	width : 900px;
	text-align:justify;
	margin:auto;
	
	
	
}
#tease P{
	font-size  : 20px;
	
	
	
}
#coeurvente P {

	font-size  : 20px;
	font-weight : bold;
	
	
	
}

#coeurvente table {
	
	 border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */

}

#coeurvente td /* Toutes les cellules des tableaux... */
{

	width:290px;
	height : 300px;
    border: 0px solid red; /* auront une bordure de 1px */
	font-size:18px;
	text-align:center;

}

#cadre {
	border-width:2px;
	border-style:solid;
	border-color:red;
	width : 450px;

	padding-top : 15px;
	margin:auto;
	
}

	

#formlogin {
	color: black;
	font-size:16px;
		
}


form#formlogin input:not([type=radio]),
			form#formlogin textarea {
				
				width: 180px;
				}
				
 #mdpoub {
	  position: relative;
float:right;	  
	  font-size:18px;
	 

 }
 
 #newaccount {
	  position: relative;
display: inline-block;	  
	  font-size:18px;
	  

 }
 

 #line {
	  background-image:url(../img/line.png);
	  background-repeat: repeat;
		height:10px;
	position :relative;
	margin-top : 3px;
	margin-bottom:3px; 
	

	 
 }
 

#login{
	display:inline-block;
	
	

font-size: 18px;
padding:15px;
z-index: 7;

background-color: white;
}


#imgprod{
		position relative;
		display: inline-block;
	width : 550px;
	
 background-color:white;
 


}

.imgp{
		max-width:100%;
		max-height:100%
		display: inline-block;
	
 


}



#tarif {
	position relative;
	display: inline-block;
	width : 500px;
	vertical-align:top;
padding-top : 0px;

}


#prix {
  font-weight: 700;
  font-size: 32px;
  line-height: 32px;
  font-family: "Roboto", sans-serif;
  color: #333; 
  margin-bottom:10px;
  }


h1 {
	font-size:28px;
	margin:auto;
	margin-bottom: 10px;
}

h3 {
	font-size:22px;
	margin-top:0px;
	margin-bottom: 30px;
}




a:link {
	color: black;
}
a:visited {
	color: black;
}

#global {
  position: relative;  
  margin-left: auto; 
  margin-right: auto;
  margin-top:0px;
  background-color:white; 
  z-index:1;
}

#logo {
  position: relative;
  display:inline-block;
  top: 10px;
left : 10px;
  
  
  z-index:1;
}



#menu {
	 position: relative; 
	 

	   
}


 

	   
	
p {
  margin-top: auto;
    color: #000;
   
 
	font-size:25px;
  
}

table
{

    border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
    margin:auto;
	
}
td /* Toutes les cellules des tableaux... */
{
    padding:10px;
	padding-left:50px;
	padding-right:50px;
    border: 1px solid black; /* auront une bordure de 1px */
	font-size:18px;
	text-align:center;
	

}


#tableauvente td {
    padding:4px;
	padding-left:8px;
	padding-right:8px;
    border: 1px solid black; /* auront une bordure de 1px */
	font-size:15px;
	text-align:center;

}



p span {
  color: #FFF;
}

#titre {
  position: absolute; 
  top: 180px;
left : 20px;
	text-align: center;
  }

#contenu {
  position: relative;
  margin-top:10px;
  min-height: 1000px;
  height:auto;
  background-color:white; 
	text-align: center;
	
 
  }
  
  #ml {
  position: relative;
  padding:100px;
  background-color:white; 
  text-align: justify;
  font-size : 18px; 
 
  }
    #ml p {
 
  font-size : 18px; 
 
  }
  #content
{
	background-color:#991d2c;
	width:65%;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	margin:auto;
	padding:20px;
	margin-top:20px;
	font-size:20px;
	
}

.center
{
	text-align:center;
}

#pieddepage {
	text-align:center;
	 background-color:  #333;
	 color: white;
	 padding-top:25px;
	 padding-bottom : 25px;
	font-size: 18px;
}

#pieddepage a {
	
	 color: white;
	
	
} 

#modif {
				background: #cc0e13;
				border: none;
				-moz-border-radius: 20px;
				-webkit-border-radius: 20px;
				-khtml-border-radius: 20px;
				border-radius: 20px;
				display: inline-block;
				color:white;
				margin :auto;
				margin-top:20px;
				padding: 7px 25px;
				font-size:16px;

				}
	#modif:hover {
					background: black;
					cursor: pointer;
					} 
					
	#modif  a:link {
	color: white;
	 text-decoration: none;
	 	font-size: 16px;
					
	 				
}
#modif a:visited {
	color: white;
	text-decoration: none;
	 	font-size: 16px;
}



				
form#infopersos {
		
		margin:auto;
		background: #cc0e13;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px;
		border-radius: 5px;
		counter-reset: fieldsets;
		padding: 20px;
		width: 400px;
		}
		
		form#infopersos fieldset {
			border: none;
			margin-bottom: 10px;
			}
		
		form#infopersos fieldset:last-of-type {
			margin-bottom: 0;
			}
			
			form#infopersos legend {
				color: white;
				font-size: 16px;
				font-weight: bold;
				padding-bottom: 10px;
				text-shadow: 0 1px 1px #c0d576;
				}
				
				form#infopersos > fieldset > legend:before {
					content: "Step " counter(fieldsets) ": ";
					counter-increment: fieldsets;
					}
				
				form#infopersos fieldset fieldset legend {
					color: white;
					font-size: 13px;
					font-weight: normal;
					padding-bottom: 0;
					}
			
			form#infopersos ol li {
				background: #b9cf6a;
				background: rgba(255,255,255,.3);
				border-color: #e3ebc3;
				border-color: rgba(255,255,255,.6);
				border-style: solid;
				border-width: 2px;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				-khtml-border-radius: 5px;
				border-radius: 5px;
				line-height: 30px;
				list-style: none;
				padding: 5px 10px;
				margin-bottom: 2px;
				}
							
				form#infopersos ol ol li {
					background: none;
					border: none;
					float: left;
					}
			
			form#infopersos label {
				display:block;
				text-align:center;
				font-size: 18px;
				width: 100%;
				}
				
			form#infopersos fieldset fieldset label {
				background:none no-repeat left 50%;
				line-height: 20px;
				padding: 0 0 0 30px;
				width: auto;
				}
					
									
				form#infopersos fieldset fieldset label:hover {
					cursor: pointer;
					}
				
			form#infopersos input:not([type=radio]),
			form#infopersos textarea {
				background: #ffffff;
				border: none;
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
				-khtml-border-radius: 3px;
				border-radius: 3px;
				font: 13px Georgia, "Times New Roman", Times, serif;
				outline: none;
				padding: 5px;
				width: 250px;
				}
					
				form#infopersos input:not([type=submit]):focus,
				form#infopersos textarea:focus {
					background: #eaeaea;
					}
					
				form#infopersos input[type=radio] {
					float: left;
					margin-right: 5px;
					}
						 
		form#infopersos button{
				background: #760709;
				border: none;
				-moz-border-radius: 20px;
				-webkit-border-radius: 20px;
				-khtml-border-radius: 20px;
				border-radius: 20px;
				color: #ffffff;
				display: inline-block;
				font: 18px Georgia, "Times New Roman", Times, serif;
				letter-spacing: 1px;
				margin :auto;
				margin-top:20px;
				padding: 7px 25px;
				text-shadow: 0 1px 1px #000000;
				text-transform: uppercase;
				}
					
			form#infopersos button:hover {
					background: black;
					cursor: pointer;
					} 
					



#ajouteuser {
			font-size:25px;
			
			
			} 
					
					
#recherche {
		
		padding-left : 10px;
	
			}
		
	#search {
		position:relative;
		margin-top:10px;
	
			}

		
					
	#policepetite {
			position:relative;
			text-align:left;
			font-size:16px;
			width : 300px;
			display: inline-block;
			vertical-align:top;
			padding-top:0px;
			} 			


  


@media(max-width: 685px){

td {
	
    display:block;
	width:auto!important;
	padding : 5px;
	padding-left:20px;
	padding-right:20px;
	
}

#tableauvente td {
    display:table-cell;

}


	
body { 
   
font-size:16px;

}
 
 #ml {

  padding:10px;
 
  }
  
form#infopersos {
		
		
		width: 300px;
		}

#smart-button-container{

	padding-left:10px;
	padding-right:10px;
	
	
}
	
	#login{
	
	font-size: 14px;
z-index: 7;


}



#tease {
	
	width : 90%;
	font-size : 16px;
	
	
}

#tease P {

	font-size : 16px;
	
}
#imgprod{
		
	width : 360px;
	
}

#coeurvente H1 {
    font-size: 30px;
    font-weight: bold;
    text-align: left;
    margin-left: 10px;
}



h1 {
    font-size: 20px;
      margin-bottom:10px;
}

#tarif {
	position relative;
	display: block;
	width : 360px;
	vertical-align:top;
	margin:auto;


}


#prix {
  font-weight: 700;
  font-size: 20px;
  font-family: "Roboto", sans-serif;
  color: #333; 
  margin:auto;
  }

#cadre {

	width : 95%;
	
	
}

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#logo {
  position: relative;
}

#logo img {
  position: relative;
  width: 95%;
  height: auto;
}

    #bann  {
  position: relative;
  width: 300px;
 height: auto;
} 

#erwanpack {
	width: 300px;
	height: auto;
		
	
	
	
}


}
 /* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */