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

#global {
width: 760px;
margin-left: auto;
margin-right: auto;
background-image: url(images/fond_global_2.gif);
background-repeat: repeat-y;

}
#top {
width: 100%;
background-image: url(images/fond_top_2.gif);
background-repeat: no-repeat;
height: 31px;
position: relative;
}


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

#promo
{
	float 			: right;
	top				: 110px;
	margin-left		: 670px;

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

#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);
}


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

#leftnav{
float: left;
width: 160px;
}

#rightnav{
float: right;
width: 160px;
border-left: 0px #000000 solid;
padding-left: 5px;
min-height: 250px;
}

#mainnav{
width: 550px;
border-right: 1px #4190ab solid;}


#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{
/*border: 1px #0B6F2A solid;*/
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;
}

#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;
}


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

#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, #buttonforward a, #buttonmiddle a, #buttonmodify a{
color: #ffffff;
text-decoration: none;
font-weight: bold;}

#buttonback a:hover, #buttonforward a:hover, #buttonmiddle a:hover, #buttonmodify 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;}

#blocunderblue{
background-color: #d5dee1;}

#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;}

input  {
font-family: Verdana;
font-size: 10px;}

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

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

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

#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;}
   

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


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

a.orange {

color: #ff923a;} 

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

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

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



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