@CHARSET "UTF-8";

body { background-color: #DEDEDE; color: #777575; font-family: Verdana, Arial, "Sans serif"; font-size: 11px; line-height: 1.5em; text-align: justify; padding: 0; margin: 0; }

#page { width: 850px; margin: auto; background-color: white; }
#page #header { height: 87px;	background: url(images/ombre-haut-gauche.png) no-repeat top left; background-color: white; margin-bottom: 50px; }
#page #header .topRight { float: right; }
#page #header #logo { padding: 10px 20px; }
#page #header #banniereHeader { position: absolute; top: 20px; margin-left: 300px; }

#page #content { width: 650px; float: right; padding: 15px; }

#page #menu { width: 160px; padding-top: 50px; }
#page #menu ul { list-style: none; margin: 0; padding: 0; }
#page #menu ul li { background: url('images/menu.png') no-repeat transparent; margin-bottom: 1px; height: 34px; cursor: pointer; width: 141px; text-align: right;}
#page #menu ul li:hover { background: url('images/menu-hover.png') no-repeat transparent;}
#page #menu ul li a { color:white; font-size:18px; line-height:32px; padding-right:5px; text-decoration:none; vertical-align:middle;}
#page #menu ul li:hover a { color: black; }

#page #footer { background: #DEDEDE; }
#page #footer p { text-align: center; padding-bottom: 10px; -moz-border-radius-bottomright: 30px; -moz-border-radius-bottomleft: 30px; -webkit-border-bottom-right-radius: 30px; -webkit-border-bottom-left-radius: 30px; background: white; }

#page #content button { background-color: #0b6cb5; -moz-border-radius: 20px; -webkit-border-radius: 20px; color: white; font-weight: bold; padding: 3px 10px; border: none; }
#page #content button:hover { cursor: pointer; background: #0c8fc1; }

h1 { font-size: 18px; margin-bottom: 12px; color: #0b6db6; }
h1.carreBleuHaut { height: 48px; line-height: 38px; vertical-align: middle;}

h2 { color: #0b6db6; font-size: 12px; margin-bottom: 10px; }
h3 { color: #0c99c4; font-size: 12px; margin-bottom: 10px; }

a { text-decoration: none; color: #4C939C; }
a:hover { color: black; }
a img { border: 0; }

img.photo { border: 1px solid #DCDCDC; padding: 2px;}

.carreBleu, .carreBleuHaut, .carreBleuBordure { padding-left:52px; padding-top:24px; }
.carreBleu { background:transparent url(images/carre-bleu.png) no-repeat scroll left top; }
.carreBleuHaut { background:transparent url(images/carre-bleu-haut.png) no-repeat scroll left top; }
.carreBleuBordure { background:transparent url(images/carre-bleu-bordure.png) no-repeat scroll left top; }

.spacer { clear: both; }

.center { text-align: center; width: 530px; }
.right { text-align: right; }

.auteur { text-align: right; font-weight: bold; }

.pagination { text-align: center; padding-top: 15px; }
.pagination a { padding: 5px;   border: 1px solid #4C939C; }
.pagination span { border: 1px solid #4C939C; background-color: #0c99c4; color: white; padding: 5px; }

.grid { }
.grid tr { }
.grid tr.lignePaire { background-color: #F1F7FB; }
.grid tr.ligneImpaire { }
.grid tr td, .grid td th { text-align: left; }

.chapeau { text-align: center; }
.chapeau p { font-weight: bold; }

.grid thead th { padding-bottom: 6px;}

.center { text-align: center; }

.clickableLink { cursor: pointer; }