/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*------------------------
Général
------------------------*/
body {
    font-family: Arial;
    background-color:#FFFFFF;
    color:#000000;
}
p {
    font-size:14px;
}



/*------------------
STYLE PERSO
--------------------*/
.centrerH {
    margin-left: auto; 
    margin-right: auto;
}
.fl {
	float:left;	
}
.fr {
    float:right;   
}
.upc {
	text-transform:uppercase;	
}
.italic {
	font-style:italic;
}
.bold {
	font-weight:bold;
}
.hidden {
	visibility:hidden;
}
.gris-leger {
	background-color:#f1f1f1;	
}

/*menu*/
.menu {
	font-size:14px;
	font-family:"helvetica neue light", helvetica, "arial narrow", Arial;
	color:#808080;
}
.menu li{
	padding-bottom:18px;
}
.menu a:link {
    color:#808080; 
    text-decoration:none;
}
.menu a:visited {
    color:#808080; 
    text-decoration:none;
}  
.menu a:hover {
    color:#FF00FF;
    text-decoration:underline;
}
.menu-titre {
    font-size:16px;   
}

.phrase {
	font-family: "bodoni sixty two ITC TT book", Baskerville, Times;
    font-style:italic;
    font-size:23px;
}

.decalage {
	margin-left: 35px;
}

.phrase-accueil-bas {
	clear:both;
	margin-right:43px;
	margin-top:12px;
	margin-bottom:2px; /*evite que les lettres soit coupées en bas (ex. g, p, ...)*/
	text-align:right;
}

.hist-titre {
    color:#797CA7;
    font-size:16px;
    margin-top:30px;
}

.hist-img {
    margin-right:20px;
}
.hist-txt {
    width:170px;
    color:#808080;
    line-height:26px;
    font-size:14px;
    font-family:times;
    display:inline-block;
}
.conteneur-hist {
    overflow: hidden; 
    /*border:1px solid red;*/
}




/*CONTENEUR CENTRAL---------------------------------*/
#conteneur-central {

    width:970px;
    margin-top:50px;
    overflow: hidden; /* Empêche le dépassement des flottants : http://www.alsacreations.com/article/lire/7-depassement-flottants-css.html*/ 
    /*border:1px solid black;*/
}



/*MENU GAUCHE---------------------------------*/
#conteneur-gauche {
    /*border:1px solid blue;*/
    margin-left:20px;
}

#logo {
    border:1px solid #D5D4D3;
    text-align:center; /*permet de centrer l'image au sein de la div logo*/
    margin-bottom:53px;
	/*total largeur (padding-left + width + padding-right) : 140 px*/
    width: 124px;
    /*total hauteur (height => voir image => 79 + padding-top + paddin-bottom) : 140 px*/
    padding-top: 51px;
    padding-bottom:5px;
}

#phrase-accueil {
 	margin-bottom:90px;
}
#phrase-accueil a:link {
    color:#797CA7;
    text-decoration:none;
}
#phrase-accueil a:visited {
    color:#797CA7;
    text-decoration:none;
}
#phrase-accueil a:hover {
    text-decoration:underline;
}

/*quand une page est affiché, on marque le lien de cette page dans le menu comme étant séléctionné*/
#menu-gauche a.selected {
	color:#9EB0E2;
}



/*CADRE CENTRAL*/
#conteneur-cadre-central {
    margin-right:20px;
    margin-left:20px;
	/*border:1px solid red;*/
}

#cadre-central {
	width:450px;
	height:450px;
    border:8px solid #CBCBCB;
}

#cadre-central img {
	display: block;	/*suppression de l'espace indesirable sous l'image : http://www.alsacreations.com/astuce/lire/52-espaces-sous-les-images.html*/	
}

.fleche{
	margin-top: 230px;
}

#prev {
	margin-right: 5px;
}

#next {
	margin-left: 5px;
}



/*MENU DROIT*/
#menu-droit {
    text-align:right;
    margin-top:25px;	
    /*border:1px solid green;*/
}

#menu-droit a.selected {
	color:#9EB0E2;
}

#grande-occas {
    margin-top:30px;   
}

#titre-hiver {
	margin-top: 90px;	
}







/*------------------------
index.html
------------------------*/
#conteneur-central-idx {
	margin-top:170px;
    width:280px;
    overflow: hidden;
}

#conteneur-logo-phrase {
	width:270px;
	float:left;	
	text-align: center;
	margin-right:76px;
}

#logo-idx {
  	width: 270px;
    padding-top: 125px;
    padding-bottom:18px;
    border:2px solid #D5D4D3;
}

#phrase-idx { 
	font-size:28px;
	font-style:italic;
	color:#797CA7;
	margin-top:20px;
}
/*
#langues {
	margin-bottom:20px;
}
#langues li {
	display:inline;	
	margin: 0 0 0 0;
}
#langues li a:link {
	color:#808080;
	text-decoration:none;
}
#langues li a:visited {
	color:#808080;
}
.menu li a:hover {
    color:#FF00FF;
    text-decoration:underline;
}
.menu li a:active {
    color:#FF00FF;
}
*/

/*------
ACCUEIL
-------*/
#phrase-accueil-bas-1 {
	color:#031D88;
}
#phrase-accueil-bas-2 {
	color:#FFADD3;
}
#phrase-accueil-bas-3 {
	color:#FFD5AE;
}
#phrase-accueil-bas-4 {
	color:#797CA6;
}
#phrase-accueil-bas-5 {
	color:#434BA4;
}
#phrase-accueil-bas-noel {
    color:#EDC500;   
}
#phrase-accueil-bas-soldes {
	color:#797CA7;	
}

/*------------------------
Historique
------------------------*/
    
/*historique-1*/
#hist-titre-1 {
	padding-left:250px;
}
#conteneur-hist-1 {
    width:395px;
	margin-top:20px;
}
#hist-txt-1 {
	margin-top: 35px;
}

/*historique-2*/
#conteneur-hist-2 {
	width:395px;
	margin-top: 74px;
}
#hist-txt-2 {
	margin-top: 108px;
}

/*historique-3*/
#hist-titre-3 {
	padding-left:255px;	
}
#conteneur-hist-3 {
	width:410px;
	margin-top:37px;
}
#hist-txt-3 {
	margin-top:13px;
	width:180px;
}

/*historique-4*/
#hist-titre-4 {
	padding-left:210px;
}
#conteneur-hist-4 {
	width:350px;
	margin-top:37px;
}
#hist-txt-4 {
    width:200px;
}

/*historique-5*/
#hist-titre-5 {
	padding-left:251px;
}
#conteneur-hist-5 {
	width:402px;
	margin-top:37px;
}
#hist-txt-5 {
	margin-top: 2px;
}

/*historique-6*/
#hist-titre-6 {
	padding-left:247px;
}
#conteneur-hist-6 {
	width:402px;
	margin-top: 37px;
}
#hist-txt-6 {
	margin-top: 45px;
}

/*historique-7*/
#hist-titre-7 {
	padding-left:255px;
}
#conteneur-hist-7 {
	width:402px;
	margin-top:37px;
}
#hist-txt-7 {
}

/*------------------------
permanents.html
-------------------------*/
#cadre-central-permanents img{
    display: block;	/*suppression de l'espace indesirable sous l'image : http://www.alsacreations.com/astuce/lire/52-espaces-sous-les-images.html*/
}

/*------------------------
boutiques.html
------------------------*/
#boutiques {
    color:#FFFFFF;
	width:320px;
	margin-top:50px;
	font-family:"helvetica neue light", helvetica, "arial narrow", Arial;
	font-size:13px;
}

#boutiques li {
	margin-top:11px;
}

#neuilly {
    margin-top:215px;
}

.boutiques-background {
    background-image:url(images/boutiques/boutiques-intro.jpg);   
}

/*-----------------------
presse.html
-------------------------*/

.contact-presse-background {
	background-image:url(images/presse/presse-intro.jpg);
}

#contact-presse {
	color:#FFFFFF;
	margin-top:370px;
	margin-left:22px;	
}

#nom-contact-presse {
	font-size:17px;	
	margin-bottom:10px;
}

#tel-contact-presse {
    margin-bottom:10px;
}

/*------------------------
contact.html
------------------------*/
.bg-contact {
	background-image:url(images/contact/contact-intro.jpg);
}

.bg-contact p{
	text-align:center;
	margin-top:400px;
	font-size:17px;
}

.bg-contact a:link {
    color:#FFFFFF; 
    text-decoration:none;
}
.bg-contact a:visited {
    color:#FFFFFF;
    text-decoration:none;
}  
.bg-contact a:hover {
    color:#FFFFFF;
    text-decoration:underline;
}

/*
form#contact {
	text-align: center; 
}

#civilite {
	font-size:11px;
	color:#808080;
	margin-top:10px;	
}

input#nom {
    width:300px;
    margin-top:10px;
}

input#email {
	width:200px;	
	margin-top:25px;
}

textarea#message {
	width:450px;
	height:190px;
	margin-top:140px;
	resize: none;
}

input[type=submit] {
	margin-top:20px;	
}
*/