/*-----caractéristiques générales-----*/
BODY
	{/*couleur de fond du site*/
	background-repeat:no-repeat;
	background-position: center -5px ;
	background-color:#666;
	/*interface centrée*/
	text-align:center;
	/*suppression des marges du navigateur*/
	margin:0;
  margin-top:8px;
	/*caractéristiques générales des textes*/
	border:0;
	font-size:0.6875em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-align:justify;
  }
  *{
  margin:0;
  padding:0;
  }
  img{
  border:none;
  vertical-align:bottom;

  }
  #global{
   margin-left: auto;
   margin-right: auto;
   background-color:#000000 ! important;
	/*largeur du site*/
  width:800px;
	/*rétablit l'alignement normal du texte*/
  text-align:justify;
  }
  /*** break */
.clearfix {
   clear: both;
	}
  .clearight{
  clear:right;
  }
/*** fin break */
/**header**/
  #header{
  height:167px;
  background-image:url(../materiels/bandeau.jpg);
  background-repeat:no-repeat;
	background-position: top right ;
	background-color:transparent;
  }
  div#header h1{
  width:200px;
  height:167px;
  }
  /* header menu*/
  div#header ul{
  float:left;
  display:inline;
  list-style:none;
  margin-top:-51px;
  width:600px;
  margin-left:200px;
  border-top:0px solid black;
  }
  div#header li{
  float:left;
  text-indent:-1999px

  }
  /*liens sur les onglets*/
.onglet-acces-agence
	{display:block;
	height:48px;
	width:100px;
	background-image:url(../materiels/acces-agence.gif);
	background-repeat:no-repeat;}
.onglet-acces-agence:hover
	{background-image:url(../materiels/acces-agence.gif);
	background-position:0 -51px;}

.onglet-grands-comptes
	{display:block;
	height:48px;
	width:100px;
	background-image:url(../materiels/grands-comptes.gif);
	background-repeat:no-repeat;}
.onglet-grands-comptes:hover
	{background-image:url(../materiels/grands-comptes.gif);
	background-position:0 -51px;}
	
.onglet-mode-d-emploi
	{display:block;
	height:48px;
	width:100px;
	background-image:url(../materiels/mode-d-emploi.gif);
	background-repeat:no-repeat;}
.onglet-mode-d-emploi:hover
	{background-image:url(../materiels/mode-d-emploi.gif);
	background-position:0 -51px;}
	
.onglet-devis-brochures
	{display:block;
	height:48px;
	width:100px;
	background-image:url(../materiels/devis-gratuit-brochures.gif);
	background-repeat:no-repeat;}
.onglet-devis-brochures:hover
	{background-image:url(../materiels/devis-gratuit-brochures.gif);
	background-position:0 -51px;}
	
.onglet-contact
	{display:block;
	height:48px;
	width:100px;
	background-image:url(../materiels/societe-contact.gif);
	background-repeat:no-repeat;}
.onglet-contact:hover
	{background-image:url(../materiels/societe-contact.gif);
	background-position:0 -51px;}

.onglet-references
	{display:block;
	height:48px;
	width:100px;
	background-image:url(../materiels/references-azefir.gif);
	background-repeat:no-repeat;
  }
.onglet-references:hover
	{background-image:url(../materiels/references-azefir.gif);
	background-position:0 -51px;}	
/* fin de liens sur les onglets*/
/* fin off header menu*/
/**fin hearder**/

/** maincontent**/
#maincontent{
height:40px;
width:800px;
padding-top:10px;
}
/* colleft*/
#colleft{
float:left;
width:200px;
background-image:url(../materiels/bas-menu.gif);
background-repeat:repeat-y;
background-position: 3px 734px;
background-color:black;
padding-bottom:11px;
margin-top:25px;
padding-left:3px;
}
div#colleft ul{
list-style:none;
width:200px;
/*border:1px solid red;*/
background-image:url(../materiels/fond-menu.gif);
background-repeat:repeat-y;
background-position: top left ;
background-color:transparent;

}
ul#menucolleft li{
display:block;
width:200px;
padding-right:0px;
height:49px;
/*border:1px solid red;*/

}
/*propriétés des liens du menu de gauche*/
a.liens-menu-gauche{
display:block;
font-weight:normal;
text-align:left;
vertical-align:bottom;
color:#FFFFFF;
text-decoration:none;
background-image:url(../materiels/icone-menu.gif);
background-repeat:no-repeat;
background-position:  14px 50%;
background-color:transparent;
padding-left:39px;
 }
a.liens-menu-gauche:hover{
	font-weight:normal;
	text-align:left;
	vertical-align:bottom;
	color:#FF9000;
	text-decoration:none;
  }
	
.menuevenement{
text-indent:-1999px;
background-image:url(../materiels/votre-evenement.gif);
background-repeat:no-repeat;
background-position: top left ;
background-color:transparent;
height:37px ! important;
}
.menuanimatrion{
text-indent:-1999px;
background-image:url(../materiels/nos-animations.gif);
background-repeat:no-repeat;
background-position: top left ;
background-color:transparent;
height:31px ! important;
margin-top:-22px ! important;

}
.menudecors{
text-indent:-1999px;
background-image:url(../materiels/nos-decors.gif);
background-repeat:no-repeat;
background-position: top left ;
background-color:transparent;
height:18px ! important;
margin-top:-20px ! important;
margin-bottom:13px ! important;
}
.menuprestation{
text-indent:-1999px;
background-image:url(../materiels/prestations-complementaires.gif);
background-repeat:no-repeat;
background-position: top left ;
background-color:transparent;
height:39px ! important;
margin-top:-20px ! important;
margin-bottom:13px ! important;
}
.margmenu{
margin-bottom:-13px ! important;
}


/* fin de colleft*/
/* content*/
#content{
float:right;
width:597px;
height:759px;
background-color:black;
}
#content p{
margin:7px 30px 7px 20px;
}
#content p a{
color:#FF9000;
}
#content H1{
margin-top: 10px;
font-size: 1.45em;
color:#FF9000;
line-height:30px;
margin-left:20px;
}

#content H1 a{
color:#FF9000;
font-weight:normal;
text-decoration:none ! important;
}

#content H1 a:hover{
color:#FFF;
font-weight:normal;
}
#content H2{
font-size: 1.4em;
font-weight: bold;
margin-top: 10px;
height: 20px;
border-bottom: 1px solid white;
}
#content H2 a{
color:#FF9000;
font-weight:normal;
text-decoration:none ! important;
}
#content H2 a:hover{
color:#FFF;
font-weight:normal;
}
#content .linkplus{
margin-top:15px;
margin-bottom:15px;
font-size:1.1em;

}
#content .linkplus a{
color:#FF9000;
}
#content .linkplus a:hover{
color:#FFF;
}
#content .linkconnexe{
font-weight:bold ! important;
margin-top:25px;
margin-bottom:25px;
}

#content .linkconnexe a{
color:#FFF;
font-weight:normal ! important;
}
#content .linkconnexe a:hover{
color:#FF9000;
}
#boxatout{
border:0px solid red;
margin:0;
padding:0;
float:right;
background-image:url(../materiels/nos-atouts.gif);
background-repeat:no-repeat;
background-position: top left ;
background-color:transparent;
width:199px;
padding-top:21px;
height:140px;
margin-right:20px;
_margin-right:10px;
}
#boxatout p{
margin:0;
padding:0;
text-align:left;
border:0px solid red;
background-image:url(../materiels/coche.gif);
background-repeat:no-repeat;
background-position: 6px 50% ;
background-color:transparent;
padding-top:5px;
padding-bottom:5px;
padding-left:25px;
padding-right:15px;
margin-left:0px;
}
.boxatoutbottom{
clear:right;
background-image:url(../materiels/bas-atouts.gif);
background-repeat:no-repeat;
background-position: top left;
background-color:transparent;
padding-bottom:17px;
display:bolck;
height:0px;
}
.boxatoutcontour{
width:199px;
background-image:url(../materiels/fond-atouts.gif);
background-repeat:repeat-y;
background-position: top left;
background-color:transparent;

}


/* fin content*/
/** fin maincontent**/
/**footer**/

div#footer{
margin:0;
padding:0;
clear:both;
background-color:black;
border:0px solid red;
height:44px;
line-height:44px;
width:800px;
padding-top:25px;
}
div#footer ul{
margin:0;
padding:0;
list-style:none;
height:44px;
}
div#footer li{
float:left;
text-align:center;
}
div#footer li a{
color: white ! important;
font-size:0.8em;
text-decoration:none;
}
/*rollover sur les boutons*/
a.favoris{
  display:block;
	height:44px;
	width:92px;
	border:0;
	padding:0;
	margin:0;
	background-image:url(../materiels/favoris.gif);
	background-repeat:no-repeat;
  background-position: top left;
  margin-right:190px;
}
a.favoris:hover
	{background-image:url(../materiels/favoris.gif);
	background-position:0 -40px;
  }
	
a.recommander{
  display:block;
	height:44px;
	width:108px;
	border:0;
	padding:0;
	margin:0;
	background-image:url(../materiels/recommander.gif);
	background-repeat:no-repeat;
  margin-left:150px;
}
a.recommander:hover
	{background-image:url(../materiels/recommander.gif);
	background-position:0 -40px;
}

a.css{
	display:block;
	height:44px;
	width:94px;
	border:0;
	padding:0;
	margin:0;
	background-image:url(../materiels/CSS.gif);
	background-repeat:no-repeat;
  margin-left:60px;
  }
a.css:hover{
	background-image:url(../materiels/CSS.gif);
	background-position:0 -40px;
}

a.xhtml{
  display:block;
	height:44px;
	width:106px;
	border:0;
	padding:0;
	margin:0;
	background-image:url(../materiels/XHTML.gif);
	background-repeat:no-repeat;
  background-position: top right;
  text-align:right;
}

a.xhtml:hover{
	background-image:url(../materiels/XHTML.gif);
	background-position:0 -40px;
}

/** fin footer**/
 
	

