/* GENERAL */
body {
	font-family: Raleway, Opensans, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5e5e5e;
	background-color: #d6d6d6;
	background-image: url(../images/background-2016.jpg); background-size: 450px 450px;
	font-style: normal;
	margin: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 1;
}
.boxcentral {
	width: 100%;
	maax-width:1500px;
}
p {margin-top:3px;margin-bottom:14px;}

input[type="submit"] { font-family: Raleway, Opensans, Arial, Helvetica, sans-serif; font-size: 13px; background: #ddd;border: 1px solid #333; color: #444;}
input, textarea, select { font-family: Raleway, Opensans, Arial, Helvetica, sans-serif; font-size: 13px; background: #eee;border: 1px solid #888; color: #444;}
.button { padding:5px 6px 5px 6px; font-family: Raleway, Opensans, Arial, Helvetica, sans-serif; font-size: 13px; background: #ddd;border: 1px solid #333; color: #444;}
.button:hover {border: 1px solid #000;color:#fff;background:#888;}
.fadein { position:relative; wiidth:100%; heeight:332px; }
.fadein img { position:absolute; left:0; top:0; }
h1 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	maargin-bottom: 25px;
	font-size: 22px;
	color: #777777;	
	font-style: normal;
	text-transform: uppercase;
	line-height: 1.2;
	font-family: Raleway,Opensans, Arial, Helvetica, sans-serif;
}
h2 {
	font-family: Raleway, Opensans, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	font-style: normal;
	co0lor: #444444;
	margin: 0;
	padding: 0;
	maargin-bottom: 15px;
	liine-height: 13px;
}
h2 a:link, h2 a:visited {
	font-family: Raleway, Opensans, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	font-style: normal;
	color: #777777;
	margin: 0;
	padding: 0;
	margin-bottom: 15px;
	liine-height: 23px;
	text-decoration: none;	
}
h2 a:hover, h2 a:visited:hover {
	font-family: Raleway, Opensans, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	font-style: normal;
	color: #777777;
	margin: 0;
	padding: 0;
	margin-bottom: 15px;
	liine-height: 23px;
}
h3 {	
	font-family: Raleway, Opensans, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: bold;
	color: #555555;
	line-height: 21px;
	margin: 0;
	padding: 0;
	margin-bottom: 15px; 
    display:inline;
}
h4 {
	font-family: Opensans, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #777777;
	text-decoration: underline;
	font-style: normal;
	margin: 0;
	padding: 0;
	margin-bottom: 15px;
}
h5 {
	font-family: Opensans, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #777777;
	margin: 0;
	padding: 0;
	margin-bottom: 15px;
}
aa:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #26495f;
	text-decoration: underline;
}
aa:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #26495f;
	text-decoration: none;
}
aa:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #26495f;
	text-decoration: underline;
}
aa:visited:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #26495f;
	text-decoration: none;
}
/* HYPERLIEN PETIT */
a.anchor_petit:link {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #26495f;
	text-decoration: underline;
	font-style: normal;
}
a.anchor_petit:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #26495f;
	text-decoration: none;
}
a.anchor_petit:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #26495f;
	text-decoration: underline;
}
a.anchor_petit:visited:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #26495f;
	text-decoration: none;
}
/* TITRE PAGE D'ACCUEIL */
.titre_1 {
	font-family: Opensans, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #777777;
}
.titre_2 {
	font-family: Opensans, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #999999;
}
/* PARTIE CENTRALE */
td.texte_central {
	foont-family: Opensans, Arial, Helvetica, sans-serif;
	background-color: #fff;
	text-align: justify;
	vertical-align: top;
	padding: 0px;
	liine-height: 100%;
}
.texte_central {
	font-family: Raleway, Opensans,Arial, Helvetica, sans-serif;  color: #666;
	font-size: 14px;
	font-style: normal;
	teext-align: left;
	white-space: normal;
	line-height: normal; 
  padding: 0px 20px 20px 20px;
	/*border-color: #888; border-width: 1px; border-style: solid;*/
}
.texte_central_petit {
	font-family: Raleway, Opensans,Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;	
}
.titre_page {
	font-size: 22px;
	color: #777777;
	font-style: normal;
	font-weight: normal;
	font-family: Opensans, Tahoma, Geneva, sans-serif;
	margin: 0;
	text-transform: uppercase;
}
/* TABLE PRINCIPALE */
.bckgbleu {
	
	/*text-align: left;
	padding-right: 0px;
	font-family: Opensans, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	padding-top: 0px;
	vertical-align: middle;
	padding-left: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	font-style: normal;*/
	color: #FFFFFF;
}
/* SUR PAGE PROMO (IDEAL PROTEIN) */
.blanc {
	color: #FFFFFF
}
.bleu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #26495F; 
}
.rouge {
	color: #A02125
}
.rouge_gras_18 {
	font-size: 18px; 
	font-weight: bold; 
	color: #972B29; 
}
.bleu_gras_16 {
	font-weight: bold; 
	font-size: 16px; 
	color: #1F3684; 
}
.style1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
.style3 {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	color: #333333; 
}
.style9 {	color: #DC2453;
	font-weight: bold;
}
.style10 {color: #DC2453; font-weight: bold; font-size: 16px; }
.style11 {font-size: 14px}
.style12 {color: #DB2D63}
.style14 {color: #FFFFFF}
.rouge14 {
	font-size: 14px;
	font-weight: bold;
	color: #972B29;
	font-style: normal;
}
.bleu14italic {
	color: #1F3684;
	font-weight: bold;
	font-style: italic;
	font-size: 14px;
}
.bleu12 {
	font-weight: bold;
	font-size: 12px;
	color: #1F3684;
}
.vert18 {
	color: #B2C649;
	font-weight: bold;
	font-size: 18px;
}
/* MENU DU HAUT */
.menu_haut {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #fff;
	text-decoration: none;	
}
a.menu_haut:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
}
a.menu_haut:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #5e5e5e;	
	text-decoration: underline;
}
a.menu_haut:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #5e5e5e;
	text-decoration: none;
}
a.menu_haut:visited:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #5e5e5e;	
	text-decoration: underline;
}
/* MENU PRINCIPAL */
a.menu_principal:link, a.menu_principal:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	/*pfcolor: #5e5e5e;*/
	color: #eeeeee;
	text-decoration: none;
	display: block;
	padding-left: 11px;
	/*pfbackground-color: #ccdae3;*/
	background-color: #b0aba4;
	/*pfbackground-image: url(../images/separateur-menu-principal.jpg);*/
	background-repeat: no-repeat;
	background-position: 5px bottom;
	line-height: 35px;
}
a.menu_principal:hover, a.menu_principal:visited:hover {
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 15px;
	font-weight: normal;
	color: #fff;	
	text-decoration: none;
	display: block;
	padding-left: 11px;		
	background-color: #E2DACA;
	background-image: none;
	/*background-image: url(../images/separateur-menu-principal.jpg);
	background-repeat: no-repeat;
	background-position: 5px bottom;*/
	line-height: 35px;
}

a.menu_chroniques:link, a.menu_chroniques:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #F7F4ED;
	text-decoration: none;
	line-height: 22px;
	margin: 0;
	padding: 0;
	letter-spacing: 0;
}
a.menu_chroniques:hover, a.menu_chroniques:visited:hover {
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 12px;
	font-weight: normal;
	color: #fff;	
	text-decoration: underline;
	line-height: 22px;
	margin: 0;
	padding: 0;
	letter-spacing: 0;
}

/* TOUS DROIT RÉSERVÉS */
.note_bas_page {
	font-family: Opensans, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #fff; background-color: #888;
}
/* LIENS DE LISTE */
a.liste:link {
	font-family: Opensans, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	color: #26495f;
	text-decoration: none;
}
a.liste:hover {
	font-family: Opensans, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	color: #26495f;	
	text-decoration: underline;
}
a.liste:visited {
	font-family: Opensans, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	color: #26495f;
	text-decoration: none;
}
a.liste:visited:hover {
	font-family: Opensans, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	color: #26495f;	
	text-decoration: underline;
}
/* HYPERLIENS AVEC TOOLTIP */
.info_tooltip_trigger {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	color: #26495F;
	text-decoration: underline;
	margin-left: 10px;
}
/* HYPERLIENS DES DÉPLIANTS */
.depliant:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #26495f;
	text-decoration: underline;
	font-style: italic;
	margin-left: 10px;
}
.depliant:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #26495f;
	text-decoration: none;
	font-style: italic;
	margin-left: 10px;
}
.depliant:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #26495f;
	text-decoration: underline;
	font-style: italic;
	margin-left: 10px;
}
.depliant:visited:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #26495f;
	text-decoration: none;
	font-style: italic;
	margin-left: 10px;
}
/* TD ANTI-AGE */
td.anti_age {
	background-color: #DDD6AB;
}
.marge_padding_zero {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
.td_equipe {
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #A59B6B;	
	margin: 0;
}
.photo_equipe {
	display: block;
	margin: auto;	
	border: 1px solid #A59B6B;
}
.bordure_image {
	border: 2px solid #ddd7af;
}
.li_menu_principal {
	padding-top: 0px;
	padding-bottom: 0px;	
}
ul.ul_menu_chroniques {
	list-style-type: disc;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	letter-spacing: 0;
	text-align: left;		
}
ul.ul_menu_chroniques li {
	margin: 0;
	padding: 0;
	margin-bottom: 5px;
	margin-left: 20px;
	letter-spacing: 0;
	text-align: left;
}
.ul_acupuncture {
	margin: 0;
	padding-left: 15px;
	/*list-style-type: none;*/
}
.ul_acupuncture li {
	padding-bottom: 7px;
}
hr {
	/*pfcolor: #ccdae3;
	background-color: #C7BFA6;*/
	color: #C8BDAE;
	background-color: #C8BDAE;
	height: 1px;
	border: 0;
}
.transparence:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
blockquote {
	margin: 15px;
	font-style: italic;
}
a.a_lire_plus:link, a.a_lire_plus:visited {
	font-family: 'Great Vibes', cursive;
	font-size: 25px;
	font-style: normal;
	font-weight: normal;
	line-height: 35px;
	text-decoration: none;
}
a.a_lire_plus:hover, a.a_lire_plus:visited:hover {
	font-family: 'Great Vibes', cursive;
	font-size: 25px;
	font-style: normal;
	font-weight: normal;
	line-height: 35px;
	text-decoration: underline;
}


#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  height: 48px;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {
  width:760;
  border-radius: 0px;
  border: 1px solid #C8BDAE;
  font-family: 'Source Sans Pro', sans-serif;
  line-height: 1;
  background: #C8BDAE;
  background: -webkit-linear-gradient(bottom, #C8BDAE, #E2DACA);
  background: -ms-linear-gradient(bottom, #C8BDAE, #E2DACA);
  background: -moz-linear-gradient(bottom, #C8BDAE, #E2DACA);
  background: -o-linear-gradient(bottom, #C8BDAE, #E2DACA);
  background: linear-gradient(to top, #C8BDAE, #E2DACA);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), inset 0 -2px 0px #E2DACA, inset 0 1px 0 #E2DACA;
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu > ul > li > a {
  padding: 7px 10px 10px 10px;
  font-size: 15px;
  text-decoration: none;
  color: #fcfefb;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}
#cssmenu.align-center > ul > li:first-child > a {
  border-radius: 0;
}
#cssmen.align-right > ul > li:first-child > a {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a {
  color: #444444;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li > a:hover {
  background: rgba(125, 125, 125, 0.4);
}
#cssmenu > ul > li:last-child:after,
#cssmenu > ul > li:last-child:before {
  display: none;
}
#cssmenu.small-screen {
  width: 80%;
}
#cssmenu.small-screen > ul,
#cssmenu.small-screen.align-center > ul {
  width: 100%;
  text-align: left;
}
#cssmenu.small-screen > ul > li,
#cssmenu.small-screen.align-center {
  float: none;
  display: block;
  border-top: 0px solid rgba(100, 100, 100, 0.1);
}
#cssmenu.small-screen > ul > li > a {
  padding2: 18px 25px;
}
#cssmenu.small-screen > ul > li:after,
#cssmenu.small-screen > ul > li:before {
  display: none;
}
#cssmenu.small-screen #menu-button {
  display: block;
  padding: 18px 25px 19px 25px;
  cursor: pointer;
  font-size: 15px;
  text-decoration: none;
  color: #fcfefb;
}
#cssmenu.small-screen #menu-button.menu-opened {
  color: #444444;
}
#cssmenu.small-screen #menu-button:after {
  content: "";
  position: absolute;
  right: 25px;
  top: 20px;
  display: block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border-top: 2px solid #fcfefb;
  border-bottom: 2px solid #fcfefb;
  width: 18px;
  height: 3px;
}
#cssmenu.small-screen #menu-button.menu-opened:after {
  border-top: 2px solid #444444;
  border-bottom: 2px solid #444444;
}
#cssmenu.small-screen #menu-button:before {
  content: "";
  position: absolute;
  right: 25px;
  top: 30px;
  display: block;
  width: 18px;
  height: 2px;
  background: #fcfefb;
}
#cssmenu.small-screen #menu-button.menu-opened:before {
  background: #444444;
}

#nav-wrappertop{ width: 90%; max-width:1500px; margin-left:  auto; margin-right: auto; text-align: left; paadding-bottom:92px;margin-top: 5px;}
#navtop{ baackground-color: #556; baackground-color: #aaa; oppacity: 0.5; position: fixed; width: 100%; top: 0px; border:5px; z-index: 5001;}
#navtop ul{ list-style-type: none; padding: 0; margin: 0; }
#navtop ul li{ display: inline-block; }
#navtop ul li:hover{ background-color: #ccc;}
#navtop ul li a,visited{font-family: Raleway, 'Open Sans', Arial, Helvetica; color: #fff; display: block; padding: 07px 10px 07px 10px; text-decoration: none; line-height: 1; text-align: left; transition: all .2s ease; font-size:15px;}

#nav-wrappertop-bg{ width: 90%; max-width:1500px; margin-left: auto; margin-right: auto; text-align: left; paadding-bottom:92px;margin-top: 5px; height:30px;}
#navtop-bg{ background-color: #888; opacity: 0.5; position: fixed; width: 100%; border:5px; z-index: 5001; top:0px; height: 70px;}


#nav-wrappertop2{ width: 90%; max-width:1500px; margin-left:  auto; margin-right: auto; text-align: left; paadding-bottom:92px;margin-top: 5px;}
#navtop2{ position: fixed; width: 100%; top: 35px; border:5px; z-index: 5001;}
#navtop2 ul{ list-style-type: none; padding: 0; margin: 0; }
#navtop2 ul li{ display: inline-block; }
#navtop2 ul li:hover{ background-color: #ccc;}
#navtop2 ul li a,visited{font-family: Raleway, 'Open Sans', Arial, Helvetica; color: #fff; display: block; padding: 07px 10px 07px 10px; text-decoration: none; line-height: 1; text-align: left; transition: all .2s ease; font-size:15px;}

#nav-wrappertop2-bg{ width: 90%; max-width:1500px; margin-left: auto; margin-right: auto; text-align: left; paadding-bottom:92px;margin-top: 5px; height:30px;}
#navtop2-bg{ background-color: #888; opacity: 0.5; position: fixed; width: 100%; border:5px; z-index: 5001; top:35px; display:none;}


#nav-wrapper{ width: 90%; max-width:1500px; margin-left: auto; margin-right: auto; text-align: left; margin-top:40px;}
#nav{ baackground-color: #888; oppacity: 0.5; position: fixed; width: 100%; top: 34px; z-index: 5001;}
#nav ul{ list-style-type: none; padding: 0; margin: 0;}
#nav ul li{ display: inline-block; }
#nav ul li:hover{ background-color: #ccc;}
#nav ul li a,visited{font-family: 'Open Sans', Arial, Helvetica; font-size:14px;color: #fff; display: block; padding: 7px 10px 07px 10px; text-decoration: none; line-height: 1; text-align: left; transition: all .2s ease;}

#nav-wrapper-bg{ width: 90%; max-width:1500px; margin-left: auto; margin-right: auto; text-align: left; margin-top:0px; height:55px;}
#nav-bg{ diisplay:none; background-color: #888; opacity: 0.5; position: fixed; width: 100%; top: 70px; boorder:5px; z-index: 5001;}

#logo-wrapper{ width: 90%; max-width:1300px; margin-left: auto; margin-right: auto; text-align: left; maargin-top:10px;}
#logo{ background-color: #0f5; position: fixed; width: 100%; top: 0px; z-index: 5000;}

#nav-wrapper-footer{ width: 80%; margin-left: 10%; margin-right: 0px; text-align: left; height:auto; font-size:15px; font-family: 'Open Sans', Arial, Helvetica; line-height: 2;color: #aaa; text-decoration: none;}
#nav-footer{ background-color: #888; opacity: 0.7; poosition: static; width: 100%; bottom: 0px;}
#nav-footer ul{ list-style-type: none; padding: 0; margin: 0; }
#nav-footer a:link,a:visited { font-family: 'Open Sans', Arial, Helvetica; font-size:15px; text-decoration: none;}
#nav-footer a:hover{ background-color: #ccc; color: #fff; }
#nav-footer a{ background-color: #888; color: #fff; padding: 5px 5px 5px 5px;}
#naav-footer ul li a,visited{color: #eee; display: block; padding: 07px 10px 07px 10px; text-decoration: none; line-height: 1; text-align: left; transition: all .2s ease;
}

#show_xy {position: fixed; top:30px;left:400px;color:#fff;z-index:6000;}
.img_border {
	border: 1px solid #000;
}



#logo-rameau {
	width:30%; min-width:215px;max-width:275px;float:left; top: 10px; position:absolute; padding:0; z-index:5005;
  left:5%;
}


/*section commentaires*/
.comment_zone {
 width:100%;
 height:200px;	
 overflow: hidden;
 position: relative;
 align-text:center;
 maargin: 30px 20px 30px 20px; 
 bbackground: rgba(237,237,237, 0.3);
 bborder: 1px #ccc solid;
    mmargin-top: 40px;
    margin-bottom: 40px;
 font-family: raleway;
}

#div_scrolled {
 font-size: 17px;
 color: #405966;;
 position: absolute;
 width: 100%;
 line-height: 1;
 /* Starting position */
 -ms-transform:translateY(100%);
 -moz-transform:translateY(100%);
 -webkit-transform:translateY(100%);	
 transform:translateY(100%);
 /* Apply animation to this element */	
 -ms-animation: example1 70s linear infinite;
 -moz-animation: example1 70s linear infinite;
 -webkit-animation: example1 70s linear infinite;
 animation: example1 70s linear infinite;
  
 width:80%;margin:0 auto;
  position:relative;
  text-align: justify; 
  max-width:900px;
}
/* Move it (define the animation) */
@-moz-keyframes example1 {
 0%   { 
 -ms-transform: translateY(220px) scale(1);
 -moz-transform: translateY(220px) scale(1); /* Firefox bug fix */
 -webkit-transform: translateY(220px) scale(1); /* Firefox bug fix */
 transform: translateY(220px) scale(1);		
 opacity:1;
 }
 99%  {
   -ms-transform: translateY(-100%) translateX(10px) scale(1);
   -moz-transform: translateY(-100%) translateX(10px) scale(1); opacity:1;
   -webkit-transform: translateY(-100%) translateX(10px) scale(1); opacity:1;
   transform: translateY(-100%) translateX(10px) scale(1); 
   opacity:1;
   }
100% { 
 -ms-transform: translateY(-100%);
 -moz-transform: translateY(-100%); /* Firefox bug fix */
 -webkit-transform: translateY(-100%); /* Firefox bug fix */
 transform: translateY(-100%); 
 opacity:0;
 }}

@-webkit-keyframes example1 {
 0%   { 
 -ms-transform: translateY(220px) scale(1);
 -moz-transform: translateY(220px) scale(1); /* Firefox bug fix */
 -webkit-transform: translateY(220px) scale(1); /* Firefox bug fix */
 transform: translateY(220px) scale(1);		
 opacity:1;
 }
 99%  {
   -ms-transform: translateY(-100%) translateX(10px) scale(1);
   -moz-transform: translateY(-100%) translateX(10px) scale(1); opacity:1;
   -webkit-transform: translateY(-100%) translateX(10px) scale(1); opacity:1;
   transform: translateY(-100%) translateX(10px) scale(1); 
   opacity:1;
   }
100% { 
 -ms-transform: translateY(-100%);
 -moz-transform: translateY(-100%); /* Firefox bug fix */
 -webkit-transform: translateY(-100%); /* Firefox bug fix */
 transform: translateY(-100%); 
 opacity:0;
 }
}

@keyframes example1 {
 0%   { 
 -moz-transform: translateY(220px) scale(1); /* Firefox bug fix */
 -webkit-transform: translateY(220px) scale(1); /* Firefox bug fix */
 transform: translateY(220px) scale(1);		
 opacity:1;
 }
 99%  {
   -moz-transform: translateY(-100%) translateX(10px) scale(1); opacity:1;
   -webkit-transform: translateY(-100%) translateX(10px) scale(1); opacity:1;
   transform: translateY(-100%) translateX(10px) scale(1); 
   opacity:1;
   }
100% { 
 -moz-transform: translateY(-100%); /* Firefox bug fix */
 -webkit-transform: translateY(-100%); /* Firefox bug fix */
 transform: translateY(-100%); 
 opacity:0;
 }
}

.comment_zone i {color:#fcd000;font-size:20px;}
.nom {font-size:17px; display:inline;}

.w250px {width:250px;display:inline-block;}
.w200px {width:200px;display:inline-block; baackground: #efefef;}

.w60px {width:60px;display:inline-block;}
.w80px {width:80px;display:inline-block;}
.w100px {width:100px;display:inline-block;}
.w150px {width:150px;display:inline-block;}
.w160px {width:160px;display:inline-block;}
.w180px {width:180px;display:inline-block;}
.w240px {width:240px;display:inline-block;}
.w300px {width:300px;display:inline-block;}

.w20 {
  width:20%;
  min-width:150px;
  display:inline-block;
}

.w30 {
  width:30%;
  min-width:300px;
  display:inline-block;
}

.w40 {
  width:40%;
  min-width:250px;
  display:inline-block;
  transition-duration: 0.5s;
}

.w50 {
  width:50%;
  min-width:250px;
  display:inline-block;
  transition-duration: 0.5s;
}

.w1 {width: 330px;display:inline-block;} .w2 {width: 180px;display:inline-block;} .w3 {width: 360px;display:inline-block;margin-top: 10px;}

.img_ctr {
    wiidth: 100%;
    miin-width: 250px;
    diisplay: inline-block;
    mairgin: 0 auto;
    text-align: center;
    transition-duration: 0.5s;
    margin-top:0px;
    border:none;
   }

.p_ctr {font-size:16px;font-family: Raleway,Opensans,Arial;margin:60px 60px 60px 60px;} .p_ctr2 {font-family: Raleway,Opensans,Arial;margin:20px;paadding-left:4%;paadding-right:4%;}
  
.div_hori {  wiidth:100%;margin-left:auto;margin-right:auto;padding:0;overflow: hidden;}
.price1 {background:#c8ced4;display:inline-block;}  .price2 {background:#d3dae1;}



@media only screen and (max-device-width: 480px) {
  .p_ctr {font-size:16px;maargin:60px 60px 60px 60px;margin:60px 20px;}
  #myBody {background-color: #a7a4a4;background-image: none;}
  #loogo-rameau {	width:50%; min-width:none;max-width:275px;float:right; right:10px;top: 193px; position:absolute; }
  #logo-rameau { top:93px; left:80%; }
  #nav-wrappertop2 ul li:nth-child(1) {baackground:none; float:left; margin-left: 6px;}
  #nav-wrappertop2 ul li:nth-child(2) {baackground:none; float:left; margin-left: 10px;}
  #nav-wrappertop2 ul li:nth-child(3) {baackground:none; float:left; margin-left: 10px;}
  
  #nav-wrappertop ul li:nth-child(3) {baackground:pink; float:right; margin-left: 2px;padding:0px; rright:30px;ooverflow:hidden;}
}

@keyframes glowing { 
  0% { color: #ffffff; transform: scale(1); transform: rotateZ(-2deg); position:relative;toop:1px; baackground-color: #ccccdd05;}
  25% {  transform: rotateZ(2deg); position:relative;toop:-2px;}
  50% { color: #ff0000; transform: scale(1.5); transform: scale(1.1) rotateZ(-2deg); position:relative;toop:-2px;}
  75% {  transform: rotateZ(2deg); position:relative;toop:-2px;}
  100% { color: #ffffff; transform: scale(1); transform: rotateZ(-2deg);  position:relative;toop:1px;}
}

.button-glowing {
  -webkit-animation: glowing 3000ms infinite;
  -moz-animation: glowing 3000ms infinite;
  -o-animation: glowing 3000ms infinite;
  animation: glowing 3000ms infinite;
}