/*base*/

#alerteUE div
{
background-color:rgb(126,149,229);
color:#ffffff;
display:block;
padding-top:2px;
padding-bottom:2px;
font-size:10px;
line-height:13px;
text-align:left;
padding-left:5px;
padding-right:5px;
}

.JUST
{
text-align:justify;	
}


html
{
 background-color:#e0e0e0; 
 background-image:url(/ressources-242/images/fond.png);
background-attachment:fixed;
}


body
{
padding:0px;
margin:0px;
font-family:verdana;
font-size:12px;
width:90%;
margin:auto;
background-color:#ffffff;
box-shadow:0px 0px 6px 2px rgba(0,0,0,0.3);
position:relative;
max-width:1300px;
color:#202020;
}

h1
{
 margin:0px;
background-color:#8DA6FF;
border-left:3px solid #F0E40D;
border-right:3px solid #F0E40D;
padding:10px;
padding-top:5px;
padding-bottom:5px;
font-size:13px;
color:#ffffff;
margin-bottom:10px;
}

h2
{
margin:0px;
border-bottom:3px solid #F0E40D;
padding:10px;
padding-top:5px;
padding-bottom:5px;
font-size:12px;
margin-top:10px;
margin-bottom:5px;
clear:both;
}

h3
{
margin:0px;
padding:0px;
margin-top:10px;
font-size:12px;
clear:both;
}

a
{
outline:0px;
color:rgb(84,99,153);
text-decoration:none;
}

a img
{
border:0px;
}

ul,ul li
{
padding:0px;
margin:0px;
list-style-type:none;
}

.liste li
{
list-style-type:disc;
margin-left:15px;
}

form
{
overflow:auto;	
}

input,select
{
display:block;
box-sizing:border-box;
-moz-box-sizing:border-box;
margin:0px;
height:22px;
line-height:inherit;
font-size:inherit;
font-family:inherit;
padding:2px;
margin-top:3px;
margin-bottom:3px;

border-radius:0px;
-webkit-border-radius:0px;
}
textarea
{
display:block;
box-sizing:border-box;
-moz-box-sizing:border-box;
margin:0px;
line-height:inherit;
font-size:inherit;
font-family:inherit;
padding:2px;
margin-top:3px;
margin-bottom:3px;
}

select
{
max-width:100%;
padding:0px;
outline:0px;
}

input[type=text],input[type=email],input[type=password],textarea
{
width:100%;
border:1px solid #8DA6FF;
-webkit-appearance: none;
}

input[type=checkbox]
{
display:inline;
padding:0px;
margin:0px;
height:auto;
line-height:inherit;
vertical-align:bottom;
margin-right:5px;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus
{
box-shadow:inset 0px 0px 3px 0px rgba(240,228,13,0.95);
border-color:#F0E40D;
}


input[type=text]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder
{
color:#b0b0b0;
opacity:  1;
}


input::-moz-placeholder
{
color:#b0b0b0;
opacity:  1;
}

input[type=submit]
{
padding:0px;
border:1px solid rgb(70,83,127);
border-radius:5px;
box-shadow:0px 0px 3px 0px rgba(0,0,0,0.3);
background-color:rgb(198,210,255);
color:rgb(70,83,127);
background-image:linear-gradient(to top,rgba(0,0,0,0.15),rgba(0,0,0,0) 25%,rgba(255,255,255,0) 85%,rgba(255,255,255,0.4) 100%);
outline:0px;
	
}

input.fpass
{
padding-left:20px;
background-image:url(/ressources-242/images/icones/16/password.png);
background-position:2px center;
background-repeat:no-repeat;
}
input.fpseudo
{
padding-left:20px;
background-image:url(/ressources-242/images/icones/16/user.png);
background-position:2px center;
background-repeat:no-repeat;
}
input.fmail
{
padding-left:20px;
background-image:url(/ressources-242/images/icones/16/mail.png);
background-position:2px center;
background-repeat:no-repeat;
	
}



blockquote
{
background-color: rgba(255,255,255,0.5);
}


input[type=submit]:hover
{

background-image:none;
}

input[type=submit]:active
{

background-image:linear-gradient(to bottom,rgba(0,0,0,0.15),rgba(0,0,0,0) 25%,rgba(255,255,255,0) 85%,rgba(255,255,255,0.4) 100%);
}


input[type=submit].centered
{
display:block;
margin-left:auto;
margin-right:auto;
}/*modele*/
.pc
{
width:100%;
margin-bottom:10px;
text-align:center;
}


#alertecookies
{
color:red;
display:none;
}
#alertecookies.visible
{
display:block;
}

.colle
{
float:left!important;
width:200px!important;
}

.colle + input[type=submit]
{
float:left;
border-radius:0px;	
border:1px solid #8DA6FF;
background-color:#8DA6FF;
color:#ffffff;
box-shadow:none;
}

#recherche
{
margin:0px;
height:45px;
padding-top:24px;
position:absolute;
right:0px;
top:0px;
padding-left:20px;
padding-right:20px;
overflow:auto;
}


#recherche input
{
float:left;
margin:0px;
}


#recherche input[type=text]
{
width:200px;
border-color:#ffffff;
background-color:#ffffff;
box-shadow:none;
}

#recherche input[type=submit]
{
width:20px;
border-color:#ffffff;
overflow:hidden;
box-shadow:none;
background-color:#ffffff;
color:transparent;
border-radius:0px;
background-position:center center;
background-repeat:no-repeat;
}

#recherche input[type=text]:focus
{
border-color:#F0E40D;
}
#recherche input[type=text]:focus + input[type=submit]
{
background-color:#F0E40D;
border-color:#F0E40D;
}






.searchresult
{
display:block;
margin:auto;
margin-top:15px;
max-width:700px;
color:#202020;
}


.searchresult .link
{
display:inline-block;
color:rgb(70,83,127);
text-decoration:underline;
padding-bottom:4px;
}

.searchresult .dt
{
display:block;
opacity:0.5;
}





.imagelivre
{
width:250px;
max-width:50%;
border:1px solid #F0E40D;
}



 .imagelivregauche
 {
 float:left;
 margin-right:10px;
 }
 .imagelivredroite
 {
 float:right;
 margin-left:10px;
 }

@media (max-width:550px)
{

.imagelivre
{
 float:none;
margin:auto;
display:block;
max-width:100%;
max-width:100%;
 }
}

.sub
{
overflow:auto;
margin-top:10px;
}
.sub li
{
float:left;
width:15%;
overflow:auto;
height:0px;
margin-bottom:0px;
text-align:right;
}
.sub li,
.sub li.active
{
height:auto;
}

.sub li a
{
color:#202020;
padding:5px;
display:block;
background-color:#e8e8e8;
text-align:center;
text-overflow:ellipsis;
white-space:nowrap;
margin-right:1px;
transition:background 0.2s linear;
}

.sub li a:hover
{

background-color:rgb(186,199,243);

}
.sub li.active a
{
color:white;
font-weight:bold;
background-color:#8DA6FF;
color:#ffffff;
}



.belleadmin
{
table-layout:fixed;
border-collapse:collapse;
width:100%;
margin-bottom:10px;
}
.belleadmin th,
.belleadmin td
{
padding-left:2px;
padding-right:2px;
line-height:1.4em;
}

.belleadmin td a
{
display:block;
color:inherit;
}

.belleadmin th:nth-child(even)
{
background-color:#8DA6FF;
color:#ffffff;
}

.belleadmin th:nth-child(odd)
{
background-color:#8DA6FF;
background-image:linear-gradient(to top,rgba(0,0,0,0.1),rgba(0,0,0,0.1));
color:#ffffff;
}

.belleadmin th a 
{
color:#ffffff;
}

.belleadmin tr:nth-child(odd)
{
background-color:#e8e8e8;
}




.belle
{
table-layout:fixed;
border-collapse:collapse;
width:100%;
margin-bottom:10px;
}



.belle th,
.belle td
{
line-height:25px;
padding-left:2px;
padding-right:2px;
}

.belle td a
{
display:block;
color:inherit;
}

.belle th:nth-child(even)
{
background-color:#8DA6FF;
color:#ffffff;
}

.belle th:nth-child(odd)
{
background-color:#8DA6FF;
background-image:linear-gradient(to top,rgba(0,0,0,0.1),rgba(0,0,0,0.1));
color:#ffffff;
}

.belle th a 
{
color:#ffffff;
}

.belle tr:nth-child(odd)
{
background-color:#e8e8e8;
}




.voiraussi
{
overflow:auto;
}


.voiraussi li
{
float:left;
margin:0px;
margin-right:2%;
margin-bottom:10px;
}


.voiraussi li a
{
text-align:center;
display:block;
height:6.6em;
line-height:1.6em;
overflow:hidden;
background-color:#e8e8e8;
color:rgb(84,99,153);
}



.voiraussi li.infoslien a span
{
background-color:#F0E40D;
color:#202020;
text-overflow:ellipsis;
overflow:hidden;
white-space: nowrap;
line-height:1.8em;
}



.voiraussi li.addlien a span
{
background-color:#8DA6FF;
color:#ffffff;
text-overflow:ellipsis;
overflow:hidden;
white-space: nowrap;
}

.voiraussi li a span
{
display:block;
font-weight:bold;
}

.tableform
{
 table-layout:fixed;
border-collapse:collapse;
width:100%;
}
.tableform td
{
 padding:0px; 
}

.tableform td:first-Child
{
background-color:#e8e8e8;
font-weight:bold;
width:150px;
}

.m_error
{
background-color:red;
color:#ffffff;
font-weight:900;
padding:5px;
}
.m_ok
{
background-color:green;
color:#ffffff;
font-weight:900;
padding:5px;
}


@media (min-width:1000px)
{
.voiraussi li{width:23.5%;}
.voiraussi li:nth-child(4n+4){margin-right:0%;}
}

@media (max-width:1000px) and (min-width:801px)
{
.voiraussi li{width:32%;}
.voiraussi li:nth-child(3n+3){margin-right:0%;}
}


@media (max-width:800px)
{
.voiraussi li{width:49%;}
.voiraussi li:nth-child(2n+2){margin-right:0%;}
}


/*layout*/
#header
{
background-color:#8DA6FF;
background-image:linear-gradient(to top,rgba(0,0,0,0.1),rgba(0,0,0,0) 10px);
position:relative;
}
 
#logo
{
display:block;
color:#ffffff;
text-align:right;
font-weight:bold;
text-shadow:0px 0px 4px rgba(0,0,0,0.3);
overflow:auto;
height:69px;
}

#logo img
{
float:left;
display:block;
width:280px;max-width:100%;
margin-top:4px;
margin-bottom:6px;
}

#menu
{
overflow:auto;
}

#menu li a
{
display:block;
padding:7px;
padding-left:13px;
padding-right:13px;
margin-right:5px;
font-weight:bold;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap; 
transition:background 0.2s linear;
}



#menu li.bouton a
{
background-color:rgb(163,183,255);
border-top:2px solid rgb(209,219,255);
}

#menu li.boutondroit a
{
background-color:transparent;
border-top:2px solid transparent;
margin-left:5px;
margin-right:0px;
}

#menu li:hover a
{
border-top:2px solid #F0E40D;
background-color:rgb(186,201,255);
}


#menu li.bouton
{
float:left;
}

#menu li.boutondroit
{
float:right;
}

#menu li.bouton a
{
color:#ffffff;
}

#menu li.boutondroit a
{
color:#ffffff;
}

#menu li.active a
{
border-top:2px solid #F0E40D;
background-color:#ffffff;
color:#202020;
}

#footer
{
padding-top:10px;
padding-bottom:10px;
border-top:1px solid #F0E40D;
font-size:9px;
text-align:center;
border-bottom:2px solid #8DA6FF;
color:#808080;
}

#footer a
{
color:#8DA6FF;
}






#CONTENTM
{
overflow:auto;
padding:10px;
}



#navig
{
width:200px;
float:left;
}

#content
{
float:right;
width:100%;
margin-left:-200px;
}


#innercontent
{
margin-left:200px;
padding-left:10px;
border-left:1px solid #F0E40D;
overflow:auto;
}


.bopen
{
  display:none;
}

.bclose
{
  display:none;
}



@media (max-width:650px)
{
#navigglob .bopen
{
  display:inline;
}

#navigglob .bclose
{
  display:none;
}

#navigglob.open .bopen
{
  display:none;
}
#navigglob.open .bclose
{
  display:inline;
}


#navigglob
{
position:absolute;
left:0px;
top:0px;
padding-top:10px;
padding-left:10px;
}

#navigglob.open
{
width:90%;
max-width:250px;
background-color:#8DA6FF;
background-color:#404040;
box-shadow:0px 0px 8px 4px rgba(0,0,0,0.4);
}

#navigglob .menunavig
{
  display:none;
}
#navigglob.open .menunavig
{
  margin-left:0px;
  margin-right:10px;
  display:block;
}
}

@media (max-width:1131px)
{
  
body
{
width:100%;
}

  
}

@media (max-width:650px)
{


#navig,#content
{
float:none;
width:100%;
margin:0px;
}


#navig
{
  padding:0px;
  margin:0px;
margin-top:10px;

padding-top:10px;
}


#innercontent
{
margin:0px;
padding-left:0px;
border-left:0px solid #F0E40D;
overflow:auto;
}

#recherche
{
padding:5px;
position:relative;
height:auto;
text-align:center;
}

#recherche input
{
	float:none;
	display:inline-block;
height:30px;	
}

#menu
{
  padding-top:5px;
  padding-left:2px;
}

#footer
{
border-top:2px solid #F0E40D;
}

}



@media (max-width:650px)
{

#menu li
{
width:50%;
}

#menu a
{
border:0px!important;
margin-left:0px!important;
margin-right:2px!important;
margin-bottom:2px!important;
text-align:center;
}

#menu li.active a
{
background-color:#F0E40D!important;
}

#logo img
{
float:none;
margin:auto;
}

#logo
{
 margin-left:50px;
margin-right:50px;
height:auto;
min-height:52px;
}

#alerteUE
{
position:fixed;
z-index:99;
}

#alerteUE div
{
margin:5px;
}

}



/*proprotionalité de la barre de gauche*/
@media (min-width:1020px)
{
  
#navig
{
width:20%;
float:left;
}
#content
{
float:right;
width:80%;
}


#innercontent
{
margin-left:0px;
padding-left:10px;
border-left:1px solid #F0E40D;
}
  
}/*formconnection*/


#connectionform
{
text-align:center;	
}

#connectionform h2
{
margin:0px;
border:0px;
padding:0px;
height:40px;
line-height:40px;
cursor:pointer;
background-clip:padding-box;
transition:background-color 0.2s linear;
background-image:linear-gradient(to bottom, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 30%,rgba(0,0,0,0) 60%,rgba(0,0,0,0.1) 100%);
}
#connectionform h2 > span
{
overflow:hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

#connectionform h2 span span
{
opacity:0.7;
display:block;
line-height:15px;
margin-top:-15px;
height:15px;
font-weight:normal;
font-size:smaller;
transition:opacity 0.2s linear;
}
#connectionform .plus h2 span span
{
opacity:0;
}

#connectionform h2:before
{
	content:"";
	z-index:99;
	transition:width 0.2s linear,margin 0.2s linear;
	position:relative;
	width:0px;
	margin:0px;
	background-color:#e8e8e8;
	background-image:linear-gradient(to bottom, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 30%,rgba(0,0,0,0) 60%,rgba(0,0,0,0.1) 100%);
}

#connectionform #connection.less h2:before
{
	float:left;
	margin-left:-20px;
	width:20px;
	height:40px;
	border-top-left-radius:100% 50%;
	border-bottom-left-radius:100% 50%;
}
#connectionform #inscription.less h2:before
{
	float:right;
	margin-right:-20px;
	width:20px;
	height:40px;
	border-top-right-radius:100% 50%;
	border-bottom-right-radius:100% 50%;
}


#connectionform .less:hover h2:before,
#connectionform  h2:hover
{
background-image:linear-gradient(to top, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 30%,rgba(0,0,0,0) 60%,rgba(0,0,0,0.1) 100%);
}


#inscription,
#connection
{
vertical-align:top;
display:inline-block;
transition:width 0.2s linear;
}

#inscription h2
{
border-top-left-radius:20px;
border-bottom-left-radius:20px;
border:1px solid #8DA6FF;
border-right:0px;
}

#connection h2
{

border-top-right-radius:20px;
border-bottom-right-radius:20px;
border:1px solid #8DA6FF;
border-left:0px;
}


#connectionform .equal
{
width:250px;
}

#connectionform .plus
{
width:300px;	
}

#connectionform .less
{
width:200px;
}

#inscription.equal
{
width:249px;
border-right:1px solid #8DA6FF;
}

@media (max-width:800px)
{
	#connectionform
	{
	min-width:0px;
	}
	
	#connectionform .equal
	{
	width:49%;
	}

	#connectionform .plus
	{
	width:59%;	
	}

	#connectionform .less
	{
	width:39%;
	}


}



#connectionform .equal h2
{
background-color:rgb(198,210,255);
}

#connectionform .plus h2
{	
background-color:#8DA6FF;
color:#ffffff;
border-bottom-right-radius:0px;
border-bottom-left-radius:0px;
}

#connectionform .less h2
{	
background-color:#e8e8e8;
}


#connectionform form
{
display:block;
margin:0px;
padding:10px;
border-left:1px solid #8DA6FF;
border-right:1px solid #8DA6FF;
border-bottom:1px solid #8DA6FF;
}

#connectionform .contain
{
max-height:0px;
overflow:hidden;
background-color:white;
color:#000000;
text-align:left;
transition:max-height 0.2s linear;
}

#connectionform .plus .contain
{
max-height:250px;
}
/*iconindex*/
.iconindex
{
  margin-bottom:10px;
  margin-top:10px;
  overflow:visible;
  text-align:center;
}

.iconindex li:nth-child(3n+1)
{
clear:both;
}


.iconindex li
{
	display:inline-block;
	vertical-align:top;
	width:33.33%;
	min-width:100px;
margin:0px;
  margin-bottom:20px;
  overflow:visible;
}
.iconindex li a
{
	

	display:block;
	text-align:center;
	color:#000;
	font-weight:bold;
	max-width:100%;
	margin-left:10px;
	margin-right:10px;
	padding:0px;
}

.iconindex li a > span
{

	background-color:#8DA6FF;
	border-radius:50%;
	display:block;
	height:57px;
	width:65px;
	padding-top:8px;
	margin:auto;
	color:#ffffff;
}

.iconindex li span img
{
	display:block;
}

.iconindex li span img + img
{
	display:none;
}

.iconindex li a:hover span
{
	background-color: #F0E40D;
	color:#202020;
}

.no-touch .iconindex li a:hover span img
{
	display:none;
}
.no-touch .iconindex li a:hover span img + img
{
	display:block;
}

.iconindex li img
{
	display:block;
	margin:auto;
	width:50px;
}

@media (min-width:900px)
{
.iconindex li
{
width:25%;
}
.iconindex li:nth-child(3n+1)
{
clear:none;
}
.iconindex li:nth-child(4n+1)
{
clear:both;
}

}

@media (min-width:1100px)
{
.iconindex li
{
width:20%;
}
.iconindex li:nth-child(5n+1)
{
clear:both;
}
.iconindex li:nth-child(4n+1)
{
clear:none;
}

}/*additif*/
.additif
{
border-top:1px solid #e0e0e0;
margin-bottom:10px;
}

.additif > li
{
  overflow:auto;
  padding-bottom:6px;
  padding-top:6px;
  border-bottom:1px solid #e0e0e0;

}

.additif .Origine img
{
float:left;
height:25px;
width:25px;
margin-right:4px;
}

.additif .Origine
{
line-height:25px;
}

.additif li div.legende
{
  font-weight:bold;
  width:150px;
  padding-right:10px;
  float:left;
}

.additif .noms
{
 font-weight:bold; 
 text-align:center;
 line-height:30px;
}

.additif .noms span
{
white-space:nowrap;
padding-left:20px;
padding-right:20px;
}

.additif .noms span:first-child
{
display:block;
text-align:center;
font-size:15px;
}

.additif li div
{
}

.additif li > div+div
{
 padding-left:160px; 
}


.commentaire
{
	display:block;
	margin-bottom:10px;
	overflow:auto;
}

.commentaire span
{
	display:block;
	float:left;
	width:90px;
	padding:5px;
	font-weight:bold;
	background-color:#8DA6FF;
	color:#ffffff;
}

.commentaire div
{
	border-top:1px solid #8DA6FF;
	margin-left:100px;
	text-align:justify;
	padding:5px;
}
.linkadditif
{
position:relative;
}
.linkadditif[title]:after{
 content:" (" attr(title) ")";

}/*infos*/
.pages
{
  overflow:auto;
  margin-bottom:10px;
	text-align:center;
}
.pages a
{
display:inline-block;

  padding:5px;
  width:50px;
  color:#000000;
  background-color:#8DA6FF;
  color:#ffffff;
  font-weight:bold;
  text-align:center;
  border-right:1px solid #8DA6FF;
}

.pages a:first-child
{
  border-top-left-radius:5px;
  border-bottom-left-radius:5px;
}

.pages a:last-child
{
  border-top-right-radius:5px;
  border-bottom-right-radius:5px;
  border-right:0px;
}

.pages a.active,.pages a:hover
{
  background-color:#F0E40D;
  color:#202020;
}

.pages a.active
{

  pointer-events:none;
}

.infos h2
{
background-color:#8DA6FF;
margin:0px;
color:#ffffff;
border:0px;
font-size:14px;
}

.infos h2 a
{
color:inherit;
font-weight:inherit;
}

.infos
{
overflow:auto;
max-width:800px;
width:90%;
margin:auto;
margin-bottom:20px;
background-color:#e8e8e8;
}
.infos  div.infosmessage
{
padding:10px;
border-top:0px;
text-align:justify;
padding-bottom:5px;
}

.infos  div.footer
{
padding:10px;
padding-top:5px;
padding-bottom:5px;
background-color:rgba(255,255,255,0.5);
border-top:1px solid rgba(141,166,255,0.5);
border-bottom:1px solid rgba(141,166,255,0.5);
line-height:20px;
overflow:auto;
}

.infos div.footer span
{
float:right;
font-size:smaller;
color:#808080;line-height:20px;
}


.infos .produit
{
text-align:center;
margin-bottom:10px;
}

.infos .produit >div
{
display:inline-block;
max-width:250px;
background:#ffffff;
border:1px solid #8DA6FF;
}

.infos .produit img
{
display:block;
max-width:100%;
max-height:300px;
margin:auto;
}

.infos .produit a
{
display:block;
}


.infos a
{
font-weight:bold;
}

.infos.analyse .infosmessage
{
 background-image:url(/ressources-242/images/icones/analyse-blanc.svg); 
 background-size: 25% auto;
 background-position:bottom right;
 background-repeat:no-repeat;
}
.infos.alerte .infosmessage
{
 background-image:url(/ressources-242/images/icones/alerte-blanc.svg); 
 background-size: 25% auto;
 background-position:bottom right;
 background-repeat:no-repeat;
}
.infos.conseil .infosmessage
{
 background-image:url(/ressources-242/images/icones/conseil-blanc.svg); 
 background-size: 25% auto;
 background-position:bottom right;
 background-repeat:no-repeat;
}



.infos .ingredients
{
float:right;
width:100%;
max-width:250px;
margin-left:10px;
margin-bottom:10px;
background:#ffffff;
border:1px solid #8DA6FF;
text-align:left;
}

.infos .ingredients ul
{
padding:5px;
padding-top:0px;
}

.infos .ingredients > ul > li
{
border-top:1px dotted #8DA6FF;
}

.infos .ingredients ul  ul
{
padding-left:25px;
}

.infos .ingredients img
{
display:block;
max-width:100%;
max-height:300px;
margin:auto;
margin-bottom:5px;
}

.pfacebook,
.ptwitter
{
display:inline-block;
padding:2px;
padding-right:10px;
padding-left:10px;
border-radius:5px;
margin-right:5px;
background-image:linear-gradient(to bottom,rgba(255,255,255,0.2),rgba(255,255,255,0),rgba(0,0,0,0),rgba(0,0,0,0.1));
}

.pfacebook:hover,
.ptwitter:hover
{
background-image:linear-gradient(to top,rgba(255,255,255,0.2),rgba(255,255,255,0),rgba(0,0,0,0),rgba(0,0,0,0.1));
}

.pfacebook img,
.ptwitter img
{
vertical-align:bottom;
margin-right:10px;
}

.pfacebook
{
background-color:#43609c;
color:#ffffff;
}

.ptwitter
{
background-color:#55acee;
color:#ffffff;
}


@media (max-width:850px)
{


.infos .produit >div,
.infos .ingredients
{
max-width:100%;
width:auto;
margin:0px;
float:none;
display:block;
margin-bottom:10px;
}	
	
}

@media (min-width:1000px)
{
.infos .ingredients
{
max-width:350px;
}
}/*menu*/

.menunavig
{
  margin-bottom:10px;
}

.menunavig .iconmenu
{
float:left;
height:16px;
margin-right:5px;
}

.menunavig li a
{
  color:#202020;
  padding:5px;
  display:block;
  transition:border-width linear 0.1s;
}

.menunavig li
{
  margin-bottom:2px;
clear:both;
overflow:auto;
}

.menunavig li:hover > 	a
{
border-left:6px solid #F0E40D;
}


.menunavig li > a
{
background-color:#e8e8e8;
  
}


.menunavig li.active > a
{
  font-weight:bold;
  background-color:#F0E40D;
color:#202020;
border-left:0px!important;
}