body {
margin: 0px;
padding: 0px;
background-color: #C7D4F0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #4464AC;
}
#conteneur {
width: 850px;
background-color: #FFF;
margin: auto;
}
#header {
background-image: url(images/cssbleu/header.gif);
height: 81px;
width: 850px;
}
#principal {

}
#centre {
width: 600px;
min-height: 500px;
margin-left: 20px;
}
/*******************************************************************************************************
												        TYPO
*******************************************************************************************************/
hr {
visibility: hidden;
}
h1 {
background-image: url(images/cssbleu/bg-h1.gif);
background-repeat: no-repeat;
padding: 0px 0px 0px 30px;
font-size: 20px;
}
h2 {
background-image: url(images/cssbleu/bg-h2.gif);
background-repeat: no-repeat;
padding: 0px 0px 0px 15px;
font-size: 15px;
font-variant: small-caps;
}
h3 {
border-bottom: 1px solid;
padding-bottom: 10px;
}
h4 {
color: #FF5A00;
font-size: 18px;
background-image: url(images/cssbleu/bg-h4.gif);
background-repeat: no-repeat;
padding-left: 35px;
}
a {
color: #4464AC;
text-decoration: none;
font-weight: bold;	
}
.psuite {
text-align: right;
}
.suite {
background-color: #809CDC;
border-left: 12px solid #213E80;
color: #fff;
text-decoration: none;
padding: 1px 6px 1px 6px;
font-size: 9px;
}
.pliencadre {
border-top: 1px solid;
padding-top: 3px;
}
.liencadre {
background-color: #809CDC;
border-left: 12px solid #213E80;
color: #fff;
text-decoration: none;
padding: 1px 6px 1px 6px;
font-size: 11px;
display: inline-block;
margin: auto;
}
.liencadre:hover , .suite:hover {
background-color: #9BBCFF;
border-color: #2A4D9B;
}

/*******************************************************************************************************
												        MENU
*******************************************************************************************************/
#menu {
position: absolute;
top: 10px;
height: 71px;
width: 244px;
margin-left: 500px;
}
.blocmenu  {
width: 122px;
height: 71px;
float: left;
}
#menu a {
display: block;
width: 117px;
height: 19px;
margin-bottom: 5px;
}
a.home {
background-image: url(images/cssbleu/menu1.gif);
}
a.home:hover {
background-image: url(images/cssbleu/menu1hover.gif);
}
a.actu {
background-image: url(images/cssbleu/menu2.gif);
}
a.actu:hover {
background-image: url(images/cssbleu/menu2hover.gif);
}
a.galerie {
background-image: url(images/cssbleu/menu3.gif);
}
a.galerie:hover {
background-image: url(images/cssbleu/menu3hover.gif);
}
a.catalog {
background-image: url(images/cssbleu/menu4.gif);
}
a.catalog:hover {
background-image: url(images/cssbleu/menu4hover.gif);
}

/*******************************************************************************************************
												        COLONNE DROITE
*******************************************************************************************************/
div#colonne2 {
width: 850px;
height: 222px;
margin: 0px;
background-image: url(images/cssbleu/bg-coldroite.jpg);
background-repeat: no-repeat;
}
.vide {
width: 283px;
height: 222px;
float: left;
}
div.txthomme {
float: left;
background-image: url(images/cssbleu/txthomme.gif);
background-repeat: no-repeat;
height: 222px;
width: 355px;
}
div.even-nl {
background-image: url(images/cssbleu/bg-even-nl.gif);
width: 204px;
height: 222px;
float: left;
}
#recherche-nl {
height: 244px;
width: 212px;
background-image: url(images/cssbleu/bg-recherche-nl.gif);
background-repeat: no-repeat;
float: right;
font-size: 10px;
font-weight: bold;	
}
#recherche-nl input {
display: block;
margin: 0px auto 5px auto;
background-color: #C7D4F0;
font-size: 11px;
}
#recherche-nl form { /* pour IE*/
margin: 0px;
}
#recherche-nl p {
margin : 5px;
text-align: center;
color: #fff;
}
#recherche-nl a {
color: #D1DBF2;
}
#recherche-nl a:hover {
text-decoration: none;
}
#recherche {
width: 204px;
height: 118px;	
padding-top: 22px;
}
#nl {
width: 204px;	
}

/*******************************************************************************************************
																NEWS
*******************************************************************************************************/
.news {
margin: 5px 0px 5px 0px;
padding: 10px;
overflow: auto;
background-color: #F5F7FC;
border: 1px solid #C7D4F0;
}
.float {
float: left;
}
.floatnews {
float: left;
margin: 0px 20px 0px 0px;
}
.date {
display: block;
padding: 5px;
border-bottom: 1px solid #C7D4F0;
font-size: 9px;
margin: 0px;
}
div.cadreimgnews {
float: right;
width: 220px;
}
div.cadreimgnews img  {
display: block;
margin : 8px 0px 0px 10px;
border: 1px solid #C7D4F0;
}
div.cadreimgnews span.comment {
margin: 10px auto 0px auto;
display: block;
font-size: 9px;
font-style: italic;
width: 180px;
text-align: center;
}

/*******************************************************************************************************
																Agenda
*******************************************************************************************************/
p.fleche {
margin-top: 40px;
text-align: center;
font-weight: bold;
color: #fff;	
font-size: 10px;
}
p.fleche a {
font-weight: bold;
color: #fff;
text-decoration: none;
}
#calendrier {
border-collapse: collapse;
width: 180px;
text-align: center;
margin: 0px 10px 0px 10px;
font-size: 10px;
}
#calendrier td {
border: 1px solid #D6D6D4;
border-collapse: collapse;
background-color: #fff;
}
#enteteCalendrier td {
background-color: #D6D6D4;
font-weight: bold;
}
#calendrier td.special {
background-color: #C7D4F0;
}

/*******************************************************************************************************
																Diapo GALERIE
*******************************************************************************************************/
#table_diapo {
width: 560px;
border-collapse: collapse;
margin: 0px 0px 20px 0px;
}
#table_diapo td {
background-color: #F5F7FC;
border: 1px solid #C7D4F0;text-align: center;
vertical-align: middle;
padding: 10px;
width: 33%;
}
#table_diapo img {
border: 2px solid #809CDC;
}
#table_diapo a {
display: block;
}
.commentaire {
margin: auto;
display: block;
font-size: 10px;
font-style: italic;
text-align: center;
}


/*******************************************************************************************************
																CATALOGUE
*******************************************************************************************************/
#table_vide {
width: 560px;
border-collapse: separate;
margin: 0px 0px 20px 0px;
border-spacing: 10px;
}
#table_vide td {
vertical-align: top;
padding: 0;
width: 33%;
border: 1px solid #C7D4F0;
}
#table_vide img {
border: 0px;
}
span.titrecat {
display: block;
text-align: center;
font-weight: bold;
background-color: #809CDC;
color: #fff;
border-left: 20px solid #213E80;
border-right: 20px solid #213E80;
color: #fff;
}
a.titresouscat {
display: block;
text-align: center;
background-color: #C7D4F0;
border-top: 1px solid;
}
img.imgsouscat {
display: block;
margin: auto;
}
.prod {
margin: 5px 0px 5px 0px;
padding: 10px;
overflow: auto;
}
img.floatprod {
border: 0;
float: left;
margin: 0px 20px 0px 0px;	
}
span.titre_prod {
color: #FF5A00;
font-size: 18px;
background-image: url(images/cssbleu/bg-h4.gif);
background-repeat: no-repeat;
padding-left: 35px;
height: 30px;
}
/*******************************************************************************************************
																Footer
*******************************************************************************************************/
#footer {
position: relative;
background-color: #4464AC;
height: 30px;
width: 100%;
padding-top:10px;
text-align: center; 
color: #fff;
font-size: 11px;	
}

#footer a {
color: #fff;
}