/*GENERAL*/

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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: arial;
	vertical-align: baseline;
}

a{
	text-decoration:none;
	color:black;
	cursor:pointer;
}

html{
	width:100%;
	height:100%;
}

body {
	position:relative;
	min-width:950px;
	min-height:676px;
	height:100%;
	font-family: Arial;
	font-size: 12px;
	font-weight:normal;
	text-align:center;
}

img {
	border:none;
}

.clear {
	clear:both;
	visibility:hidden;
}

/*BASES*/

#centre {
	height: auto;
	width: 913px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
}

#gauche {
	float: left;
	width: 242px;
	height: 675px;
}

#separation-logo {
	width: 242px;
	height: 213px;
}

#logo {
	float:left;
	width: 242px;
	height:164px;
	top:0px;
}

#separation-infos {
	width: 242px;
	height: 24px;
}

/*#separation-corps {
	float:left;
	width: 242px;
	height: 68px;
}*/

#marge-corps {
	float: left;
	width: 12px;
	height: 129px;
}

#corps {
	float: left;
	width: 230px;
	height: auto;
	font-size: 11px;
}

#gras-p1 {
	font-size: 11px;
	width: 223px;
	height: 20px;
	font-weight: bold;
}

#gras-p2 {
	font-size: 11px;
	width: 223px;
	height: 60px;
	font-weight: bold;
}

.marge-p {
	float: left;
	width: 8px;
	height: 40px;
}

.deco-p {
	float: left;
	width: 220px;
	height: 40px;
	font-size: 10px;
}

#collection {
	height: auto;
}

#separation-collect {
	height: 4px;
}

.collections {
	font-size: 9px;
	line-height: 15px;
}

p.corps-p {
	font-size: 10px;
}

.separation-element {
	height: 7px;
}

#marge-centre {
	float: left;
	width: 61px;
	height: 676px;
}

#droite {
	float: left;
	width: 610px;
	height: auto;
}

#contenu_carousel {
	float: left;
	top:0px;
	left:0px;
	position:relative;
}

#footer {
	height: 20px;
	width: 913px;
	margin-left: auto;
	margin-right: auto;
}

#marge-agence {
	float: left;
	height: 20px;
	width: 745px;
}

#agence {
	float: left;
	height: 20px;
	width: 164px;
	text-align: right;
	font-size: 8px;
	font-family: arial;
}

/*ACCUEIL*/

#carousel-accueil {
	float: left;
	width: 610px;
	height: 676px;
}

/*COLLECTIONS*/

#logo-collections {
	float:left;
	width:350px;
	height:164px;
}

.ligne {
	float: left;
	width: 610px;
	height: 164px;
}

.colonne {
	float: left;
	height: 164px;
	width: 110px;
}

#ligne-afficher {
	float: left;
	width: 610px;
	height: 164px;
	overflow:hidden;
}

#ligne-afficher li{
	float:left;
	width:110px;
}

.marge {
	float: left;
	height: 164px;
	width: 10px;
}

.colonne-afficher {
	float: left;
	height: 164px;
	width: 110px;
}

#ligne-cacher {
	float: left;
	width: 610px;
	height: 164px;
	position:absolute;
	top:0px;
	left:0px;
	background-image: url('/_img/fond.png');
	background-repeat: no-repeat;
}

#separation-debut-cacher {
	float: left;
	height: 38px;
	width: 590px;
}

#contenu-cacher {
	height: 78px;
	width: 590px;
}

#marge-cacher {
	float: left;
	height: 73px;
	width: 64px;
}

#texte-cacher {
	float: left;
	height: 73px;
	width: 469px;
}

.titre-cacher {
	font-size: 14px;
	letter-spacing: 1px;
}

#espace-cacher {
	height: 5px;
	width: 469px;
}

.esprit-plus-cacher {
	font-size: 10px;
}

#separation-fin-cacher {
	float: left;
	height: 46px;
	width: 590px;
}

#logo {
	float: left;
	height: 164px;
	width: 242px;
}

.separation {
	float: left;
	height: 6px;
	width: 610px;
}

#back {
	float:left;
	height: 18px;
}

#marge-back {
	float: left;
	height: 18px;
	width: 452px;
}

#infos {
	float: left;
	height: 18px;
	width: 148px;
	background-image: url('/_img/back-plus.jpg');
	background-repeat: no-repeat;
	background-position: left center;
	line-height:18px;
}

.centrer {
	text-align: center;
	font-size: 10px;
	cursor:pointer;
	
}

.petit-logo {
	float: left;
	width: 610px;
	height: 53px;
}

.marge-logo {
	float: left;
	height: 53px;
	width: 10px;
}

.logo-small {
	float: left;
	height: 53px;
	width: 290px;
}

.description {
	height: auto;
	width: 610px;
}

.onglet{
	display:inline-block;
}

.marge-descrip {
	float: left;
	height: 434px;
	width: 10px;
}

.large-photo {
	float: left;
	height: 434px;
	width: 290px;
	position:relative;
	top:0px;
	left:0px;
}

.details {
	float: left;
	height: 434px;
	width: 290px;
}

.back-modele {
	height: 18px;
	width: 290px;
	top:0px;
	background-image: url('/_img/back-modele.jpg');
	background-repeat: no-repeat;
	background-position: left top;
	line-height:14px;
}

.marge-modele {
	float: left;
	height: 18px;
	width: 15px;
}

.nom-modele {
	float: left;
	height: 18px;
	width: 275px;
	font-size:9px;
	margin-top: 2px;
	text-transform : uppercase; 
}

.nom-modele2 {
	float: left;
	height: 18px;
	width: 290px;
	font-size:9px;
	margin-top: 2px;
	text-transform : uppercase; 
}

.espace {
	float: left;
	width: 15px;
	height: 275px;
}

.contenu {
	float: left;
	height: 18px;
	width: 275px;
}

.espace-vide {
	height: 19px;
	width: 275px;
}

.text {
	min-height: 189px;
	width: 275px;
	font-size: 11px;
}

p.italique {
	font-style: italic;
}

a:hover.liens-photos {
	text-decoration: underline;
	cursor:pointer;
}

.photos {
	height: 51px;
	width: 275px;
	font-size: 10px;
}

.coloris {
	height: 32px;
	width: 275px;
	font-size: 10px;
}

/*CLAIRE CHATAIGNER*/

.claire-espace {
	float: left;
	width: 10px;
	height: 675px;
}

.claire-photos {
	float: left;
	height: 675px;
	width: 230px;
}

.claire-photo-haut {
	height: 335px;
	width: 230px;
	background-image: url('/_img/claire-haut.jpg');
	background-repeat: no-repeat;
	background-position: left center;
}

.claire-separation-photos {
	height: 6px;
	width: 230px;
}

.claire-photo-bas {
	height: 335px;
	width: 230px;
	background-image: url('/_img/claire-bas.jpg');
	background-repeat: no-repeat;
	background-position: left center;
}

.claire-logo {
	float: left;
	height: 293px;
	width: 359px;
}

.claire-part1 {
	height: 170px;
	width: 359px;
}

.claire-part2 {
	height: 38px;
	width: 359px;
	background-image: url('/_img/claire-logo.jpg');
	background-repeat: no-repeat;
	background-position: left center;
}

.claire-part3 {
	height: 87px;
	width: 359px;
}

.claire-biographie {
	float: left;
	height: 385px;
	width: 359px;
	font-size: 10px;
}

/*CONTACT*/

#contact-droite {
	float:left;
	height:676px;
	width:610px;
}

#contact-top {
	width:589px;
	height:164px;
	background-image: url('/_img/contact.jpg');
	background-repeat: no-repeat;
	background-position: left center;
}

#contact-logo {
	width:610px;
	height:36px;
}

#contact-logo-left {
	float:left;
	width:136px;
	height:36px;
	background-image: url('/_img/contact-logo.jpg');
	background-repeat: no-repeat;
	background-position: left center;
}

#contact-logo-right {
	float:left;
	width:474px;
	height:36px;
}

#contact-separation {
	width:610px;
	height:98px;
}

#contacts {
	width:610px;
	height:auto;
}

#contact-adresse {
	float: left;
	height: 70px;
	width: 232px;
}

#contact-email {
	float: left;
	height: 70px;
	width: 223px;
}

#contact-newsletter {
	float: left;
	height: 70px;
	width: 155px;
}

p.contact-p {
	font-size: 12px;
	font-weight: bold;
}

.contact-espace-p {
	height: 10px;
}

.contact-text {
	float: left;
	height: auto;
}

.contact-deco-p {
	font-size: 12px;
}

/*PRESSE*/

#presse-droite {
	float:left;
	height:auto;
	width:610px;
}

#presse-separation-top {
	height:61px;
	width:610px;
}

#presse-logo {
	height:36px;
	width:610px;
}

#presse-logo-left {
	float:left;
	width:135px;
	height:36px;
	background-image: url('/_img/presse-logo.jpg');
	background-repeat: no-repeat;
	background-position: left center;
}

#presse-logo-right {
	float:left;
	width:475px;
	height:36px;
}

#presse-separation {
	height:73px;
	width:610px;
}

#presse-contenu {
	width:610px;
}

#presse-photos {
	float:left;
	width:241px;
}

.presse-visuel {
	width:241px;
	height:165px;
	text-align:center;
}

.presse-marge-actu {
	width:241px;
	height:11px;
}

.presse-marge-actu2 {
	width:241px;
	height:5px;
}

#presse-marge-center {
	float:left;
	width:9px;
	height:1020px;
}

#presse-actualites {
	float:left;
	width:360px;
}

.presse-actu {
	height:165px;
	text-align:left;
}

.presse-actu-top {
	height:69px;
}

.presse-actu-center {
	height:96px;
}

.presse-deco-p {
	font-size: 11px;
}

.presse-bold-p {
	font-size: 12px;
	font-weight:bold;
}

/*PHOTOS COLLECTION*/

.large-photo img {
	position:absolute;
	top:0px;
	left:0px;
	z-index:0;
}
