body, body * {
	margin:0 auto;
	padding:0;
	background-color:transparent;
	background-repeat:no-repeat;}
body{
	background:#3A3066 url(../images/fonds/FondBody.png) repeat;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#222;}
h1, h2, h3, h4, h5{margin:0;}
a, em	{color:#0066CC;}
a:visited{color:#382752;}
a:hover{color:#FDBA39;}
a img{border:none;}
form input, form textarea{border: solid 1px #0066cc;}
form input:hover, form input:focus, form textarea:hover, form textarea:focus{border-color:#FF9900;}
form label{
	display:block;
	float:left;}
em{
	font-style:normal;
	font-weight:bold;}
br.clear{
	clear:both;
	height:0px;}
.bas, .haut {height:30px;}
.haut{margin-top:2px;}
.bas{margin-bottom:10px;}
.bouton{
	width:100px;
	height:30px;
	border:none;
	background:url(../images/bouton.png);
	line-height:30px;
	color:#fff;
	font-weight:bold;}
.bouton:hover{
	background:url(../images/boutonHover.png);
	color:#000;
	cursor:pointer;}

/****************************
 *		BANNIERE			*
 ****************************/
#banniere{
	width:900px;
	margin-top:5px;
	z-index:10;
	height: 150px;
	background:url(../images/fonds/FondBanniere.png);
	color:#FFF;}
/****************************
 *		MENU PRINCIPAL		*
 ****************************/
#bandeMenu{
	position:relative;
	top:-20px;
	z-index:20;} 
#principal{
	width:900px;
	list-style-type:none;
	text-align:center;
	font-weight:bold;
	font-size:16px;
	letter-spacing:0.5px;}
#principal li{
	float:left;
	width:140px;
	margin: 0 4px;
	line-height:40px;
	background:url(../images/fonds/FondMenuSel.png);
	color:#000;}
#principal li a{
	display:block;
	text-decoration:none;
	background:url(../images/fonds/FondMenu.png);
	color:#fff;}
#principal li a:hover{
	background:url(../images/fonds/FondMenuSel.png);
	color:#000;}
/****************************
 *		CONTENENEUR			*
 ****************************/
div#conteneur{
	width:900px;
	padding-bottom:10px;
	text-align:left;}
/****************************
 *		EVITEMENT			*
 ****************************/
div#evitement{
	width:900px;
	padding-right:5px;
	text-align:right;
	font-size:10px;} 
/****************************
 *		FIL D'ARIANE		*
 ****************************/
#filDAriane{
	float:left;
	width:662px;
	height:25px;
	padding-left:10px;
	background:url(../images/fonds/FondAriane.png);
	line-height:25px;
	color:#000;}
#filDAriane a:hover{color:#fefefe;}
#filDAriane span{font-weight:bold;}
/****************************
 *		TITRE				*
 ****************************/
#titrePage{
	clear:left;
	height:45px;
	width:672px;
	background:url(../images/fonds/FondTitre.png) bottom;
	text-align:center;
	font-size:25px;
	color:#000;}
#titrePage span{
	padding:7px 0 0 45px;
	line-height:45px;}
#titrePage span.accueil{background-image:url(../images/icones/accueil.png);}
#titrePage span.nosoffres, #titrePage span.services{background-image:url(../images/icones/nosoffres.png);}
#titrePage span.lespacks{background-image:url(../images/icones/lespacks.png);}
#titrePage span.lesprestations{background-image:url(../images/icones/lesprestations.png);}
#titrePage span.conception{background-image:url(../images/icones/conception.png);}
#titrePage span.contenu, #titrePage span.essentiel{background-image:url(../images/icones/contenu.png);}
#titrePage span.modules{background-image:url(../images/icones/modules.png);}
#titrePage span.carte{background-image:url(../images/icones/carte.png);}
#titrePage span.vitrine{background-image:url(../images/icones/vitrine.png);}
#titrePage span.boutique{background-image:url(../images/icones/boutique.png);}
#titrePage span.contact{background-image:url(../images/icones/contact.png);}
#titrePage span.devisgratuit{background-image:url(../images/icones/devisgratuit.png);}
/****************************
 *		CONTENU				*
 ****************************/
#centre{
	float:left;
	width:672px;
	/*background-color:none;*/}
div#contenu{
	float:left;
	width:657px;
	min-height:485px;
	padding-left:15px;
	background:#fff;
	text-align:justify;
	overflow:hidden;}
div.raccourciAccueil{
  float:left;
  width:31%;
  padding:5px;
}
div.raccourciAccueil p{text-align:left;}
 h3{
  width:98%;
	height:25px;
	background:#0066CC ;
	font-size:16px;
	letter-spacing:0.5px;
	color:#fff;}
div#contenu h3 span, div#contenu h3 a {
	display:block;
	padding-left:10px;
	background:#0066CC;
	line-height:25px;}
div#contenu p{
	padding:10px 20px 5px 10px;
	background-color:transparent;}
div#contenu p.envoiMail{text-align:center;}
div#contenu ul{
	margin-bottom:5px;
	padding:5px 20px 5px 30px;
	list-style-image:url(../images/icones/puce.png);}
div#centre div.haut{background-image:url(../images/fonds/CentreHaut.png);}
div#centre div.bas{
	clear:left;
	background-image:url(../images/fonds/CentreBas.png);}
/****************************
 *		MENU CONTENU		*
 ****************************/
.menuContenu{
	width:140px;
	float:left;
	clear:left;
	text-align:center;} 
.menuContenu h2{
	width:140px;
	height:40px;
	font-size:14px;
	line-height:40px;}
div#contenu .menuContenu a, div#contenu .menuContenu span{display:block;}
div#contenu .menuContenu h2 a{
	background: #fff url(../images/fonds/FondMenu.png);
	color:#fff;
	text-decoration:none;}
div#contenu .menuContenu h2 a:hover, div#contenu div.menuContenu h2 span{
	background:url(../images/fonds/FondMenuSel.png);
	color:#000;}
div#contenu .menuContenu ul{padding:10px 0;}
div#contenu .menuContenu li{
	width:120px;
	height:20px;
	margin-bottom:2px;
	line-height:20px;
	list-style-image:none;
	list-style-type:none;}
div#contenu .menuContenu li a{
	text-decoration:none;
	background:#0066cc;
	color:#fff;}
div#contenu .menuContenu li a:hover, div#contenu .menuContenu li span{background:#FDBA39;
color:#000;}
/****************************
 *		PRESTATIONS			*
 ****************************/
div#prestations
{
	float:right;
	width:75%;
	padding-left:10px;
}
div#contenu .commentaire{
	width:95%;
	color:#888;
	line-height:20px;
	font-size:12px;
	font-style:italic;}
div#prestations h3 a{
	text-decoration:none;
	color:#fff;}

div#prestations h3 a:hover{
	background:#FF9900;
	color:#000;}
div#prestations dl{
	width:95%;
	padding:10px 0;}
div#prestations dt{
	padding-left: 25px;
	line-height:17px;
	cursor:pointer;}
div#prestations dt.normal{background-image:url(../images/icones/puce.png);}
div#prestations dt:hover, div#prestations dt.selectionne{
	background-image:url(../images/icones/puceSelect.png);
	color:#FF9900;
	text-decoration:underline;}
div#prestations dd{
	margin:5px 20px;
	border-bottom:solid 1px #FF9900;
	text-indent:10px;
	text-align:justify;}
div#prestations dd p{
	padding:5px 0;
	text-align:justify;}
div#prestations .tarif{
	padding-top: 10px;
	background:#fff;
	color:#f11;
	font-size:22px;
	font-weight:bold;}
a.impression{
	display:block;
	padding-left:45px;
	line-height:40px;
	height:40px;
	background-image:url(../images/icones/imprimante.png);}
/****************************
 *		Formulaire			*
 ****************************/ 
div#contenu form p{text-align:center;}
div#contenu form fieldset p{
	padding:10px 5px;
	text-align:left;}
div#contenu form fieldset{
	float:left;
	border:none;
	width:50%;}
div#contenu form fieldset#champMessage, div#contenu form fieldset#champProjet{float:right;}
div#contenu form label{width:120px;}
div#contenu form input, div#contenu form select{width:185px;}
div#contenu form fieldset#champMessage input{width:305px;}
div#contenu form textarea{
	width:305px;
	height:280px;}
div#contenu form fieldset#champProjet label{width:165px;}
div#contenu form fieldset#champProjet input{width:140px;}
div#contenu form fieldset#champProjet textarea{height:230px;}
div#contenu span.messageCache{visibility:hidden;}
div#contenu span.erreurMail{
	font-weight:bold;
	color:#f11;}
div#contenu form .bouton{width:100px;}
/****************************
 *		RACCOURCIS			*
 ****************************/
.raccourci{
	float:right;
	clear:right;
	width:200px;
	font-size:12px;}
.raccourci h2{
	height:40px;
	text-align:center;
	background:url(../images/fonds/FondRaccourciTitre.png);
	line-height:40px;
	font-size:16px;
	color:#fefefe;}
.raccourci .texte{
	padding:0 5px;
	background:#fff;
	text-align:left;}
.raccourci label{
	width:40%;
	line-height:30px;
	text-align:left;}
.raccourci #ident, .raccourci #pass{
	width:50%;
	margin: 7px 0;}
.raccourci form{text-align:center;}
.raccourci .contact{line-height:40px;}
.raccourci img{
	float:left;
	padding:0 5px;}
.raccourci em{font-size:18px;}
.w3c{margin:10px 0;}
.raccourci .haut{background:url(../images/fonds/RaccourciHaut.png);}
.raccourci .bas{
	margin-bottom:2px;
	background:url(../images/fonds/RaccourciBas.png);}
/****************************
 *		pPIED DE PAGE		*
 ****************************/
#piedPage{
	clear:both;
	width:900px;
	height:40px;
	margin:5px 0;
	background:url(../images/fonds/FondPied.png);
	text-align:center;
	line-height:40px;
	color:#fff;}