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

/* ------------------------  Global */
* {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #7e8287;
}

body {
	/*line-height: 1;*/
	background-image: url(../pics/fond_degrade.jpg);
	background-repeat:repeat-x;
	background-color: #9cc5e5;
	height: 100%;
	margin: 0;
	padding: 0;
	font-size:12px;
}

img {
	border: none;
}

/* ------------------------ Mise en page */
/* ------------------------ Conteneur global */
#holder {
	position: absolute;
	width: 978px;
	left: 50%;
	top: 0px;
	margin-left: -489px;
}

/* ------------------------ Header */
#header {
	/*position: absolute;*/
	background-image:url(../pics/volutes_header.png);
	width: 978px;
	height: 216px;
	/*left: 50%;
	top: 0px;
	margin-left: -489px;*/
	float: left;
}

#header .menu01 {
	position: absolute;
	left: 529px;
	top: 180px;
}

#header .menu02 {
	position: absolute;
	left: 613px;
	top: 180px;
}

#header .menu03 {
	position: absolute;
	left: 763px;
	top: 180px;
}

#header .menu04 {
	position: absolute;
	left: 869px;
	top: 180px;
}

/* ------------------------ Partie centrale ( conteneur principal ) */
#content {
	width: 978px;
	float: left;
}

#content .menuLeft {
	position: relative;
	background-image:url(../pics/volutes_menu_left.png);
	top: 0px;
	left: 0px;
	width: 274px;
	height: 400px;
	float:left;
}

#content .btn01 {
	position: absolute;
	left: 0px;
	top: 88px;
}

#content .btn02 {
	position: absolute;
	left: 0px;
	top: 119px;
}

#content .btn03 {
	position: absolute;
	left: 0px;
	top: 150px;
}

#content .btn04 {
	position: absolute;
	left: 0px;
	top: 181px;
}

/* ------------------------ Partie centrale ( contenu page ) */
#content .page {
	width: 660px;
	float:left;
}

#content .roundTopPage {
	background-image:url(../pics/arrondi_haut_centre.png);
	background-repeat: no-repeat;
	width: 660px;
	height: 12px;
	float: left;
}

#content .roundBottomPage {
	background-image: url(../pics/arrondi_bas_centre.png);
	background-repeat: no-repeat;
	width: 660px;
	height: 12px;
	float: left;
}

/* pre-conteneur, permet d'avoir un padding */
#content .insideHolder {
	background-color: #FFFFFF;
	width: 660px;
	float: left;
}

/* Conteneur données */
#content .inside {
	width: 600px;
	float: left;
	padding: 0 30px 0 30px;
}

/* Conteneur titre de section principale */
#content .titleSection {
	width: 100%;
	float: left;
	vertical-align: baseline;
}

#content #sectionTitlePic {
	float: left;
}

#content .multipage {
	float: right;
}

#content .multipage a:link {
	color: #c699b5;
	font-weight: bold;
	text-decoration: none;
}

#content .multipage a:visited {
	color: #c699b5;
	font-weight: bold;
	text-decoration: none;
}

#content .multipage a:hover {
	color: #316cb0;
	font-weight: bold;
	text-decoration: none;
}

#content .multipage a:active {
	color: #316cb0;
	font-weight: bold;
	text-decoration: none;
}

/* Conteneur liste des liens sous catégories */
#content #subcatLinks {
	width: 100%;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

#subcatLinks a:link {
	color: #c699b5;
	text-decoration: none;
}

#subcatLinks a:visited {
	color: #c699b5;
	text-decoration: none;
}

#subcatLinks a:hover {
	color: #316cb0;
	text-decoration: none;
}

#subcatLinks a:active {
	color: #316cb0;
	text-decoration: none;
}

/* ------------------------ Liste des sous-catégories */
/* Bloc produit en liste */
#content .listBlock {
	width: 184px;
	float: left;
	padding: 8px;
	margin-bottom: 8px;
	text-align: center;
}

/* Titre des sous-section ou des produits */
#content .title {
	font-size:14px;
	font-weight: bold;
	color:#513943;
}

/* Image produit avec bordure */
#content .image {
	border: 4px solid #c699b5;
}

/* ------------------------ Liste des produits */
#content .listProductBlock {
	width: 100%;
	float: right;
	margin-bottom: 8px;
}

#content .productInfos {
	vertical-align: top;
	margin-left: 8px;
	height: 200px;
	float: right;
}

/* Image produit avec bordure */
#content .imageProduct {
	border: 4px solid #c699b5;
	float: left;
	margin-right: 16px;
}

#content .ref {
	font-size: 11px;
	float: left;
}

/* ------------------------ Formulaires */
form {
	width: 600px;
}

form p.double {
	/* Empêcher le dépassement des flottants */
	overflow: hidden;
	/* Idem pour IE6 */
	width: 100%;
}

form p.double label {
	float: left;
	width: 150px;
	text-align: right;
	cursor: pointer;
}

form p.double input,
form p.double textarea {
	width: 340px;
	margin-left: 12px;
	font-size: 12px;
}

form p.simple {
	margin-left: 160px;
}

/* ------------------------ Messages */
.error {
	border: 1px solid #a64656;
	background-color: #c3838e;
	color: #ffffff;
	font-weight: bold;
	padding: 4px;
	width: 592px;
}

.info {
	border: 1px solid #306db0;
	background-color: #749dca;
	color: #ffffff;
	font-weight: bold;
	padding: 4px;
	width: 592px;
}

/* ------------------------ Footer */
#footer {
	width: 978px;
	float: left;
}

#footer .roundTopPage {
	background-image: url(../pics/arrondi_haut_grand.png);
	background-repeat: no-repeat;
	width: 935px;
	height: 12px;
	float: left;
}

#footer .inside {
	background-color:#FFFFFF;
	width:935px;
	float:left;
	text-align:center;
}

#footer .roundBottomPage {
	background-image: url(../pics/arrondi_bas_grand.png);
	background-repeat: no-repeat;
	width: 935px;
	height: 12px;
	float: left;
}

#footer a:link {
	color: #c699b5;
	text-decoration: none;
}

#footer a:visited {
	color: #c699b5;
	text-decoration: none;
}

#footer a:hover {
	color: #316cb0;
	text-decoration: none;
}

#footer a:active {
	color: #316cb0;
	text-decoration: none;
}

/* ------------------------ Divers */
div.center {
	width: 100%;
	text-align: center;
}

span.textbold {
	font-weight: bold;
}

span.pinkie {
	color: #ebbbdc;
	font-style: italic;
	font-weight: bold;
	font-size: 13px;
}

/* Etoiles "champ requis" */
.required {
	color: #a64656;
	font-size: 16px;
}

.spacer {
	clear: both;
}
	.treb10 {
	font-size: 11px;
	font-family: "Trebuchet MS";

}
.centre {
	text-align: center;
}
.justifie {
	text-align: justify;
}
.droite {
	text-align: right;
}
.liensaccueil {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	line-height: 5px;
	color: #FFF;
}
.centre p br {
	color: #FFF;
}