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

body {	
	margin: auto;
	width: 960px;
	padding:0;
}


/* LE SLOGAN */
p#annonce {
	display: block;
	margin-left:350px;
	height:60px;
	padding-top:10px;
	padding-bottom:25px;
	margin-bottom: 5px;
	padding-left:55px;
	font: bold italic 12pt Verdana;
	text-indent: 30px;
	text-align: left;
}

/* Lelogo XITI */
#xitiLogo {
	float: left;
}

/* MENU */
ul#menuHorizontal {
	float: right;
	width: 700px;
	padding: 0;
	list-style-type: none;
}

ul#menuHorizontal li {
	float:right;
	margin: 0;
}

ul#menuHorizontal li a{
	font: 9pt Verdana;
	text-align:center;
}

ul#menuHorizontal li.boutonOrange a,
ul#menuHorizontal li.boutonGris a  {
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 216px ;
	height: 40px;
	line-height: 35px ;	
}

ul#menuHorizontal li.boutonOrange a,
ul#menuHorizontal li.boutonGris a:hover  {
	color:white;
	background: url(images/bouton_orange.jpg) no-repeat;
}

ul#menuHorizontal li.boutonGris a {
	color:black;
	background: url(images/bouton_gris.jpg) no-repeat;
}


/* LES LIENS */
a {
	text-decoration:none; 
	font-weight:bold; 
}

a:link { 
	color:black; 
}

a:visited {
	color:#000000;
} 

a:hover { 
	color:#EE0000; 

}

a:active { 
	color:#0000EE;
}


/* CADRE D'INFORMATIONS */
div.description {
	float: left;
	width: 570px;
	margin-top: 35px;
	margin-left:10px;
}

fieldset {
	padding: 5px;
}

div.description fieldset, div.plan fieldset {
	border: black dashed 1px;
	border-top: 0;
	border-right: 0;
	font: 9pt Verdana;
}

div.description legend {
	font: 10.5pt Verdana;
	border:0;
}

div.plan legend {
	font: 12pt Arial;
	color: red;
	border: 0;
}

/* LES IMAGES*/
img#imgTapis {
	float:left;
	width:379px;
	height:425px;
}

img#imgTapis2 {
	float:left;
	margin-top:25px;
	width:379px;
	height:425px;
}

img#logoSpaddy {
	float:left;
	display: block;
	margin-top: 5px;
}

div#BclContact {
	float:left;
	color: #005138;
	margin-top:55px;
	margin-left:25px;
}

legend {
	font-family: "Trebuchet MS";	
	color: #FF3300;
	border-left: #CCC 2px solid;
	border-right: #CCC 2px solid;
}


.footer, #copyright {
	float:left;	
	width: 100%;
}

.footer {	
	font:12pt Verdana;
	text-align:center;
	font-weight:bold;
	margin: 10px 0;
}

#copyright {
	float: right;
	padding:5px;
	text-align:right;
	width: 350px;
	font: 8pt Verdana;
	font-weight:bold;
}

/* FORMULAIRE DE CONTACT*/
div#formulaire {
	float:left;
	margin-left:70px;
	width: 580px;
}

fieldset.fieldsetForm legend {
	color: #005138;
}

form p.double label {
	float: left;
	width: 200px;
	text-align: left;
	font-weight:100;
	cursor: pointer;
	background-color: #005138;
	color:white;
	margin-right: 5px;
	padding-left: 5px;
}

input, textarea {
	border: 1px dotted black;	
}

input.radioGenre, input.checkbox {
	border: none;
}

.fieldsetForm {
	border: 2px outset #005138;
	width:100%;
	padding:10px;
	margin-top:15px;
}

#boutonsForm {
	margin-top:10px;
}

input:focus,
textarea:focus {
	border: 1px inset black;
	background-color:#CCFF99;
	font-weight:bold;
}


/* PANIER DE COMMANDE -------------------------*/
div#divPanier {
	background-color:yellow;
	width:100%;
	text-align:center;
}

.sansBordure, 
.prixFinal {
	border-width: 0;
	font-weight: bold;
	text-align:right;
}

.prixFinal,
.prixFinal input {
	font-size:14pt;
	font-weight: bold;
	color: red;
	text-align:right;
}

h5 {
	padding:0;
	margin:0;
}

a#aide {
	position:relative;
	cursor: help;
	text-decoration: none;
	color:black;
	text-align:left;
}

a#aide span {
	/* Permet d'indiquer que le texte de la bulle d'aide ne doit pas s'affiché avant que la souris ne le
	survole */
	display: none;
	color: black;
}
	
a#aide:hover {
/* Dans tous les cas indiquer un background( meme blanc) pour eviter un bug d'ie */
	background:white;
/*Indiquer un z-index non utilisé pour éviter que la bulle ne se retrouve cachée */	
	z-index:100;
}

a#aide:hover span {
	display:block;
	position:absolute;
	width:400px;
	left:-490px;
	top: -80px;
	background:white;
	border: 2px dashed #CC6600;
	padding:5px;
}

.plan {
	margin-left:100px;
	margin-top:100px;
}

#ulPlan {
	list-style-type: none;
}