/*--------- CSS Document----------- */
/*                                  */
/*         ACCES-WEB.COM            */
/*   Copyright 2006, Acces-web      */
/*    CREE LE : 26-09-2006          */
/*         par Dorothée             */
/*----------------------------------*/


body {
  background:url(../images/fond-page.jpg);
  font-family:Arial, Helvetica, sans-serif;
  font-size: 12px;
  padding:0px;
  margin:0 auto;
  text-align:center;
}

#conteneur {
  position: relative;
  text-align: justify;
  margin: 0px auto;
  padding: 0px;
  width: 760px;
  border-left:2px solid #ffffff;
  border-right:2px solid #ffffff;
  border-bottom:2px solid #ffffff;
  background-color : #fff;
}


/********************************************************************************/
/******************************* PAGE ACCUEIL ***********************************/
/********************************************************************************/
#header {
	background:url(../images/img-default/header.jpg) no-repeat;
	padding:0;
	width: 100%;
	height: 396px;
	margin: 0 auto;
}

#menuAccueil {
	position:absolute;
	padding:340px 0 0 18px;
}

#menuPresentation {
	position:absolute;
	padding:344px 0 0 84px;
}
#menuProduits {
	position:absolute;
	padding:341px 0 0 149px;
}
#menuConseils {
	position:absolute;
	padding:335px 0 0 215px;
}
#menuContact {
	position:absolute;
	padding:322px 0 0 281px;
}

a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color:#FFB200;
    text-decoration:none
}

a.info:hover{z-index:25; background-color:#ffffff}

a.info span{display: none}

a.info:hover span { /*the span will display just on :hover state*/
    display:block;
    position:absolute;
	margin-top:-20px;
	margin-left:-68px;
	width:90px;
    background-color:#ffffff;
	color:#FFB200;
    text-align: center;
	font-weight:bold;
}

/********************************************************************************/
#contenu { 
	float:left;
	width:100%;
	padding:0;
	margin: 0px auto;
	background:url(../images/img-default/fond-contenu.jpg) repeat-y #ffffff;
	line-height:12px;
}

#bienvenue {
	padding:3px 10px 5px 12px;
	margin: 0px;
	float:left;
	width:305px;
	height:204px;
	background-color: #4C8E6F;
	top: 0px;
	color:#ffffff;
}
.bienvenueUk {
	color:#ffffff;
	font-style: italic ;
	margin: 0px;
}

#realisation {
	color:#ffffff;
  	font-size: 11px;
	text-align:right;
	padding: 10px 0px 0px 0px;
	margin:0px;
}

/********************************************************************************/
/* Actualites */
#actualites {
	background:url(../images/img-default/actualites.jpg) no-repeat;
	padding:65px 80px 10px 60px;
	width: 287px;
	float:left;
	margin: 0px;
	height:190px;
	color:#ffffff;
}
.scroll {
	position:relative;
	width:285px;
	height:210px;
	z-index:1;
	left: 0px;
	top: 0px;
	overflow: auto;
	visibility: visible;
	SCROLLBAR-FACE-COLOR: #6DBD99;
	SCROLLBAR-HIGHLIGHT-COLOR: #6DBD99;
	SCROLLBAR-SHADOW-COLOR: #6DBD99;
	SCROLLBAR-3DLIGHT-COLOR: #6DBD99;
	SCROLLBAR-ARROW-COLOR:  #368660;
	SCROLLBAR-TRACK-COLOR: #6DBD99;
	SCROLLBAR-DARKSHADOW-COLOR: #6DBD99;
	background-color:TRANSPARENT;
}
a.savoirPlus:link {
	color:#ffffff;
	text-decoration:none;
}
a.savoirPlus:visited {
	color:#ffffff;
	text-decoration:none;
}
a.savoirPlus:hover {
	color:#ffffff;
	text-decoration:underline;
}

h1 {
	margin:0;
	padding:0;
	color: #C11020;
	font-size:14px;
}


/********************************************************************************/
/******************************* PAGES NAVIGATION *******************************/
/********************************************************************************/
#headerPresentation {
	background:url(../images/img-nav/header-presentation.jpg) no-repeat;
	padding:0;
	width: 100%;
	height: 337px;
	margin: 0 auto;
}
#headerProduits {
	background:url(../images/img-nav/header-produits.jpg) no-repeat;
	padding:0;
	width: 100%;
	height: 337px;
	margin: 0 auto;
}
#headerConseils {
	background:url(../images/img-nav/header-conseils.jpg) no-repeat;
	padding:0;
	width: 100%;
	height: 337px;
	margin: 0 auto;
}
#headerContact {
	background:url(../images/img-nav/header-contact.jpg) no-repeat;
	padding:0;
	width: 100%;
	height: 337px;
	margin: 0 auto;
}
#headerActualites {
	background:url(../images/img-nav/header-actualites.jpg) no-repeat;
	padding:0;
	width: 100%;
	height: 337px;
	margin: 0 auto;
}

#menuAccueilNav {
	position:absolute;
	padding:285px 0 0 20px;
}

#menuPresentationNav {
	position:absolute;
	padding:281px 0 0 86px;
}
#menuProduitsNav {
	position:absolute;
	padding:274px 0 0 153px;
}
#menuConseilsNav {
	position:absolute;
	padding:262px 0 0 219px;
}
#menuContactNav {
	position:absolute;
	padding:247px 0 0 282px;
}
/********************************************************************************/
#contenuNav { 
	float:left;
	width:637px;
	padding:60px 10px 10px 110px;
	margin: 0px auto;
	background:url(../images/img-nav/fond-contenu.jpg) no-repeat;
	background-color:#fff;
	color:#333333;
}

#contenuNav2 { 
	float:left;
	width:640px;
	padding:60px 10px 10px 110px;
	margin: 0px auto;
	background:url(../images/img-nav/fond-contenu.jpg) no-repeat;
	background-color:#fff;
	color:#333333;
}
.anglais {
	color:#7C7C7C;
	margin:0;
	font-style: italic;
}

.texte {
	margin:0;
	padding-left:25px;
	padding-right:10px;
}
.textePhoto {
	margin:0;
	padding-left:25px;
	padding-top:10px;
	padding-right:10px;
}

.texteAnglais {
	color:#7C7C7C;
	margin:0;
	padding-left:25px;
	padding-right:10px;
	font-style: italic;
}
.photo {
	margin:0;
	padding-left:25px;
	text-align:center;
}
h2 {
	padding-left:25px;
	color: #C11020;
	font-size:14px;
	margin:0;
}
.decalage {
	margin:0;
	padding-left:40px;
	padding-right:10px;
}
.decalageUk {
	color:#7C7C7C;
	margin:0;
	padding-left:40px;
	padding-right:10px;
	font-style: italic;
}
h3 {
	font-size:12px;
	margin:0;
	padding-left:40px;
	color: #368660;
}

.message {
	margin:0;
	padding-left:25px;
	color: #C11020;
}

.retour {
	padding:0;
	margin:0;
	color:#368660;
	text-align:center;
}
a.retour:link {
	color:#368660;
	text-align:center;
	text-decoration:none;
}
a.retour:visited {
	color:#368660;
	text-align:center;
	text-decoration:none;
}
a.retour:hover {
	color:#368660;
	text-align:center;
	text-decoration:underline;
}

#menuAncres {
	position:absolute;
	z-index:10;
	background:url('../images/img-nav/fond-menu-ancres.jpg') no-repeat;
	width:258px;
	height:128px;
	margin-left:281px;
	margin-top:-111px;
	padding:40px 5px 5px 8px;
	color:#ffffff;
	line-height:18px;
}
a.ancre:link {
	color:#ffffff;
	text-decoration:none;
	text-align:left;
	font-weight:bold;
}
a.ancre:visited {
	color:#ffffff;
	text-decoration:none;
	text-align:left;
	font-weight:bold;
}
a.ancre:hover {
	color:#ffffff;
	text-decoration:underline;
	text-align:left;
	font-weight:bold;
}
/********************************************************************************/
/* formulaire contact */
fieldset {
	border:none;
	margin:0;
	padding:0 0 0 25px;
}
.champFrom {
	margin:0;
	padding:0;
	vertical-align:top;
	padding:0 0 5px 0;
	width:490px;
}
label {
	display: inline ;
	float: left ;
	width: 120px ;
}
#zoneForm .largeur{ width:350px;}
.mention {
	margin:0;
	padding:0px 135px 0 0;
	color: #C11020;
	font-size:11px;
	text-align:right;
}