@font-face {
    font-family: 'HelveticaLTStdLight';
    src: url('helveticaltstd-light-webfont.eot');
    src: local('☺'), url('helveticaltstd-light-webfont.woff') format('woff'), url('helveticaltstd-light-webfont.ttf') format('truetype'), url('helveticaltstd-light-webfont.svg#HelveticaLTStdLight') format('svg');
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: 'HelveticaLTStdBold';
    src: url('helveticaltstd-bold-webfont.eot');
    src: local('☺'), url('helveticaltstd-bold-webfont.woff') format('woff'), url('helveticaltstd-bold-webfont.ttf') format('truetype'), url('helveticaltstd-bold-webfont.svg#HelveticaLTStdBold') format('svg');
    font-weight: normal;
    font-style: normal
}
* { margin:0; padding:0; border:0}
body { color:#566172}
ul { list-style: none }
form{
	float:left;
	margin:52px 0 52px 99px;
	width:475px;
}
label , input , textarea /*, select */{
	vertical-align:middle;
	margin-bottom:15px;
}
label {
	float:left;
	clear:left;
	width:75px;
	display:block;
	font-size:12px;
	font-weight:bold;
	color:#566172;
	line-height:30px
}
input, textarea {
	display:block;
	float:left;
	border-top:1px solid #BDBDBD;
	border-bottom:1px solid #E4E4E4;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding:0 10px;
	background:#E9E9E9;
	width:245px;
	font-size:12px;
	color:#566172;
}
input {
	height:28px;
	line-height:28px
}
input[type=radio] {
	float:none;
	border-top:0 none;
	border-bottom:0 none;
	padding:0;
	background:none;
	width:auto;
	height:auto
}
textarea {
}
select {
	display:block;
	float:left;
	vertical-align:middle;
	margin:5px 0 20px 0;
	height:20px;
	border:1px solid #BFBFBF;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background:#E9E9E9;
	font-size:12px;
	color:#566172
}
input.valid {
	float:right;
	cursor:pointer;
	margin-top:15px;
	border-top:none;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	padding:0 12px;
	width:auto;
	background:#A4B0C3;
	font-family:'HelveticaLTStdBold', Helvetica, sans-serif;
	font-size:10px;
	color:#FFF;
	font-style:normal;
	text-transform:uppercase;
	line-height:20px;
	letter-spacing:1px;
	margin-right:30px;
}
input.valid:hover {
	background:#7B8AA6
}
form img {
	float:left;
	margin:10px 0 0 6px
}
.horizon .contenu h2 {
	font-weight:normal
}
p {
	font-size:12px;
	line-height:17px;
	color:#566172
}
p a {
	color:#566172
}
.petit {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:normal
}
.erreur {
	text-align:right;
	color:#F00;
}
#general {
	position:relative;
	z-index:1;
	width:1195px;
	font-family:Arial, Helvetica, sans-serif;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}


#generalresimler {
	position:relative; 
	width:990px;
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif;
	
	
}



#home #general {
	position:static
}
.fondhome {
    display: none;
}

#header {
	clear:both;
	position:relative;
	z-index:3;
	
	margin-bottom:10px;
	
	padding-top:20px;
	height:94px
}
.mosaique #header {
	margin-bottom:20px
}
#logo {
	float:left;
	display:block;
	background:url(../images/logo.jpg);
	margin-right:0px;
	width:198px;
	height:94px
}
#pimapen {
	float:left;
	display:block;
	background:url(../images/dil.jpg);
	margin-right:0px;
	margin-top:40px;
	width:40px;
	height:16px
}

#pimapentr {
	float:left;
	display:block;
	background:url(../images/diltr.jpg);
	margin-right:0px;
	margin-top:40px;
	width:40px;
	height:16px
}

#logo a , #logo span {
	display:block;
	width:198px;
	height:94px;
	font-size:0;
	text-indent:-5000px
}
#pimapen a , #pimapen span {
	display:block;
	width:198px;
	height:94px;
	font-size:0;
	text-indent:-5000px
}



#pimapentr a , #pimapentr span {
	display:block;
	width:198px;
	height:94px;
	font-size:0;
	text-indent:-5000px
}

#nav {
	float:left;
	padding:35px 22px 0 22px;
	width:797px;
	height:59px;
	
	font-family:'HelveticaLTStdBold', Helvetica, sans-serif;
	letter-spacing:2px;
	text-transform:uppercase
}
#nav a {
	text-decoration:none
}
#nav li {
	display:block;
	float:left;
	margin-left:1px;
	height:59px;
	font-size:11px;
	color:#FFF;
	letter-spacing:2px;
	text-transform:uppercase;
}
#nav li a {
	display:block;
	padding:5px 8px;
	color:#FFF;
}
#nav li a:hover , #nav li.on a {
	background:#C6CDD9
}
#nav li.on .menu a {
	background:none
}
#nav li .menu {
	visibility:hidden;
	position:absolute;
	top:114px; z-index:2;
	padding:0 10px 10px 10px;
	width:376px;
	height:5px;
	background:url(../images/bleu.png);

	opacity:0;
	-moz-opacity:0;
	-webkit-opacity:0;

	transition:0.2s ease;
	-moz-transition:0.2s ease;
	-webkit-transition:0.2s ease;
	-o-transition:0.2s ease;
}
#nav li#nav_univers .menu {
	left:0;
	padding-left:11px
	
}
#nav li#nav_collections .menu {
	left:199px
}
#nav li#nav_boutiques .menu {
	left:396px
}
#nav li#nav_actforkids .menu {
	left:594px
}
#nav li:hover .menu {
	height:307px;
	visibility:visible;

	opacity:1;
	-moz-opacity:1;
	-webkit-opacity:1;

	transition:0.8s ease;
	-moz-transition:0.8s ease;
	-webkit-transition:0.8s ease;
	-o-transition:0.8s ease;
}
#nav li .menu ul {
	visibility:hidden;
	padding:20px 0 0 208px;
	background: no-repeat top left;
	width:158px;
	height:1px;

	transition:0.1s ease;
	-moz-transition:0.1s ease;
	-webkit-transition:0.1s ease;
	-o-transition:0.1s ease;
}
#nav li:hover .menu ul {
	visibility:visible;
	padding:20px 0 0 208px;
	height:307px;

	transition:0.9s ease;
	-moz-transition:0.9s ease;
	-webkit-transition:0.9s ease;
	-o-transition:0.9s ease;
}
#nav li .menu li {
	position:relative;
	float:none;
	margin-left:0;
	margin-bottom:3px;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	letter-spacing:1px
}
#nav li .menu li a {
	display:inline-block;
	padding:0;
	line-height:14px
}
#nav li .menu li a:hover {
	margin:0 -3px;
	padding:0 3px;
	background:#C6CDD9
}
#nav li .menu li h2 {
	margin-bottom:15px;
	line-height:17px
}
#nav li .menu li h2 a {
	line-height:17px
}
#nav li .menu h2 a:hover {
	margin:0;
	padding:0;
	background:none;
	color:#C6CDD9
}
#nav li#nav_univers .menu li a {
	margin-left:10px
}
#nav li#nav_univers .menu li a:before {
	content: "- "
}
#nav li#nav_univers .menu li a:hover {
	margin-left:7px
}
#nav li#nav_univers .menu li h2 a {
	margin-left:0
}
#nav li#nav_univers .menu li h2 a:before {
	content: "";
}
#nav li#nav_univers .menu li h2 a:hover {
	margin-left:0
}
#nav li .menu li strong {
	font-weight:normal;
	line-height:13px
}
#nav li .menu li.sep {
	background:#A4B0C3;
	height:1px;
	margin:17px 0;
	font-size:0;
	text-indent:-5000px;
	line-height:0
}
#nav li:hover .menu li ul {
	visibility:hidden;
	position:absolute;
	top:-6px;left:128px; z-index:3;
	float:left;
	padding:6px 20px 3px 20px;
	background:#8696AF;
	height:auto;

	transition:none;
	-moz-transition:none;
	-webkit-transition:none;
	-o-transition:none;
}
#nav li .menu li:first-child ul {
	left:30px
}
#nav li:hover .menu li:hover ul {
	visibility:visible
}
#nav li#nav_enligne {
	position:relative;
	float:right;
	width:180px
}
#nav li#nav_enligne a , #nav li#nav_enligne a:hover {
	padding-left:22px;
	background:url(../images/fleche-droite.png) no-repeat 11px center #FFF;
	color:#8696AF
}
#nav li#nav_enligne a:hover {
	text-decoration:underline
}
#nav li#nav_enligne .menu {
	width:100%;
	border-top:1px solid #E0E4EA;
	padding:0;
	min-height:auto;
	height:auto;
	top:24px; left:0;
	background:#FFF
}
#nav li#nav_enligne .menu ul {
	padding:0 10px 0 20px;
	width:auto;
	height:auto
}
#nav li#nav_enligne .menu li {
	margin-bottom:0;
	border-bottom:1px solid #E0E4EA;
	background:no-repeat 120px center #FFF;
	line-height:19px;
}
#nav li#nav_enligne .menu a{
	padding-left:12px;
	background:url(../images/fleche-droite.png) no-repeat 1px center #FFF;
}
#nav li#nav_enligne .menu a:hover {
	margin:0
}


#langue {
	position: absolute;
	top:0; right:0;
	background:url(../images/fleche-bas.png) no-repeat 5px 6px #FFF;
	border-bottom:1px solid #E0E4EA;
	height:16px;
	overflow:hidden;
	font-size:10px;
	color:#8696AF;
	line-height:16px;
	text-transform:uppercase
}
#langue:hover {
	height:auto
}
#langue a {
	padding:0 7px 0 17px;
	color:#8696AF;
	text-decoration:none
}

#home .page {
	position:absolute;
	top:233px; z-index:1;
	background:url(../images/blanc.png);
	width:198px;
	height:198px;
	text-align:center;
	text-transform:uppercase;
	letter-spacing:2px;
	line-height:20px
}
#home .page a {
	text-decoration:none
}
#home .page p {
	padding:13px 0 10px 0;
	width:198px;
	height:105px;
	line-height:105px
}
#home .page p a {
	display:inline-block;
	margin:0 20px;
	vertical-align:middle;
	font-family:'HelveticaLTStdLight', Helvetica, sans-serif;
	font-size:18px;
	color:#7B8AA6;
	line-height:22px
}
#home .page em {
	display:inline-block;
	padding:0 8px;
	background:#A4B0C3;
	font-family:'HelveticaLTStdBold', Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	font-style:normal;
	line-height:20px
}
#home .page em:hover {
	background:#7B8AA6
}
#home .pagination {
	background:url(../images/homepagination_fd.png) no-repeat center;
	margin-top:20px;
	padding:0;
	height:20px;
	vertical-align:middle;
	font-size:8px;
	line-height:20px;
}
#home .pagination strong, #home .pagination a {
	display:inline-block;
	background:url(../images/homepagination.png) no-repeat top;
	margin:0 1px;
	width:12px;
	height:12px;
	color:#DBE4F0;
	line-height:12px
}
#home .pagination strong, #home .pagination a.on, #home .pagination a:hover {
	background-position: bottom;
	color:#8696AF
}

#home .actus {
	position:static;
	bottom:45px; z-index:2;
	height:138px
}
#home .actus li {
	float:left;
	position:relative;
	width:330px;
	height:138px
}
#home .actus li a {
	display:block;
	width:330px;
	height:138px;
	text-decoration:none
}
#home .actus li strong {
	position:absolute;
	top:10px; left:10px; z-index:1;
	padding:0 8px;
	background:url(../images/blanc.png);
	font-family:'HelveticaLTStdBold', Helvetica, sans-serif;
	font-size:11px;
	color:#7B8AA6;
	font-weight:normal;
	text-transform:uppercase;
	line-height:20px;
	letter-spacing:2px
}
#home .actus li .descr {
	position:absolute;
	top:0; left:0; z-index:3;
	display:block;
	visibility:hidden;
	cursor:pointer;
	margin-top:69px;
	padding:0 22px;
	width:286px;
	height:69px;
	background:url(../images/blanc.png);
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	font-style:italic;
	color:#566172;
	line-height:69px;
	text-align:left
}
#home .actus li:hover .descr {
	visibility:visible
}
#home .actus li .descr .texte {
	display:inline-block;
	padding-bottom:5px;
	line-height:19px;
	vertical-align:middle
}


.menu {
	position:absolute;
	top:134px; left:0; z-index:1;
	padding:0 10px 10px 10px;
	width:178px;
	min-height:188px;
	background:url(../images/bleu.png);
	text-transform:uppercase
}
.menu.univers {
	height:297px
}
.menu ul {
	padding:20px 10px 0 10px
}
.menu li {
	position:relative;
	float:none;
	margin-left:0;
	margin-bottom:3px;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFF;
	letter-spacing:1px
}
.menu li h2 {
	margin-bottom:15px;
	font-family:'HelveticaLTStdLight', Helvetica, sans-serif;
	font-size:15px;
	font-weight:normal;
	line-height:17px;
	letter-spacing:2px
}
.menu li a {
	display:inline-block;
	padding:0;
	color:#FFF;
	line-height:14px;
	text-decoration:none
}
.menu li a:hover , .menu li.on a , .menu li.on span {
	margin:0 -3px;
	padding:0 3px;
	background:#C6CDD9
}
.menu li h2 a:hover {
	margin:0;
	padding:0;
	background:none;
	color:#C6CDD9
}
.menu li strong {
	font-weight:normal;
	line-height:13px
}
.menu li.sep {
	background:#A4B0C3;
	height:1px;
	margin:17px 0;
	font-size:0;
	text-indent:-5000px;
	line-height:0
}
.menu.univers li a , .menu.univers li span {
	margin-left:10px
}
.menu.univers li a:before , .menu.univers li span:before {
	content: "- "
}
.menu.univers li a:hover {
	margin-left:7px
}
.menu.univers li h2 a {
	margin-left:0
}
.menu.univers li h2 a:before {
	content: "";
}
.menu.univers li h2 a:hover {
	margin-left:0
}
#toTop {
	display:inline-block;
	position:fixed; /* this is the magic */
	bottom:0; /* together with this to put the div at the bottom*/
	right:0;
	z-index:3;
	cursor:pointer;
	padding:0 8px 0 75px;
	width:100%;height:40px;
	background: url(../images/btn_savoirplus.png) no-repeat center #FFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-style:italic;
	color:#9AA0AA;
	line-height:40px;
	text-align:center
}

.horizon .chemin {
	margin-top:411px;
/*	margin-top:416px;*/
	line-height:28px
}
.chemin {
	margin-left:20px
}
.chemin li {
	display:inline;
	font-size:10px;
	color:#C2CAD7
}
.chemin li a {
	color:#C2CAD7;
	text-decoration:none
}
.chemin li a:hover {
	text-decoration:underline
}
.chemin li:before {
	content: "> "
}
.chemin li:first-child:before {
	content: ""
}
.retour {
	display:block;
	margin:20px 0 0 20px;
	font-size:10px;
	color:#C2CAD7;
	text-transform:uppercase;
	text-decoration:none
}
.retour:hover {
	text-decoration:underline
}
.retour:before {
	content: "< "
}

.horizon {
}
h1 {
	font-family:'HelveticaLTStdLight', Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#7B8AA6;
	text-transform:uppercase;;
	line-height:28px;
	letter-spacing:8px
}
.horizon h1 {
	/*margin:11px 0 33px 297px;*/
	margin:3px 0 13px 297px;
}
.mosaique h1 {
	margin:40px 20px
}
.horizon .contenu {
	margin:0 99px 0 396px;
	min-height:257px;
	font-size:12px;
	color:#566172;
	text-align:justify
}
.horizon .contenu p {
	margin-bottom:1em
}
.horizon .contenu.actus {
	margin-left:198px;
	margin-bottom:70px
}
.horizon .contenu.actus ul {
}
.horizon .contenu.actus li {
	clear:both;
	margin-bottom:30px;
	border-top:1px solid #E0E4EA;
	padding-top:30px;
	min-height:99px
}
.horizon .contenu.actus li:first-child {
	border-top:none
}
.horizon .contenu.actus img {
	float:left
}
.horizon .contenu.actus .texte {
	float:left;
	display:block;
	margin-left:22px;
	width:473px
}
.horizon .contenu.actus h2 {
	margin-top:-2px;
	font-weight:bold;
	/*line-height:30px*/
}
.horizon .contenu.actus p {
	margin-top:0.8em;
	margin-bottom:0
}

.horizon .slide {
	position:absolute;
/*  top:0; left:50%; */
  top:-5px; left:50%;
  margin:0 -1000px;
  width:700px
}
.horizon .slide li img {
	width:700px
}
.horizon .slide a , .horizon .slide .dur li {
  position:relative;
  display:block;
  text-decoration:none;
}
.horizon .slide a .descr {
	position:absolute;
	top:431px; right:703px;
	z-index:3;
	visibility:hidden;
	padding:13px 0 10px 0;
	width:198px; height:99px;
	background:#FFF;
	text-align:center;
	text-transform:uppercase;
	line-height:44px
}
.horizon .slide a:hover .descr {
	visibility:visible
}
.horizon .slide a .descr .texte{
	display:inline-block;
	margin:0 10px;
	vertical-align:middle;
	font-family:'HelveticaLTStdLight', Helvetica, sans-serif;
	font-size:15px;
	color:#7B8AA6;
	letter-spacing:2px;
	line-height:17px
}
.horizon .slide a .descr em {
	display:inline-block;
	padding:0 8px;
	background:#A4B0C3;
	font-family:'HelveticaLTStdBold', Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	letter-spacing:2px;
	font-style:normal;
	line-height:20px
}
.horizon .slide a em:hover {
	background:#7B8AA6
}
.horizon .slide .dur .descr {
	position:absolute;
	z-index:3;
	width:285px;
	line-height:19px
}
.horizon .slide .dur .descr .texte{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	font-style:italic;
	color:#566172
}
.horizon .slide .dur .descr .texte strong{
	font-size:14px
}
.horizon .slide a.bx-prev , .horizon .slide a.bx-next {
	position:absolute;
	top:465px; z-index:1;
	width:50px; height:50px;
	text-indent:-5000px
}
.horizon .slide a.bx-prev {
	background:url(../images/slide_prec.png);
	right:609px
}
.horizon .slide a.bx-next {
	background:url(../images/slide_suiv.png);
	right:548px
}

.bloc {
	position:relative;
	float:left;
	width:198px;
	height:396px
}
.bloc.intro , .mosaique .bloc.grand {
	width:396px
}
.mosaique .bloc .descr {
	position:absolute;
	bottom:0; right:0;
	display:block;
	padding:15px;
	width:168px;
	height:168px;
	color: #FFF
}
.mosaique .bloc .descr h2 {
	margin-bottom:10px;
	font-family:'HelveticaLTStdBold', Helvetica, sans-serif;
	font-size:16px;
	text-transform:uppercase
}
.mosaique .bloc .descr p {
	color: #FFF
}
.bloc h1 {
	margin:30px 20px
}
.bloc p {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-style:italic
}
.bloc.intro p {
	margin:0 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	text-align:justify
}
.mosaique .bloc.conseil {
	font-family:Georgia, "Times New Roman", Times, serif;
}
.mosaique .bloc.conseil h2 {
	margin:30px 13px 20px 13px;
	padding-left:18px;
	background:url(../images/etoile.png) no-repeat 2px center;
	font-size:16px;
	font-weight:bold;
	font-style:italic;
	color:#566172
}
.mosaique .bloc.conseil p {
	margin:0 13px;
	font-size:13px
}
.bloc .jaime {
	position:absolute;
	bottom:10px; right:30px;
	text-align:right
}

input#partner_zipcode {
	width:100px
}
.complement{
	margin-top:20px
}
.complement label{
	float:none;
	margin-bottom:0;
	width:auto
}
.complement input{
	margin-bottom:0;
	width:292px
}
.complement textarea{
	margin-bottom:0;
	width:425px
}

.plan {}
.plan h1 {
	margin-top:30px;
	text-align:center;
	font-size:16px;
	letter-spacing:7px;
}
.plan p {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	font-style:italic;
	text-align:center
}
.plan .liens {
	margin-top:30px
}
.plan .liens li {
	position:relative;
	float:left;
	margin-left:29px;
	width:215px;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#8696AF;
	letter-spacing:1px;
	text-transform:uppercase
}
.plan .liens li h2 {
	margin-bottom:15px;
	font-family:'HelveticaLTStdLight', Helvetica, sans-serif;
	font-size:15px;
	font-weight:normal;
	font-style:normal;
	line-height:17px;
	letter-spacing:2px
}
.plan .liens li strong {
	font-weight:normal
}
.plan .liens li a {
	color:#8696AF;
	text-decoration:none
}
.plan .liens li a:hover {
	text-decoration:underline
}
.plan .liens li.sep {
	background:#E0E4EA;
	margin-bottom:30px;
	width:75%;
	height:1px;
	font-size:0;
	text-indent:-5000px;
	line-height:0
}
.plan .liens li ul {
	border-right:1px solid #E0E4EA;
	margin-bottom:30px;
	padding-bottom:15px
}
.plan .liens li li {
	float:none;
	margin-left:0;
	width:auto;
	line-height:17px
}
.plan .liens li li.sep {
	background:none;
	margin:5px 0
}
.plan .liens li li ul {
	border-right:none;
	margin-bottom:0;
	padding-bottom:0
}
.plan .liens li li li {
	margin-left:10px
}
.plan .liens li li li:before {
	content: "- "
}
.plan .liens li li li:before {
	content: "- "
}

.generique h1{
	margin:1em 20px
}
.generique .contenu {
	padding:0 20px
}
.contenu h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	font-style:italic
}
.generique h2, .generique p{
	margin-bottom:1em
}

.popine {
	position:relative;
	padding:40px;
	background:#FFF;
	width:513px;
	font-family:Arial, Helvetica, sans-serif
}
#inscr_newsletter {
	padding-bottom:1px
}
.popine .fermer{
	position:absolute;
	top: 10px; right:10px;
	width:13px; height:13px;
	background:url(../images/fermer.png) no-repeat top;
	text-indent:-5000px
}
.popine .fermer:hover{
	background-position:bottom
}
.popine h2 {
	margin-bottom:10px;
	font-family:'HelveticaLTStdLight', Helvetica, sans-serif;
	font-size:26px;
	font-weight:normal;
	color:#5577B5;
	text-transform:uppercase;
	line-height:28px;
	letter-spacing:8px
}
.popine form {
	margin:0;
	width:auto
}
.popine fieldset {
	float:left;
	width:50%
}
.popine fieldset#optin {
	margin-top:10px;
	clear:both;
	width:100%
}
.popine fieldset#optin p {
	margin-bottom:0
}
.popine fieldset#optin ul {
	float:left
}
.popine fieldset#optin li {
	display:inline;
	vertical-align:middle
}
.popine fieldset#optin label, .popine fieldset#optin input {
	display:inline-block;
	float:none;
	line-height:normal;
	vertical-align:middle
}
.popine label {
	width:59px;
	white-space:nowrap
}
.popine label[for=newsletter_zipcode]{
	width:88px
}
.popine input {
	width:168px
}
.popine input[type=radio] {
	width:auto
}
.popine input#newsletter_zipcode {
	width:38px;
}
.popine input[type=email] , .popine input#newsletter_email{
	width:208px
}
.popine input.valid {
	margin:0 20px 15px 20px;
	width:auto
}
.popine select {
	float:none
}
.popine p {
	clear:both;
	margin-bottom:2em
}
.popine .oblig , .popine .erreur {
	position:absolute;
	left:40px;
	bottom:100px
}
.popine .mentions {
	border-top:1px solid #E1E5EB;
	padding-top:5px;
	color:#AAB0B8
}
#conf_newsletter {
	text-align:center
}
#conf_newsletter a.continue {
	display:inline-block;
	padding:0 12px;
	width:auto;
	background:#A4B0C3;
	font-family:'HelveticaLTStdBold', Helvetica, sans-serif;
	font-size:10px;
	color:#FFF;
	text-decoration:none;
	text-transform:uppercase;
	line-height:28px;
	letter-spacing:1px
}

.link_haut{
	clear:both;
	display:block;
	font-size:10px;
	color:#566172;
	text-transform:uppercase;
	line-height:20px;
	text-align:right
}


#footer {
	position:relative;
	clear:both;
	background:url(../images/bleu.png);
	margin-bottom:10px;
	border-top:40px solid #FFF;
	padding:0 15px;
	width:960px;
	height:25px;
	font-size:11px;
	color:#BEC5D1;
	letter-spacing:1px;
	line-height:25px;
	vertical-align:middle
}
#home #footer {
	margin-bottom:0
}
#home_footer {
	position:fixed;
	bottom:0; z-index:2;
	margin-top:263px;
	width:990px
}
#home_footer #footer {
	margin-top:15px;
	border-top:none
}
.mosaique #footer {
}
#footer a {
	padding:0 0.5em;
	color:#FFF;
	text-decoration:none
}
#footer a.nl , #footer a.fb {
	position:absolute;
	bottom:0;
	float:right;
	padding-left:24px;
	margin-left:6px;
	background:no-repeat center left
}
#footer a.nl {
	right:0.5em;
	background-image:url(../images/footer_nl.png)
}
#footer a.fb {
	background-image:url(../images/footer_fb.png)
}

#prehome {
	position:absolute;
	top:50%; left:50%;
	margin:-300px -495px;
	width:990px;
	height:595px;
}
#prehome .cadre {
	position:relative;
	width:990px;
}
#prehome .contenu {
	position:absolute;
	top:0; left:0;
	width:396px;
	height:595px;
	background:url(../images/bleu.png);
	text-transform:uppercase;
	text-align:center
}
#prehome h1 {
	height:250px;
	background:url(../images/logo_prehome.png) no-repeat center center;
	text-indent:-5000px
}
#prehome .contenu p {
	margin:0 auto;
	padding:30px 0;
	width:255px;
	font-family:'HelveticaLTStdLight', Helvetica, sans-serif;
	font-size:11px;
	color:#FFF
}
#prehome .contenu p + p {
	border-top:1px solid #AAB5C5
}
#prehome .contenu a {
	display:inline-block;
	margin-top:10px;
	background:#A4B0C3;
	width:110px;
	font-family:'HelveticaLTStdBold', Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	font-style:normal;
	line-height:20px;
	letter-spacing:2px;
	text-decoration:none
}
#prehome .contenu a:hover {
	background:#FFF;
	color:#8696AF
}
#prehome p {
	padding:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#A4B0C3;
	letter-spacing:1px;
	line-height:19px
}
#prehome .contenu .descall{
	text-transform:none;
	background:#FFF;
	padding:30px 15px 18px 15px;
	width:234px;
	margin: 0 auto;
	color:#8696af;
	font-family:'HelveticaLTStdLight', Helvetica, sans-serif;
	font-size:11px;
	letter-spacing:1px;
	line-height:14px
}
#prehome .contenu .descall a {
    background:transparent;
    color: #8696af;
    display:inline;
    font-family: 'HelveticaLTStdLight',Helvetica,sans-serif;
    font-size: 11px;
    font-style: normal;
    letter-spacing:normal;
    line-height:normal;
    margin-top:auto;
    padding:0;
    text-decoration: underline;
    width: auto;
}
#prehome .contenu .descall a.nl {
	display:inline-block;
	margin-top:23px;
	padding:0 8px;
	background:#A4B0C3;
	width:209px;
	font-family:'HelveticaLTStdBold', Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	font-style:normal;
	line-height:20px;
	letter-spacing:2px;
	text-decoration:none;
	text-transform:uppercase
}
#prehome .contenu .descall a:hover.nl {
	text-decoration:underline;
}