body { 
color: #04090e; 
font-size: 12px; 
font-family: Arial, Helvetica, sans-serif, Tahoma; 
margin: 0; 
padding: 0; 
width: 100%;
background: url(../medias/commun/fond.gif) repeat-y;
background-position:50% 0%;
}

#global {
position: absolute;
margin-left: -498px;
left: 50%;
width: 996px;
height:630px;
top:0px;
background: url(../medias/commun/fond-texture.jpg) no-repeat;
}

#global-int {
position: absolute;
margin-left: -498px;
left: 50%;
width: 996px;
height:630px;
top:0px;
background: url(../medias/commun/fond-texture-int.jpg) no-repeat;
}

#col-gauche {
width: 129px;
float:left;
}

#col-droite {
margin-right:10px;
width: 857px;
float:right;
}
* html #col-droite { margin-right:0px;}

#bandeau {
padding-left:30px;
background: url(../medias/commun/bandeau.jpg) no-repeat;
width: 837px;
}

#logos ul {
clear:both;
list-style:none;
margin-top:20px;
}

.logo-blocs {
width:90px;
margin-right:6px;
float:left;
list-style:none;
}

.logo-blocs-fin {
width:90px;
float:left;
list-style:none;
}

#logo {
width: 93px;
margin: 18px 16px 0px 20px;
}

#menu-container {
width: 93px;
margin: 22px 16px 0px 20px;
}

#menu-ouvert-sexe {
clear:both;
width: 89px;/*93*/
margin-left:1px;
padding:2px 0px 2px 3px;
background-color:#fff;	
color:#04090e;
font-size:10px;
text-align:center;
}

#menu-ouvert {
clear:both;
width: 89px;/*93*/
margin-left:1px;
padding:2px 0px 2px 3px;
background-color:#000;	
color:#FFF;
font-size:10px;
text-align:center;
}

.btn-voir-site-spacer {
height:15px;
clear:both;
}

.btn-voir-site {
}

#home-col-gauche {
width:305px;
margin: 0px 0px 0px 20px;
float:left;
}
* html  #home-col-gauche { margin: 20px 0px 0px 10px; width:295px; }

#home-col-droite {
width:492px;/*512*/
margin: 20px 0px 0px 40px;
float:left;
background: url(../medias/commun/fond-scroll.gif) no-repeat;
}
* html  #home-col-droite { margin: 20px 0px 0px 20px; }

#home-col-droite-int {
margin:20px 0 20px 20px;
float:left;
background: url(../medias/commun/fond-scroll.gif) no-repeat;
}
* html  #home-col-droite-int { margin:20px 0 20px 0;}

#edito {
width:221px;
margin: 22px 71px 0px 30px;
}
* html  #edito { margin: 22px 71px 0px 30px; }

#promotions-enfant-soleil {
width:177px;/*322*/ height:123px;/*213*/ padding: 90px 30px 0px 115px; 
}

#promotions-enfant-optiques {
width:177px;/*322*/ height:123px;/*213*/ padding: 90px 30px 0px 115px; background: url(../medias/pages/fond-promotions-enfant-optiques.gif) no-repeat;
}

#promotions-femme-soleil {
width:177px;/*322*/ height:123px;/*213*/ padding: 90px 30px 0px 115px; background: url(../medias/pages/fond-promotions-femme-soleil.gif) no-repeat;
}

#promotions-femme-optiques {
width:177px;/*322*/ height:123px;/*213*/ padding: 90px 30px 0px 115px; background: url(../medias/pages/fond-promotions-femme-optiques.gif) no-repeat;
}

#promotions-homme-soleil {
width:177px;/*322*/ height:123px;/*213*/ padding: 90px 30px 0px 115px; background: url(../medias/pages/fond-promotions-homme-soleil.gif) no-repeat;
}

#promotions-homme-optiques {
width:177px;/*322*/ height:123px;/*213*/ padding: 90px 30px 0px 115px; background: url(../medias/pages/fond-promotions-homme-optiques.gif) no-repeat;
}

.galerie-bloc {
height:130px;
width:140px;
margin: 0px 0px 0px 0px;
float:left;
text-align:center;
overflow:hidden;
}

#remerciement {
height:200px;
}

#galerie-gauche {
width:480px;
float:left;
}

#galerie-droite {
width:32px;
margin-top:102px;
float:left;
}

#footer {
clear:both;
margin:0px 0px 0px 40px;
color:#5d6163;
font-size:10px;
width:801px;
}

#footer-home {
clear:both;
margin:0px 0px 0px 30px;
color:#5d6163;
font-size:10px;
width:801px;
}

#footer-gauche {
float:left;
width:400px;
}

#footer-droite {
float:right;
width:400px;
text-align:right;
}
* html #footer-droite {padding-left: 60px; width:340px;}

#contenu-gauche {
padding:30px 0px 0px 30px;
margin:0px 0px 0px 0px;
/*height:460px;
*/width:295px;
background-position:9px 70px;
}
* html #contenu-gauche {padding:20px 0px 0px 20px; width:285px;}

#contenu-gauche-dior {
padding:30px 0px 0px 30px;
margin:0px 0px 0px 0px;
height:460px;
width:295px;
background-position:9px 70px;
}
* html #contenu-gauche-dior {padding:20px 0px 0px 20px; margin-right:40px; width:265px;}
 


.contenu-gauche-texte {
padding:290px 30px 0px 10px;
font-size:12px;
}

* html .contenu-gauche-texte {padding:300px 10px 0px 20px;}

#colonne1 {
margin:50px 60px 40px 70px;
}

#colonne1-plan {
margin:50px 60px 80px 70px;
}

#colonne1-texte {
margin:0px 0px 0px 10px;
}

#colonne1-gauche {
float:left;
width:355px;
border-right:1px solid #c4c5c6;
margin-top:20px;
}

#colonne1-droite {
float:left;
width:350px;
margin-top:20px;
padding-left:20px;
}

.sous-titre {
font-weight:bold;
text-transform:uppercase;
}

.spacer{
clear:both;
}

.float{
float:left;
}

h1{
margin:0px 0px 8px 0px;
font-size:28px;
font-weight:normal;
font-family:"Times New Roman", Times, serif;
}

h2{
margin:0px 0px 8px 0px;
font-size:28px;
font-weight:normal;
font-family:"Times New Roman", Times, serif;
}

p{
margin:0px 0px 8px 0px;
}

ul {
padding: 0px 0px 0px 0px;
margin: 0em 0em 0em 1.5em;
}

li {
list-style:disc;
}

.list-plan {
list-style:none;
margin: 0em 0em 0em -1.5em;
font-size:11px;
}

table {
border:1px solid #000;
}

image {
}

/* formulaire */

form{
padding:0px;
margin:0px;
font-size:11px;
}

label{
width: 70px;
float: left;
padding-top: 3px;
padding-right: 0px;
}

input{
padding: 0px;
margin: 0px;
float: left;
}

.textfield{
background-color: #ffffff;
border: #cccccc 1px solid;
width: 250px;
font-size: 11px;
color: #9d9d9d;
margin-bottom: 2px;
padding: 2px;
font-family:Arial, Helvetica, sans-serif;
}

.textarea{
background-color: #ffffff;
border: #cccccc 1px solid;
width: 260px;
height: 75px;
font-size: 11px;
font-family:  Arial, Helvetica, sans-serif; 
}

.dropdown{
background-color: #ffffff;
border: #cccccc 1px solid;
width: 254px;
font-size: 11px;
color: #9d9d9d;
margin: 0px 0px 2px 0px;
padding: 2px;
}

.envoyer{
float:right;
margin:20px 20px 0px 0px;
}

.alerte{
color: #e41f7a;
}

.legals{
clear:both;
font-size:10px;
color:#737779;
width:710px;
}

/*menu*/
 
a.menu-accueil { display: block; float:left; background:url(../medias/commun/menu-accueil.gif) no-repeat; width: 93px; height: 21px; padding:0px; margin:0px; }
a.menu-accueil:hover, a.menu-accueil:active, a.menu-accueil.current { background-position:0 -21px; text-decoration:none; }

a.menu-marques { display: block; float:left; background:url(../medias/commun/menu-marques.gif) no-repeat; width: 93px; height: 21px; padding:0px; margin-top:8px; }
a.menu-marques:hover, a.menu-marques:active, a.menu-marques.current { background-position:0 -21px; text-decoration:none; }

a.menu-themes { display: block; float:left; background:url(../medias/commun/menu-themes.gif) no-repeat; width: 93px; height: 21px; padding:0px; margin-top:8px; }
a.menu-themes:hover, a.menu-themes:active, a.menu-themes.current { background-position:0 -21px; text-decoration:none; }

a.menu-promos { display: block; float:left; background:url(../medias/commun/menu-promos.gif) no-repeat; width: 93px; height: 21px; padding:0px; margin-top:8px; }
a.menu-promos:hover, a.menu-promos:active, a.menu-promos.current { background-position:0 -21px; text-decoration:none; }

/* liens */
 
a:link { color: #04090e; text-decoration: underline; }
a:visited { color: #04090e; text-decoration: underline; }
a:hover { color: #04090e; text-decoration: none; }
a:active { color: #04090e; text-decoration: none; }

a.no-underline:link { color: #04090e; text-decoration: none; }
a.no-underline:visited { color: #04090e; text-decoration: none; }
a.no-underline:hover { color: #04090e; text-decoration: underline; }
a.no-underline:active { color: #04090e; text-decoration: underline; }

a.lien-footer:link { color: #5d6163; text-decoration: none; }
a.lien-footer:visited { color: #5d6163; text-decoration: none; }
a.lien-footer:hover { color: #fff; text-decoration: none; background-color:#000; }
a.lien-footer:active { color: #fff; text-decoration: none; background-color:#000; }

a.fil-ariane:link { color: #d31980; text-decoration: none; }
a.fil-ariane:visited { color: #d31980; text-decoration: none; }
a.fil-ariane:hover { color: #04090e; text-decoration: underline; }
a.fil-ariane:active { color: #04090e; text-decoration: underline; }
#menu-container a.selected { color: #d31980; text-decoration: underline; }

a.lien-menu-ouvert:link { color: #fff; text-decoration: none; display:block; }
a.lien-menu-ouvert:visited { color: #fff; text-decoration: none;   display:block;}
a.lien-menu-ouvert:hover { color: #fff; text-decoration: underline;   display:block; }
a.lien-menu-ouvert:active { color: #fff; text-decoration: underline;   display:block;}
#menu-ouvert a.current { color: #d31980; text-decoration: underline;   display:block;}


a.plan-titre:link { color: #04090e; text-decoration: none; font-size: 12px; text-transform:uppercase; font-weight:bold; }
a.plan-titre:visited { color: #04090e; text-decoration: none; font-size: 12px; text-transform:uppercase; font-weight:bold; }
a.plan-titre:hover { color: #04090e; text-decoration: underline; font-size: 12px; text-transform:uppercase; font-weight:bold; }
a.plan-titre:active { color: #04090e; text-decoration: none; font-size: 12px; text-transform:uppercase; font-weight:bold; }

/*
a.lien-rouge:link { color: #c60463; text-decoration: none; font-weight:bold; }
a.lien-rouge:visited { color: #c60463; text-decoration: none; font-weight:bold; }
a.lien-rouge:hover { color: #c60463; text-decoration: underline; font-weight:bold; }
a.lien-rouge:active { color: #c60463; text-decoration: underline; font-weight:bold; }
*/
.lien-rouge{ color: #c60463; text-decoration: none; font-weight:bold; }


#texte-theme{
	width:720px;
	clear:both;
	padding:0 0 0 80px;
	margin-bottom:20px;
}

.btn-gagnez-temps-home {
	float:right;
	margin-top:100px; /*150*/
	width:236px;
	height:85px;
	display:block;
	background:url(../medias/commun/btn-gagnez-temps.gif) no-repeat 0px 0px;
}
.btn-gagnez-temps-home:hover {
	background-position:0px -85px;
}

.btn-gagnez-temps-home img, .btn-gagnez-temps img{
	border:none;
}

.btn-gagnez-temps {
	float:right;
	margin-bottom:20px;
	width:236px;
	height:85px;
	display:block;
	background:url(../medias/commun/btn-gagnez-temps.gif) no-repeat;
}
.btn-gagnez-temps:hover {
	background-position:0 -85px;
}

.checkbox_newsletter {
	margin-top:80px;
	width:330px;
}

.checkbox_newsletter input {
	float:none;
}

.checkbox_newsletter label {
	width: auto;
	float: none;
	padding-top: 0px;
	padding-left: 10px;
}

.infos_mag {
	width:122px;
	height:245px;
	background:url(../medias/commun/fond_push_infos_mag.png) no-repeat;
	font-size:11px;
	padding: 12px 5px 0px 10px;
}
.blanc_rde{
	color:#fff;
}

#infos_mag_contact {
	float:left;
	width:250px;
	margin-right:50px;
}