#menufixe {
    width:100%;
    background-color:#333333;
    height:22px;
    position:fixed;
    margin:auto;
    padding: 0 0 0 0;
    top:0;
    border-bottom-color:#333333;
    border-bottom-style:solid;
    border-bottom-width:10px;
    display:block;
}

.hidden {
    display: none;
}

#menufixe .socialnetwork {
  float:left;
  padding:3 0 3 0;
  margin-left:30px
}

#menufixe  ul{
  margin:auto;
  padding:0;
  width:70%;
}

#menufixe  li {
    font:1em Arial, Helvetica, sans-serif;
	float:left; /* place les �l�ments c�te � c�t� */
	margin: 0 0 0 0; /* haut - bas et g - droite */
	width:12%;
	list-style:none;
}
#menufixe  li a{ /* modifier les attribut de l'�l�ment nav dans les liens (a) du li a est un inline faut le transformer en bloc */

    background-color:#333333;
	color:#fff;
	display:block;
	text-align:center;
    font-weight: bold;
	line-height:30px; /* center verticalement */
	text-decoration:none;
	font-size:1em;

}
#menufixe  li a:hover{ 
	background-color:skyblue;
	color:#333;
    height: 30px;
}


/* 333333
3C78A7
CC3351
#DCDCDC
960px
*/

body {
	background-color:white;
	font:14px Arial, Helvetica, sans-serif;
	padding:0;
	margin:0; 
	color:black;
}


table {
	background-color:white;
	padding:0;
	margin:0; 
	color:black;
}


/* Menu type */

.emailf { display: none; }

#menutype {
width:100%;
background-color:none;
margin:auto;
margin-bottom:15px;
top:0;

}


#menutype ul{
  margin:auto;
  padding:0;
  width:960px;
}
#menutype  li {

	float:left; /* place les �l�ments c�te � c�t� */
	margin: 0px; /* haut - bas et g - droite */
	width:85px;
	list-style:none;
	
}
#menutype li a{ /* modifier les attribut de l'�l�ment nav dans les liens (a) du li a est un inline faut le transformer en bloc */
	background-color:#333333;
	color:#fff;
	display:block;
	text-align:center;
	line-height:25px; /* center verticalement */
	text-decoration:none;
	font-size:0.9em;
} 
#menutype  li a:hover{ 
	background-color:#fff;
	color:#333;
}


/* GENERAL */

a {
	color:#375D81;
	text-align:left;
	text-decoration:none;
}
a:hover {
	color:#375D81;
	text-align:left;
	text-decoration:underline;
	
}
img { border: 0;}

h1 {
	padding-top: 20;
    border-top-style: none;
 	border-right-style: none;
	/*border-bottom-style: solid;*/
 	border-left-style: none;
 	border-width: 2px;
}

h2{
	color:#375D81;
	font-variant:small-caps;
	margin:0;
	padding:0 0 0 0;

}

h3{
	color:#333333;
	margin:0;
	padding:0 0 5px 0;
}

ul{
  list-style-type: none;
  padding: 0;
  margin: 0 0 0 20;
  text-align:left;
    

}
li {
  margin-bottom:5px;
  text-align:left;
}


.imgright{
	float:right;
	margin-right:5px;
}

typeat{
    float:left;
}

.logocoin{
	margin: 10 5 0 5;
    float:right;
}

.barre {
	color:#333;
	/*display:block;*/
	text-decoration:none;
	/*border-bottom:1px solid #375D81;
	border-top:1px solid #375D81;*/
	font-size:1em;
	font-variant:small-caps;
	opacity:0.85;
	padding:0 0 0 0;
	margin:3 0 10 0;
	/*padding-left:20px;
	line-height:15px;*/
}

.imgleft{
	float:left;
    padding:0 20 0 0;
	/*padding:5;
	border:1 solid #333; */
}

.imgright{
	float:right;
	/* border:1 solid #333; */
}

.imgsmall{
    
    margin: 0 10 20 10;
   background: url(images/bg.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}



.test{
	padding:5;
	/*position:relative;*/
	bottom:-100;
	float:right;
	/* border:1 solid #333; */
}

.featured{
	float:left;
	margin: 20 30 20 10;
	/*padding:5px;*/
	width:20%; 
	
	/* border:1 solid #333; */ 
}


.featured  h3 {
	/*color:#fff;*/
	/*background-color:#333333;*/
	margin:0;
	padding: 0px;
	display:block;
	font-size:1.2em;
}

.logocat{
	margin:0 5 25 5;
	padding:5px;
	width:22%;
	border-right:1px solid #BDBDBD;
	/* border:1 solid #333; */ 
}

.logocat  h3{
	color:#fff;
	background-color:#333333;
	margin:0;
	padding: 0px;
	display:block;
	font-size:0.9em;
}

.featured2{
	margin:5 5 5 5;
	padding:5 0 5 0;
    height:190px;
	/*border-bottom:1px solid #BDBDBD; */
	/* border:1 solid #333;
	height:175px;*/
}

.featured3{
	margin:20 5 20 5;
	padding:5px;
	/*border-bottom:1px solid #BDBDBD; */
	/* border:1 solid #333; */
	height:300px;
}

.type {
	font-size:0.6em;
	opacity:0.75;
}



.barrepostit {
	text-decoration:none;
	font-size:1em;
    float: right;
	/* font-variant:small-caps; */
	opacity:0.75;
	padding:0 0 0 0;
	margin:10 10 10 0;
	padding-left:20px;
	font-family:arial;
	vertical-align:middle;
}

/* Header et menu*/

input {
	height: 19px;
	margin-top:2px;
    margin-left:10px;
}


input[type="submit"] {
margin-top:2px;
font-family: inherit;
font-size: 0.8;
color: #fff;
font-weight: bold;
padding: 0 8px;
height: 19px;
background-color: #00afec;
border: 1px solid #000;
border-radius: 1px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
float:right;
}

.conteneur{
  width:100%;
  /*height: 190px;*/
  margin:auto;
  /*padding-top:25px;*/
  padding-bottom:0px;
}

.postitobs {
	width:32%;
	float:right;
	background-color:#E1E6FA;
	font-size:0.8em;
	padding:0px;
	margin:0 0 0 0;
	border-radius:0px;
}

.caracteristique{
	display: inline;
}

.infoat {
    text-align: center;
    padding-top: 5;
	}


#header {
    width:100%;
	height:350px;
	margin:0;
	margin-top:0px;
	margin-bottom:0px; 
	padding:0;
	background-color:#000;
	}
	
/#header img {	
border:0 1 1 1 solid #fff;
}
	}

#header p {
	margin:0;
}


/* page */

#content {
	width:100%;margin:auto;max-width:1280px;
}

#print {
	width:100%;
	margin:auto;
	background-color:#ffffff;
}

#page {

	background-color:#ffffff;
	width:79%;
	padding:15px;
	margin:2 0 0 0; 
	float:right; 
	border:1px solid #aaa;

}




#pagecompare1 {

	background-color:#ffffff;
	width:40%;
	padding:15px;
	margin:2 0 0 0; 
	float:right; 
	border:1px solid #aaa;

}

#pagecompare2 {

	background-color:#ffffff;
	width:40%;
	padding:15px;
	margin:2 0 0 0; 
	float:right; 
	border:1px solid #aaa;

}


#zoom 
{
  display: none;
  position:fixed;
  top: 27%;
  left:40%;
  width: 200px;
  max-height:400px;
  padding: 0;
  border: 1px solid #333;
  background-color: white;
/*  z-index:11;
  overflow: auto;*/
}

#search  {
	
    width:50%; 
    padding:5px;
    
    width:20%;
	margin:10 10 20 10;
	background-color: azure   opacity: 0.5;
	height:160px;
	font-size:0.9em;
	padding:5px;
	margin:0px;
	border-radius:10px;
	/*margin:0px 0px 20px 30px;
	left:35%;
	border-radius:10px;
	border:1px solid #BDBDBD;
	float:left;*/
}

#review {
	width:95%; 
	margin:10px 10px 10px 10px;
	padding:15px;
    border-radius:10px;
	border-radius:5px;
	border:1px solid #BDBDBD;
	float:right;
}

.g-recaptcha{ 
	margin:25px 10px 10px 10px;
	padding:5px;
    border-radius:10px;
	/*border-radius:5px;
	border:1px solid #BDBDBD;*/
	float:right;
}



#searchhaut  {
	float:right;
	/* position:fixed; */
	margin:auto;
	padding:auto;
	border-bottom-left-radius:10px; 
	border-bottom-right-radius:10px; 
}


  
  

#contact  {
    display:none;
	top:25px;
	position:fixed;
	background-color:#fff;
	width:960px;
	margin:auto;
	padding:auto;
	border-bottom-left-radius:10px; 
	border-bottom-right-radius:10px; 
	border:1px solid #BDBDBD;

}

#postitleft {
	width:20%;
	margin:10 10 20 10;
	background-color:#E1E6FA;
	height:160px;
	font-size:0.9em;
	padding:5px;
	margin:0px;
	border-radius:10px;
	float:left;
}




#postit {
	
    width:50%;
	float:right;
    background-image: linear-gradient(to right,#E1E6FA, white );
	/*background-color:#E1E6FA;*/
	font-size:1em;
	padding:15px;
	margin:15;
    border-radius:10px;
}

#postitdown {
	width:30%;
	float:right;
	font-size:0.9em;
	padding:5px;
	margin:15 0 0 0;
	border-radius:10px;
}


/* menu */

#menu {
	/* background-color:#fff;  #DCDCDC */
	width:17%;
	margin:0 0 0 0; 
	padding:0px;
	font-size:0.9em;
	float:left;
	
	/* border:1px solid #BDBDBD; */
	}

	
#menu h2 {

	color:#fff;
	background-color:#333;
	margin:0 0 10 0;
	padding: 0 0 0 0;
	border:1px solid #fff;
	display:block;
	-webkit-border-top-right-radius: 10px;
-moz-border-radius-topright: 10px;
border-top-right-radius: 10px;
font-size: 1.2em;
}


#menu .blocmenusearch{
    background-color: #fff;
    padding: 0 0 0 0;
    margin-bottom:10px;
    
	  	-webkit-border-top-right-radius: 10px;
-moz-border-radius-topright: 10px;
border-top-right-radius: 10px;
border:1px solid #aaa;
}

#menu .blocmenuhaut{
	  background-color: #fff;
	  margin-bottom:10px;
	  	-webkit-border-top-right-radius: 10px;
-moz-border-radius-topright: 10px;
border-top-right-radius: 10px;
border:1px solid #aaa;
}

#menu .blocmenumilieu{
  	-webkit-border-top-right-radius: 10px;
-moz-border-radius-topright: 10px;
border-top-right-radius: 10px;
	  background-color: #fff;
	  margin-bottom:10px;
	  border:1px solid #aaa;
}
#menu .blocmenubas{
  	-webkit-border-top-right-radius: 10px;
-moz-border-radius-topright: 10px;
border-top-right-radius: 10px;
	  background-color: #fff;
	  margin-bottom:10px;
	  	-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-bottomright: 10px;
border-bottom-right-radius: 10px;
border:1px solid #aaa;
}

 #menu ul {
  padding:5px;
} 

 #menu li {
  list-style-image: url(puce.png);
  padding:0px;
  list-style-position: inside;
} 


#footer {
    border:1px solid #aaa;
    width:79%;
    background-color:#fff;
	padding:15px;
	margin:10 0 0 0; 
	float:right;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-left-radius: 10px;
}

#footer img {
margin-left:10px;
vertical-align:middle;
}
 
@media all and (max-width:640px) and (min-width:0px) {
	body {
	    background-color: white;font:16px Arial, Helvetica, sans-serif;
	 }
	#menu {
		display:none;
	}
	#page {
		width:90%;
		margin-left: auto;
	    margin-right: auto;
	    float:none;
	}
	#header {
		height:130px;
	}
	#footer {
	    display:none;
	}
	#menufixe {
	position:absolute;
	display:none;
	}

	#menufixe  li {
		width:40%;
		float:left;
	}


.postitobs {
	width:32%;
	float:right;
	background-color:#E1E6FA;
	font-size:0.8em;
	padding:0px;
	margin:0 0 0 0;
	border-radius:0px;
	display:none;
}

	
	.featured  {
		float:none;
		width:100%; 
		margin-left: auto;
	    margin-right: auto;
	}
	.featured2  {
		height:300%;
	}
	.conteneur{
  	height: 130px;
	}
	#postit {
    	width:90%;
    }
    ul{
 		 text-align:center;
	}
    li {
 		 text-align:center;
	}



}