html, body {
background-color: #ffffff;
font-family: Verdana;
font-size: 11px;
text-align: center;
background-image: url(images/fond_page.gif);}

#pubdroite{
width: 920px;
height: 450px;
	margin-top	: 300px;
text-align: right;
position: absolute;
border		: 0px #000 solid;
}

#global {
width: 760px;
margin-left: auto;
margin-right: auto;
background-image: url(images/fond_global.gif);
background-repeat: repeat-y;
}
#top {
width: 100%;
background-image: url(images/fond_top.gif);
background-repeat: no-repeat;
height: 31px;
position: relative;
}


#bottom {
width: 100%;
background-image: url(images/fond_bottom.gif);
background-repeat: no-repeat;
position: relative;
height: 31px;
margin-left: auto;
margin-right: auto;
}

#topbanner{
width: 740px;
margin-left: auto;
margin-right: auto;
height: 145px;
position: relative;
background-image: url(images/top_banner.jpg);
}


#topbannerboutique{
width: 740px;
margin-left: auto;
margin-right: auto;
height: 145px;
position: relative;
background-image: url(images/banner_boutique.jpg);
}

#promo
{
	float 			: right;
	top				: 150px;
	margin-left		: 760px;

	width			: 80px;
	color			: #ffffff;
	font-family		: Verdana;
	font-size		: 8px;
	background		: none;
	position		: absolute;
}


#main{
width: 550px;
float:left;
}


#pub{
width: 160px;
height: 320px;
background-color: #a3a3a3;
float:right;
}


#maincontent{
width: 720px;
margin-left: auto;
margin-right: auto;
color: #062b13;
font-size: 12px;
text-align: justify;
position: relative;
margin-top: 10px;
margin-bottom: 10px;
}

#maincontent a {
text-decoration: none;
color: #008DB3;
font-family: Verdana;
font-weight: bold;
}

#maincontent a:hover {
text-decoration: underline;}


#maincontent table {
font-size: 12px;
border-collapse:collapse;
}


table td, table th{
vertical-align: top;}



#maincontent h1 {
color: #008DB3;
font-family: Verdana;
font-weight: bold;
font-size: 16px;}

#maincontent h2 {
color: #008DB3;
font-family: Verdana;
font-weight: bold;
font-size: 12px;}

#maincontent h3 {
color: #008DB3;
font-family: Verdana;
font-weight: bold;
font-size: 10px;}

#maincontent h4 {
color: #008DB3;
font-family: Verdana;
font-weight: bold;
font-size: 10px;}


#blocpadding{
width: 90%;
padding: 10px;
}

#buttonmodify {
width: 80px;
height: 22px;
background-image: url(images/button.png);
background-repeat: no-repeat;
margin-top: 5px;
margin-bottom: 5px;
float: right;
}


#buttonback {
width: 220px;
height: 22px;
background-image: url(images/button_back.png);
background-repeat: no-repeat;
margin-top: 5px;
float: left;
margin-bottom: 5px;
margin-left: 10px;}

#buttonmiddle {
width: 220px;
height: 22px;
background-image: url(images/button.png);
background-repeat: no-repeat;
margin-top: 5px;
margin-bottom: 5px;
float: left;
margin-left: 20px;
}

#buttonforward {
width: 220px;
height: 22px;
background-image: url(images/button_forward.png);
background-repeat: no-repeat;
text-align: right;
margin-top: 5px;
margin-bottom: 5px;
float: left;
margin-left: 20px;
}

#buttonforwardinactive {
width: 220px;
height: 22px;
background-image: url(images/button_forward_grey.png);
background-repeat: no-repeat;
text-align: right;
margin-top: 5px;
margin-bottom: 5px;
float: left;
margin-left: 20px;
color: #ffffff;
text-decoration: none;
font-weight: bold;
}

#buttonback a{
color: #ffffff;
text-decoration: none;
font-weight: bold;}

#buttonback a:hover{
text-decoration: underline;}

#buttonforward a{
color: #ffffff;
text-decoration: none;
font-weight: bold;}

#buttonforward a:hover{
text-decoration: underline;}

#buttonmiddle a{
color: #ffffff;
text-decoration: none;
font-weight: bold;}

#buttonmiddle a:hover{
text-decoration: underline;}


#blocpaddingleft{
padding-left: 30px;
padding-top: 4px;}
#blocpaddingright{
padding-right: 30px;
padding-top: 4px;}

#blocpaddingmiddle{
padding-left: 10px;
padding-right: 10px;
padding-top: 4px;}
#blocbottomright {
position: absolute; 
bottom: 0;
right: 0;}

#bloctopright {
position: absolute; 
top: -3px;
right: 0;}


#footer{
width: 740px;
margin-left: auto;
margin-right: auto;
padding-top: 10px;
font-size: 10px;
clear:both;
color: #ffffff;
background-color: #000000;
font-family: Verdana;}
/**********************************************************/

li{
margin-top : 10px;
}

/**********************************************************/

#hilitezone{

padding : 3px;
background-color: #99ccff;
color: #007ea1;
font-weight: bold;}

#identification-zone {


	width		: 290px;
	height		: 150px;
	font-size 	: 10px;

	float 			: left;
	margin-left		: 50px;
	margin-right	: 0px;
	margin-top		: 10px;
	margin-bottom	: 10px;
	border			: 1px #E7E7E7 solid;
	padding-left	: 7px;
	text-align		: justify;

}
/****************************************************/


/**********************************************************/
input  {
font-family: Verdana;
font-size: 9px;}

button {
font-family: Verdana;
font-size: 9px;}

textarea {font-family: Verdana;
font-size: 9px;}

select {
font-family: Verdana;
font-size: 9px;}

/**********************************************************/

#footer a{
color: #ffffff;
text-decoration: none;
font-weight: bold;}

#footer a:hover{
text-decoration: underline;}

div#menu {
width: 740px;
margin-left: auto;
margin-right: auto;
height: 35px;
background-image: url(images/fond_menu.gif);
background-repeat: no-repeat;
}


#cell {
float: left;
width: 135px;
margin: 4 2px;
height: 35px;
}

#cellmenu {
float: left;
width: 200px;
margin: 4 2px;
height: 35px;
}


#cellxl {
float: left;
width: 250px;
margin: 4 2px;
height: 35px;
}

#cell  a {
font-size: 11px;
color: #000000;
font-family: Verdana;
font-weight: bold;
text-decoration: none;}

#cell a:hover {
text-decoration: underline;
}


#cellmenu  a {
font-size: 11px;
color: #FFFFFF;
font-family: Verdana;
font-weight: bold;
text-decoration: none;}

#cellmenu a:hover {
text-decoration: underline;
}



table {
border: 0px #0B6F2A solid;
}

td {
vertical-align: top;
text-align: justify;}

h1 {
font-weight: bold;
font-size: 16px;
color: #008DB3;
font-family: Verdana;
font-weight: bold;}






hr {
color: #008DB3;
background-color: #008DB3;
height: 1px;
border: 0;
clear:both;}


a {
   text-decoration: none; /* d?nition du lien qui affichera le calque */
   }
a:hover {
   background: none; /* correction d'un bug IE */
   }
a span { /* d?nition de la balise <span> inclue dans <a> */
   display: none;
}

a:hover span { /* d?nition de la balise <span> au survol */
   display: inline;
   position: absolute;
   border: 1px #000000 solid;
   left: auto;
   top: auto;
   margin-top: -100px;}
/****************************************************************/

a.lienorange {

color: #ff923a;} 

a.lienorange:visited {
color: #ff923a;}

a.lienorange:hover {
color: #ff923a;}

a.lienorange:active {
color: #ff923a;}



/****************************************************************/
span.vert {
color: #649f36;
font-weight: bold;
font-size: 12px;}


.bleu {
color: #008DB3;}



span.rouge {
color: #de2121;}