@charset "utf-8";
@font-face {
	font-family: "Oswald Light";
	src: url("../fonts/Oswald-Light.eot?") format("eot"), url("../fonts/Oswald-Light.woff") format("woff"), url("../fonts/Oswald-Light.ttf") format("truetype"), url("../fonts/Oswald-Light.svg#Oswald-Light") format("svg"), url("../fonts/Oswald-Light.otf") format("otf");
	font-weight: normal;
	font-style: normal;
}
img, object, embed, video {
	max-width: 100%;
}
img {
	max-width: 100% !important;
	vertical-align: middle;
}
* {
	padding: 0px;
	margin: 0px;
}
html, button, input, select, textarea {
	color: #222;
}
body {
	font-size: 1em;
	line-height: 1.4;
	font: 16px/26px Arial, Helvetica, Helvetica Neue;
	color: #6f7072;
}

::-moz-selection {
 background: #b3d4fc;
 text-shadow: none;
}
::selection {
	background: #b3d4fc;
	text-shadow: none;
}

a {
	color: #b3b3b3;
	text-decoration: none;
}
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
textarea {
	resize: vertical;
}
.chromeframe {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}
/* ===== Kristen Styles ==================================================
   Author: Kristen - kristen.fr/responsive-template
   ========================================================================== */
.wrapper {
	width: 90%;
	margin: 0 5%;
}
.feu {
	padding-top: 455px;
}

#contenu_gauche {
	float: left;
	width: 100px;
	padding: 12px 0 0 7px;
}
#contenu_neutre {
	float: left;
	width: 208px;
}
#contenu_centre {
	float: left;
	width: 360px;
}
#contenu_neutre2 {
	float: left;
	width: 210px;
}
#fr {
	float: left;
	width: 19px;
	padding-top: 14px;
}
#en {
	float: left;
	width: 19px;
	padding: 14px 0 0 5px;
}
#faceb {
	float: left;
	width: 13px;
	padding: 14px 3px 0 25px;
}
#twi {
	float: left;
	width: 20px;
	padding-top: 14px;
}
p#spacer {
	clear: both;
	height: 1px;
}
footer {
	width: 989px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 8px;
	font-weight: bold;
	color: #b3b3b3;
	text-transform: uppercase;
	padding: 0;
	margin: 0 auto;
	position: relative;
	z-index: 10;
}
#footer {
	padding: 6px 0 0 0;
}
#footer a {
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
.footer_on {
	color: #000;
}
#sign {
	padding-top: 20px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 8px;
	color: #b3b3b3;
	width: 100%;
	text-transform: uppercase;
	text-align: center;
	position: absolute;
	z-index: 1;
}
a.langue_fr {
	padding: 0 5px 0 0;
	display: block;
	width: 19px;
	height: 18px;
	background: url(../img/langue_on_fr.jpg) no-repeat;
}
a.langue_en {
	display: block;
	width: 19px;
	height: 18px;
	background: url(../img/langue_en.jpg) no-repeat;
	background-position: top;
}
a.langue_en:hover {
	background-position: left -18px;
}
a.social_facebook {
	display: block;
	width: 13px;
	height: 18px;
	background: url(../img/facebook.png) no-repeat;
	background-position: top;
}
a.social_facebook:hover {
	background-position: left -18px;
}
a.social_twitter {
	display: block;
	width: 20px;
	height: 18px;
	background: url(../img/twitter.png) no-repeat;
	background-position: top;
}
a.social_twitter:hover {
	background-position: left -17px;
}
.header-cache {
	position: fixed;
	display: block;
	z-index: 1;
	width: 100%;
	height: 200px;
	background-color: #ffffff;
	bottom: 0;
}
.degrade {
	margin: 0;
	padding: 0;
	text-align: center;
	width: 100%;
	position: fixed;
	z-index: 2;
	bottom: 188px;
}
#PHPCounter {
	display: block;
}
#PHPCounteripad {
	display: none;
	width: 100px;
	color: #CCC;
}
.coeur {
	position: absolute;
	display: none;
	margin: 4px 0 0 0;
}
#mon_flash, #mon_flash2, #mon_flash3 {
	display: block;
}
.boxgrid {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
	z-index: 0;
}
.boxgrid p {
	text-align: center;
	color: #000;
	font: 1em Verdana, Arial, Geneva, sans-serif;
}
.boxgrid a {
	color: #b3b3b3;
}
.boxgrid a:hover {
	color: #000;
}
.boxgrid h1 {
	text-align: center;
	padding: 10px 0 0 0;
	margin: 0;
	color: #000;
	font: 4.5em "Oswald Light", Arial;
	text-transform: uppercase;
	letter-spacing: 3px;
}
.boxgrid h2 {
	text-align: center;
	color: #b3b3b3;
	font: 2.5em "Oswald Light", Arial;
	text-transform: uppercase;
	letter-spacing: 3px;
}
.boxcaption_my a {
	text-decoration: none;
	color: #000;
}
.boxcaption_my a:hover {
	/*background-image: url(../img/coeur_rouge.png);*/
	color: #b3b3b3;
	text-decoration: underline;/*font-weight: bold;
	text-decoration: none;
	letter-spacing: normal;
	background-image: url(../img/coeur_gris.png);
	font: 11px "Arial";
	padding: 3px 0 0 28px;
	background-repeat: no-repeat;
	text-align: center;*/
}
.boxcaption_my .compteur {
	display: none;
}

/* hack chrome&safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
.boxcaption_my .compteur {
	display: block;
	text-align: center;
	margin: -20px 0 0 480px;
}
}
.boxcaption_my p {
	text-align: center;
	padding: 3px 0 0 0;
	margin: 0;
	color: #000;
	font: 26px "Oswald Light", Arial;
	text-transform: uppercase;
	letter-spacing: 3px;
	-webkit-font-smoothing: antialiased;
}
.boxcaption_my h3 {
	text-align: center;
	padding: 29% 0 0 0;
	margin: 0;
	color: #000;
	font: 40px "Oswald Light", Arial;
	text-transform: uppercase;
	letter-spacing: 3px;
	-webkit-font-smoothing: antialiased;
}

/* IE 6 ne prend pas en charge max-width ; la largeur par défaut est donc fixée à 100% */
.ie6 img {
	width: 100%;
}
/*------------------------------------------------*/

#header {
	width: 100%;
	position: fixed;
	z-index: 1;
	height: 77px;
	bottom: 0;
	text-align: center;
}

.baslogo {
	position: fixed;
	z-index: 3;
	width: 100%;
	text-align: center;
	margin: 0;
	padding: 0;
	bottom: 92px;
	display: block;
}
/* ==========================================================================
   Media Queries Ipad  768px
   ========================================================================== */
@media only screen and (max-width: 770px) {
#PHPCounter {
	display: none;
}
#PHPCounteripad {
	display: block;
}
.coeur {
	display: block;
}
#mon_flash, #mon_flash2, #mon_flash3 {
	display: block;
}
}
/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 1px) {
nav {
	width: 944px;
	height: 31px;
	margin: 0 auto;
	background: url(../img/menu/fond_menu.jpg) repeat-x;
	z-index: 2;
}
.lt-ie9 nav {
	width: 946px;
}
nav ul {
	margin: 0;
	padding: 0;
}
nav a {
	display: block;
	padding: 2px 0 0 26px;
	text-decoration: none;
	opacity: .5;
	filter: alpha(opacity=50);
	float: left;
	z-index: 1;
}
.lt-ie9 nav a {
	opacity:none;
	filter: none;
}
#debut {
	margin-left: 39px;
	width: 23px;
	height: 31px;
	background: url(../img/menu/debut_menu.jpg) no-repeat;
	position: absolute;
}
nav li:first-child a {
	margin-left: -18px;
}
nav li:last-child a {
	margin-left: -2px;
}
.menu_1 {
	margin: 0 0 0 -15px;
	width: 69px;
	height: 31px;
	background: url(../img/menu/tipi_on.jpg) no-repeat;
	position: absolute;
	z-index: 2;
}
.menu_2 {
	margin: 0 0 0 28px;
	width: 138px;
	height: 31px;
	background: url(../img/menu/campagne360_on.jpg) no-repeat;
	position: absolute;
	z-index: 2;
}
.menu_3 {
	margin: 0 0 0 144px;
	width: 94px;
	height: 31px;
	background: url(../img/menu/edition_on.jpg) no-repeat;
	position: absolute;
	z-index: 2;
}
.menu_4 {
	margin: 0 0 0 212px;
	width: 118px;
	height: 31px;
	background: url(../img/menu/promotion_on.jpg) no-repeat;
	position: absolute;
	z-index: 2;
}
.menu_s4 {
	margin: 0 0 0 212px;
	width: 92px; /* 92+ 26 = 118 px */
	height: 31px;
	background: url(../img/menu/promotion_on.jpg) no-repeat;
	position: absolute;
	z-index: 2;
	opacity: 1;
	filter: alpha(opacity=100);
}
.menu_5 {
	margin: 0 0 0 304px;
	width: 117px;
	height: 31px;
	background: url(../img/menu/graphisme_on.jpg) no-repeat;
	position: absolute;
	z-index: 2;
}
.menu_6 {
	margin: 0 0 0 395px;
	width: 100px;
	height: 31px;
	background: url(../img/menu/internet_on.jpg) no-repeat;
	position: absolute;
	z-index: 2;
}
.menu_s6 {
	margin: 0 0 0 395px;
	width: 74px; /* 74+ 26 = 100 px */
	height: 31px;
	background: url(../img/menu/internet_on.jpg) no-repeat;
	position: absolute;
	z-index: 2;
	opacity: 1;
}
.menu_7 {
	margin: 0 0 0 471px;
	width: 147px;
	height: 31px;
	background: url(../img/menu/fabrication_plv_on.jpg) no-repeat;
	position: absolute;
	z-index: 2;
}
.menu_8 {
	margin: 0 0 0 593px;
	width: 89px;
	height: 31px;
	background: url(../img/menu/photo_on.jpg) no-repeat;
	position: absolute;
	z-index: 2;
}
.menu_9 {
	margin: 0 0 0 656px;
	width: 127px;
	height: 31px;
	background: url(../img/menu/illustration_on.jpg) no-repeat;
	position: absolute;
	z-index: 2;
}
.menu_10 {
	margin: 0 0 0 758px;
	width: 136px;
	height: 31px;
	background: url(../img/menu/autour_du_feu_on.jpg) no-repeat;
	position: absolute;
	z-index: 2;
}
.menu_11 {
	margin: 0 0 0 869px;
	width: 97px;
	height: 31px;
	background: url(../img/menu/contact_on.jpg) no-repeat;
	position: absolute;
	z-index: 2;
}
#fin {
	margin-left: 998px;
	margin-top: -31px;
	width: 22px;
	height: 31px;
	background: url(../img/menu/fin_menu.jpg) no-repeat;
	position: absolute;
}
nav a:hover, nav a:focus {
	opacity: 1;
	filter: alpha(opacity=100);
	outline: none;
}
.lt-ie9 nav a:hover, .lt-ie9 nav a:focus {
opacity: none;
filter:none;
}

/* ========================
    INTERMEDIATE: IE Fixes
   ======================== */

nav ul li {
	display: inline;
}
.oldie nav a {
	margin: 0 0.7%;
}
/*------------------------------------------------*/

.wrapper {
	width: 1052px;
	margin: 0 auto;
}
.wrapper2 {
	width: 1076px;
	margin: 0 auto;
}
.clear {
	clear: both;
}

#sliderswf {
	width: 1000px;
	height: 700px;
	/*margin: 0 auto;*/
	list-style: none;
	overflow-y: auto;
	overflow-x: hidden;
}
/* position the panels so the captions appear correctly */
#sliderswf .panel {
	position: relative;
}
/* captions */
#sliderswf .caption-bottom {
	opacity: .8;
	filter: alpha(opacity=80);
	left: 0;
	bottom: 0;
	width: 978px;
	height: 698px;
	margin: 0 0 1px 1px;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	background: url(../img/cache_BlackArrows_gd.png) no-repeat;
	z-index: 2;
}

/* Overall Wrapper */
.anythingSlider-default {
	margin: 0 auto;
	/* 45px right & left padding for the arrows, 28px @ bottom for navigation */
	padding: 0 40px 28px 40px;
}

/* Make sure navigation text is visible */
.anythingSlider-default .anythingControls a span {
	visibility: visible;
}
/* Navigation current button, default state */
.anythingSlider-default .anythingControls a.cur {
	color: #000;
}

/* Navigation buttons, active state */
.anythingSlider-default.activeSlider .anythingControls a {
/* background image = top shadow */
}
/* Navigation current & hovered button, active state */
.anythingSlider-default.activeSlider .anythingControls a.cur, .anythingSlider-default.activeSlider .anythingControls a:hover {
	/* background image removed */
	color: #000;
	font-weight: bold;
}
/************************
  NAVIGATION POSITIONING
 ************************/
/* Navigation Arrows */
.anythingSlider-default .arrow {
	top: 50%;
	position: absolute;
	display: block;
}
.anythingSlider-default .arrow a {
	display: block;
	width: 33px;
	height: 30px;
	margin: -34px 0 0 0; /* half height of image */
	text-align: center;
	background: url(../img/puce.png) no-repeat;
}
/* back arrow */
.anythingSlider-default .back {
	left: 0;
}
.anythingSlider-default .back a {
	background-position: left top;
}
.anythingSlider-default .back a:hover, .anythingSlider-default .back a.hover {
	background-position: left -30px;
}
/* forward arrow */
.anythingSlider-default .forward {
	right: 0;
}
.anythingSlider-default .forward a {
	background-position: right top;
}
.anythingSlider-default .forward a:hover, .anythingSlider-default .forward a.hover {
	background-position: right -30px;
}
/* Navigation Links */
.anythingSlider-default .anythingControls {
	position: absolute;
	z-index: 3;
	font-size: 10px;
	margin: 0;
	padding: 0;
	margin: -340px 0 0 1010px;
}
.anythingSlider-default .anythingControls ul {
	margin: 0;
	padding: 0;
}
.anythingSlider-default .anythingControls ul li {
	padding: 0;
	/*float:left;*/
	list-style: none;
	height: 13px;
	line-height: 15px;
}
.anythingSlider-default .anythingControls ul a {
	height: 10px;
	color: #b3b3b3;
	padding: 0 9px;
	margin: 0;
	text-decoration: none;
}
/* navigationSize window */
.anythingSlider-default .anythingControls .anythingNavWindow {
	overflow: hidden;
	float: left;
}
/***********************
  IE8 AND OLDER STYLING
 ***********************/

/* Navigation Arrows */
.as-oldie .anythingSlider-default .arrow {
	top: 30%;
}
.as-oldie .anythingSlider-default .arrow a {
	margin: 0;
}
/* margin between nav buttons just looks better */
.as-oldie .anythingSlider-default .anythingControls li {
	margin-left: 3px;
}
/* When using the navigationSize option, the side margins need to be zero
	None of the navigation panels look good in IE7 now =( */
.as-oldie .anythingSlider-default .anythingControls a {
	margin: 0;
}
.as-oldie .anythingSlider-default .anythingNavWindow {
	margin: 0 2px;
}
.as-oldie .anythingSlider-default .anythingNavWindow li {
	padding: 3px 0 0 0;
}
/***********************
  COMMON SLIDER STYLING
 ***********************/
/* Overall Wrapper */
.anythingSlider {
	display: block;
	overflow: visible !important;
	position: relative;
}
/* anythingSlider viewport window */
.anythingSlider .anythingWindow {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
}
/* anythingSlider base (original element) */
.anythingSlider .anythingBase {
	background: transparent;
	list-style: none;
	position: absolute;
	overflow: visible !important;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}
/* Navigation arrow text; indent moved to span inside "a", for IE7;
  apparently, a negative text-indent on an "a" link moves the link as well as the text */
.anythingSlider .arrow span {
	display: block;
	visibility: hidden;
}
/* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */
.anythingSlider .arrow.disabled {
	display: none;
}
/* all panels inside the slider; horizontal mode */
.anythingSlider .panel {
	background: transparent;
	display: block;
	overflow: hidden;
	float: left;
	padding: 0;
	margin: 0;
}
/* vertical mode */
.anythingSlider .vertical .panel {
	float: none;
}
/* fade mode */
.anythingSlider .fade .panel {
	float: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}
/* fade mode active page - visible & on top */
.anythingSlider .fade .activePage {
	z-index: 1;
}
/***********************
  RTL STYLING
 ***********************/
/* slider autoplay right-to-left, reverse order of nav links to look better */
.anythingSlider.rtl .anythingWindow {
	direction: ltr;
	unicode-bidi: bidi-override;
}
.anythingSlider.rtl .anythingControls ul {
	float: left;
} /* move nav link group to left */
.anythingSlider.rtl .anythingControls ul a {
	float: right;
} /* reverse order of nav links */
.anythingSlider, .anythingSlider .anythingWindow, .anythingSlider .anythingControls ul a, .anythingSlider .arrow a, .anythingSlider .start-stop {
	transition-duration: 0;
	-o-transition-duration: 0;
	-moz-transition-duration: 0;
	-webkit-transition-duration: 0;
}
.image-basfeu {
	height: 952px;
}
/*----- ombre image -------*/
.image-ombre {
	background: url(../img/ombre-image.png) no-repeat center 686px;
	height: 760px;
}
}
/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
 *text-indent: -9999px;
}
.ir:before {
	content: "";
	display: block;
	width: 0;
	height: 150%;
}
.hidden {
	display: none !important;
	visibility: hidden;
}
.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}
.invisible {
	visibility: hidden;
}
.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
 *zoom: 1;
}