/* Styles pour FPA Diffusion */

/*//////////////////////////// général////////////////////////// */

html,body
{
	width:100%;
}

body
{
	margin:0;
	padding:0;
	color:#000000;
	font-size:1em;
	font-family:Verdana,Arial,Sans-serif;
}
img { border:0; }
hr { height: 1px; }
table,tr,th,td { margin:0; padding:0; border:0; }
th { display: none; }
td { border-bottom: 1px solid #FFFFFF; padding: 4px; }

.imgToLeft
{
	float:left;
}
.small { color:#902B41; font-size:0.8em; }
a { color:#902B41; text-decoration:none; }
a:link { color:#902B41; text-decoration:none; }
a:visited { color:#902B41; text-decoration:none; }
a:hover { color:#000000; text-decoration:underline; }
a:active { color:#000000; text-decoration:underline; }

.notDisplay { display: none; }

/*////////////////////////////// div ////////////////////////////*/
#invisible
{
	display:none;
}
#main
{
	width:700px;
	margin-left:auto;
	margin-right:auto;
}
#haut
{
	width:700px;
	min-width:700px;
	height:121px;
	margin-left:auto;
	margin-right:auto;
	background-image:url("/images/haut3.gif");
	background-position:top right;
	background-repeat:no-repeat;
	border-bottom:1px solid #902B41;
	z-index:2;
}
#menu
{	
	position:absolute;
	width:685px;
	text-align:right;
	margin-top:95px;
	font-size:0.7em;
	z-index:3;
}
#contenupage/* page statiques */
{
	margin-left:auto;
	margin-right:auto;
	width:700px;
	padding-top:300px;
	min-height:1px; 
	border-bottom:30px solid #902B41;
	background-image:url("/images/ambiance2.jpg");
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#FBECD3;
}
/* Pour IE Mac \*//*/
#contenupage
{
	border-bottom:30px solid #902B41;
	background-image:url("/images/ambiance2.jpg");
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#FBECD3;
	background-color:#FBECD3;
	padding-top:0;
}
/**/
#contenucms /* pages dynamiques */
{
	margin-left:auto;
	margin-right:auto;
	width:700px;
	padding-top:300px;
	min-height:1px; 
	background-color:#FBECD3;
	background-image:url("/images/ambiance2.jpg");
	background-position:top left;
	background-repeat:no-repeat;
}
/* Pour IE Mac \*//*/
#contenucms
{
	padding-top:0;
}
/**/
#gauche /* affichage du bloc de gauche */
{
	float:left;
	margin-top:-280px;
	width:177px;
}
/* Pour IE Mac \*//*/
#gauche
{
	margin-top:20px;
}
/**/
#petitambiance
{
	font-size:0.9em;
	font-weight:bold;
	color:#902B41;
	padding-left:30px;
	padding-top:37px;
}
#grandambiance
{
	font-size:1.5em;
	color:#902B41;
	margin-left:40px;
}
#droite /* affichage du bloc de droite */
{
	width:500px;
	margin-left:197px;
	font-size:0.7em;
	margin-top:-280px;
	padding-top:280px;
	min-height:1px;
	text-align:left;
}
/* Pour IE Mac \*//*/
#droite
{
	margin-top:20px;
	padding-top:0;
	height:550px;
	min-height:550px
}
/**/
#redroite /* div en plus pour min-height */
{
	width:500px;
	margin-top:-280px;
	text-align:left;
}
/* Pour IE Mac \*//*/
#redroite
{
	margin-top:0;
	padding-top:0;
	height:550px;
	min-height:550px
}
/**/
.logo
{
	position:absolute;
	width:350px;
	height:121px;
	z-index:1;
}
#detaildroite
{
	float:right;
	margin-right:10px;
	width:50%;
}
#detaildesc
{	
	clear:both;
	width:100%;
}
/*//////////////////////////////// cms  //////////////////////////////*/
.produit
{
	margin:10px 5px 10px 5px;
	border:1px solid #FFFFFF;
}
.produitdetail
{
	margin:10px 5px 10px 5px;
	border:1px solid #FFFFFF;
	float:left;
}
#motrecherche
{
	margin-left:20px;
	margin-top:50px;
	font-size:0.7em;
	color:#000000;
}
.bascmsnavig
{
	width:700px;
	height:30px;
	margin-top:20px;
	font-size: 0.7em;
	color:#FBECD3;
	text-align:right;
	background-color:#902B41;
	vertical-align:bottom;
}
#cmsnavig
{
	width:585px;
	float:right;
	color:#FBECD3;
	text-align:center;
}
a.cmsnavig { color:#FBECD3; text-decoration:none; }
a.cmsnavig:link { color:#FBECD3; text-decoration:none;}
a.cmsnavig:visited { color:#FBECD3; text-decoration:none; }
a.cmsnavig:hover { color:#FBECD3; text-decoration:underline; }
a.cmsnavig:active { color:#FBECD3; text-decoration:underline;}
#noresults
{
	width:700px;
	height:30px;
	background-color:#902B41;
	vertical-align:bottom;
}
.aucunresultat
{	
	width:517px;
	font-size: 0.9em;
	color:#902B41;
	margin-top:-280px;
	height:200px;
	padding-top:30px;
	margin-left:180px;
	min-height:1px;
	text-align:left;
	
}

/* //////////////////////////// Formulaire  ////////////////////////////// */
form
{
	/*width:500px;*/
}
label { 
	color: #8D232F;
}
label.notdisplay { display: none; }

form p {
	text-align:right;
	width:400px;
}
form p label {	
	margin-right:50px;
}

.boutton { /* div qui contient le boutton pour valider la commande */
	margin: 0.2em 0;
	padding: 0;
	padding-right: 100px;
	text-align:right;
}
textarea { /* par défaut pour tous les textarea */
	font-family: Verdana,Arial,Sans-serif;
	border: #902B41 1px solid;
	font-size: 1.0em;
	color: #000033;
	width: 300px;
}
.formfield { /* champs à remplir */
	font-family: Verdana,Arial,Sans-serif;
	border: #902B41 1px solid;
	font-size: 1.0em;
	width:180px;
	color: #000000;
}
.formfieldrecherche { /* champs à remplir */
	font-family: Verdana,Arial,Sans-serif;
	border: #902B41 1px solid;
	font-size: 1.0em;
	width:110px;
	color: #000000;
}
select { /* champs à remplir */
	font-family: Verdana,Arial,Sans-serif;
	font-size: 1em;
	width:150px;
	color: #000000;
}
.long
{
	width:180px;
}
.case { /* champs à remplir */
	font-size: 1.0em;
	color: #000000;
}
.formbutton { /* bouton */
	font-family: Verdana,Arial,Sans-serif;
	border: #902B41 1px solid;
	font-size:1.0em;
	color: #000033;
	cursor: hand;
	background-color: #E3E3E3;
}