@charset "utf-8";
/* CSS Document */

body{
background-color: #fff;
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:1em;

}

.cache{
	
    background:#fff url("http://thesposagroup.com/wp-content/uploads/2016/06/logoD.jpg") no-repeat center center;
    height: 160px;
    left: 50%;
    margin: 0 auto 0 -600px;
    padding: 0;
    position: absolute;
    top: 40px;
    width: 1200px;
    z-index: 99999;

	
	
}


p{
	margin:0;
	padding:0;
	
}


a{
text-decoration: none;

}

a:hover{
text-decoration:underline;
}


img{
border:none;

}


div#globale{
width:1160px;
margin:0 auto;
padding:0;
}

div#globale-collection{
width:1160px;
margin:0 auto;
padding:0;
}


div#menu{
	background: url("img/fonmenu.jpg") repeat-x top left;
width:1160px;
height:40px;
margin:0;
padding:0;
}


ul{
list-style-type:none;
float:left;
margin:0;
padding:0;
height:40px;
font-size:1em;
color:#FFF;
}

ul li{
	
	background: url("img/ligne.jpg") no-repeat top right;
	height:35px;
float:left;
color:#FFF;
font-size:1em;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
padding:5px 20px 0 20px;

	
	
}

ul li a{
	color:#FFF;
	
}



div#centre{
	background: url("img/fon.jpg") no-repeat top left;
width:1160px;
margin:0;
padding:0;
}

div#centre-collection{
	background: url("img/fon-colection-blanc.png") repeat-y top left;
width:1160px;
margin:0;
padding:0;
}


div#contenu{
width:970px;
float:left;
margin:0;
padding:0;
}

div#contenu-collection{
width:970px;
float:left;
margin:0;
padding:10px 0 0 0;
}


div#marque{
	background-color:#000;
width:190px;
float:left;
margin:-40px 0 0 0;
padding:0 0 90px 0;
text-align:center;
}


p.intro{
	background:url(img/fonglobale.png) repeat left top;
	width:360px;
	color:#fff;
	margin:20px 0;
	padding:20px;
	font-size:0.9em;
}

span.titre{
	font-size:1.5em;
	display:block;
	margin-bottom:5px;
	
}

p.marque{
	
	color:#FFF;
	font-size:0.9em;
	text-align:center;
	width:160px;
	padding:0 20px;
	
	
}


img.logoimg{
	
	margin:25px 0 0 0;
	
	
}

div#fincentre{
	background-color:#ddc2b7;
	height:1px;
	width:1160px;
	margin:0;
	padding:0;
	clear:both;
	
	
}


div#pied{
	
	height:1px;
	width:900px;
	margin:0 auto;
	padding:0;
	text-align:center;
	clear:both;
	
	
}

div#pied a{
	color:#666;
	font-size:0.7em;
	
	
	
}

img.catalogue{
	
	float:right;
	padding:3px 3px 0 0;
	
	
}


/**********************************************************************************Colllection*****************************************************************************/
a.blanc{
	color:#FFF;
	
}


div.facebook{
	margin-top:20px;
	
}

p.retour{
	color:#FFF;
	background:url(img/retour.png) no-repeat left top;
	height:17px;
	padding:2px 0 0 20px;
	font-size:0.7em;
	margin:25px 0 0 0;
	
}

p.retour-blanc{
	color:#FFF;
	background:url(img/retour-blanc.png) no-repeat left top;
	height:17px;
	padding:2px 0 0 20px;
	font-size:0.7em;
	margin:25px 0 0 0;
	
}

p.maison{
	color:#FFF;
	background:url(img/maison.png) no-repeat left top;
	height:17px;
	padding:2px 0 0 20px;
	font-size:0.7em;
	margin:2px 0 0 0;
	
}

p.maison-blanc{
	color:#FFF;
	background:url(img/maison-blanc.png) no-repeat left top;
	height:17px;
	padding:2px 0 0 20px;
	font-size:0.7em;
	margin:2px 0 0 0;
	
}

div#block_conteur{
	color:#333;
	margin:10px 0 0 0;
	font-size:0.8em;
	
	
	
}

div#block_conteur-blanc{
	color:#fff;
	margin:10px 0 0 0;
	font-size:0.8em;
	
	
	
}


p#conteur{
	color:#333;
	display:inline;
	
}

p#conteur-blanc{
	color:#fff;
	display:inline;
	
}

a#presedent{
	width:146px;
	height:194px;
	display:block;
	position:relative;
	z-index:90;
	float:left;
	margin:-194px 0 0 0;
	
}

a#presedent:hover{
	background:url(img/rolovergauche.png) no-repeat left top;
	width:146px;
	height:194px;
	display:block;
	position:relative;
	z-index:90;
	float:left;
	margin:-194px 0 0 0;
	
}

a#suivant{

	width:146px;
	height:194px;
	display:block;
	position:relative;
	z-index:90;
	float:left;
	margin:-194px 0 0 146px;
	
}

a#suivant:hover{
background:url(img/roloverdroite.png) no-repeat right top;
	width:146px;
	height:194px;
	display:block;
	position:relative;
	z-index:90;
	float:left;
	margin:-194px 0 0 146px;
	
}



div#gauche{
width:295px;
margin:0;
padding:0 0 50px 9px;
float:left;
}

div#gauche-noir{
background:url(img/fonglobale-noir.png) repeat left top;
width:301px;
margin:0;
padding:0 0 50px 9px;
float:left;
}

div#droite{
width:650px;
margin:0;
padding:0 0 0 10px;
float:left;
}

p.titre-marque{
	color:#444;
	font-size:1.2em;
	margin:15px 0 5px 0;
	
	
}

p.titre-marque-blanc{
	color:#fff;
	font-size:1.2em;
	margin:15px 0 5px 0;
	
	
}

p.texte{
	color:#fff;
	font-size:0.7em;
	margin:0;
	padding:0 10px 5px 0;
	
	
}

p.texte-blanc{
	color:#fff;
	font-size:0.7em;
	margin:0;
	padding:0 10px 5px 0;
	
	
}

#BigZoom{
	background:url(img/ajax-loader.gif) no-repeat center center;
	margin:0 0 20px 0;
	width:555px;
	height:740px;
	float:left;
}

img.vignette{
	margin:0 0 5px 5px;
	
	
}

/************************************************************************Form*****************************************************************************/

div#form-rdv{
	background:url(img/fonglobale.png) repeat left top;
	color:#FFF;
	width:390px;

	padding:20px;
	margin:20px;
	
	
	
}

p.titre-page{
	font-size:1.5em;
	margin:0 0 20px 0;
	
}

span.gris{
	color:#fff;
}

p.offre{
	color:#FFF;
	font-size:0.8em;
	display:inline;
	
}

input.p{
	width:250px;
	margin:0 0 5px 0;
	
}


input.pcode{
	width:100px;
	margin:0 0 5px 0;
	
}