/*******************************************************************************
 Conteneur de l'ensemble de la page
*******************************************************************************/

body {
   line-height: 130%;
   color: #000000;
   background: #666666;
   text-align: center;
   font-family: "Lucida Grande", verdana, sans-serif;
   font-size: 11px;
}

#corps{
   width: 980px;
   background: #FFFFFF;
   margin-left: auto;
   margin-right: auto;
}

#corps-pad{
   width: 980px;
   background: #FFFFFF;
/*   margin-left: auto;  */
/*   margin-right: auto; */
   float: left;
}

#spacer {
   clear: both;
}

/*******************************************************************************
 Bandeau en tete de page
*******************************************************************************/
#banner{
   width: 980px;
   float: left;
   background: #FFFFFF;
   background: url(http://olivier.delclos.org/skins/commun/top-banner.jpg) no-repeat;

  }

#banner-photo{
   float: left;
   margin-top : 20px;
   margin-left: 5px;
   margin-right : 5px;
}

#banner-titre{
   float: left;
   margin-left: 5px;
   margin-top: 30px;
}

#banner-titre H1{
   font-family:"Lucida Grande", verdana, sans-serif;
   font-size: 30px;
   margin-top: 5px;
}

#banner-titre .bleu{
   color: #5180AE;  
}

#banner-titre .rose{
   color: #990066;
}

#banner-RSS{
   width: 124px;
   float: right;
   padding-top: 20px;
   padding-left: 5px;
   padding-right: 5px;
   padding-bottom: 10px;
   text-align: center;
}

#banner-photo-right{
   float: right;
   margin-top : 20px;
   margin-left: 5px;
   margin-right : 0px;
}
/*******************************************************************************
 Barre de navigation
*******************************************************************************/

#navbar{
   width: 980px;
   float: left;
   height: 30px;
   background: #023578;
   padding: 0;
   margin: 0;
   border-bottom: 1px solid #4A74A0;
}

#navbar ul
{
	padding: 0;
	margin: 0;
}

#navbar ul li
{
	list-style-type: none;
	display: block;
	float: left;
	font: 11px/30px "Lucida Grande", verdana, sans-serif;
	text-align: center;
	padding: 0;
	margin: 0;
}

#navbar a
{
	display: block;
	width: 106px;
	color: #fff;
	text-decoration: none;
        font-weight:normal;
	border-top: none;
	border-right: 1px solid #4A74A0;
	border-bottom: none;
}
#navbar li#active
{
/*	background: #023578; */
        background: #990066;
	color: #fff;
	border-bottom: none;
}

#navbar li#active a
{
	color: #fff;
        font-weight:bold;
}

#navbar a:hover
{
	background: #5180AE;
	color: #fff;
	border-bottom: none;
}

#navbar li#active a:hover
{
	background: #990066;
	color: #fff;
	border-bottom: none;
}

#navbar .contact
{
        float: right;
	font: 11px/30px "Lucida Grande", verdana, sans-serif;
	text-align: right;
        height: 30px;
	color: #fff;
}

/*******************************************************************************
 Partie affichant le contenu de la page
*******************************************************************************/

#main{
   width: 485px;
   float: left;
   background: #FFFFFF;
   padding-top: 10px;
   padding-left: 5px;
   padding-right: 5px;
   padding-bottom: 10px;
   text-align: justify;
}

.pageswitch a {
  font-weight: normal;
  color: #990066;
  text-decoration: none;
}

.pageswitch a:hover {
  text-decoration: underline;
}

.article{
  width: 485px;
  margin-bottom: 15px;
  margin-top: 10px;
  border: 0px solid #E51218;  
  margin-left: 0;
  margin-right: 0;
  background: #FFFFFF; 
}

.article h2 { 
   font-family:"Lucida Grande", verdana, sans-serif;
   color: #000000;
   text-align: left; 
   font-size: 21px;             
   margin: 0px;
   margin-bottom: 5px; 
   line-height: 140%;
   font-weight: normal;
   text-decoration: none;
}

.article h2 a, .article h2 a:link, .article h2 a:visited, .article h2 a:active{ 
   font-family:"Lucida Grande", verdana, sans-serif;
   color: #000000;
   font-size: 21px;   
   font-weight: normal;
   text-decoration: none;   
}

.article h2 a:hover{ 
   text-decoration: underline;  
}
.article p { text-align: justify; }

.article a, .article a:link, .article a:active, .article a:visited {
  font-weight: bold;
  color: #5180AE;
  text-decoration: none;
}

.article a:hover {
  text-decoration: underline;
}

.article-header-date{
   text-align: right;
   width: 485px;
   height: 22px;
   color: #046DA1;
   background: url(http://olivier.delclos.org/skins/commun/article-header-date.jpg) no-repeat;  
}

.article-header-date-pad{
   padding: 2px;
   padding-right: 17px;
 
   color: #666666;

   font-size: 10px;
   text-align: right;

   font-family: Verdana;
   font-weight: normal;
   margin-bottom: -2px;
   margin-top: 5px;
}

.article-header-titre{
   width: 485px;
   background: url(http://olivier.delclos.org/skins/commun/article-header-titre.jpg) repeat-y;
}

.article-header-titre-pad{
   padding: 6px;
   padding-left: 10px;
   padding-right: 10px;
}

.article-header-comm{
   text-align: right;
}

.article-header-comm a, .article-header-comm a:link, .article-header-comm a:active, .article-header-comm a:visited {
   font-size: 13px;
   text-decoration: none;
   font-weight: bold;
   color: #666666;
 }

.article-header-comm a:hover{
   font-size: 13px;
   text-decoration: underline;
   font-weight: bold;
}

.article-header-clr{
   clear: both;
}

.article-header-separation{
   width: 485px;
   height: 20px;
   background: url(http://olivier.delclos.org/skins/commun/article-header-separation.jpg) repeat-y;
}

.article-corps{
   width: 485px;
   background: url(http://olivier.delclos.org/skins/commun/article-corps.jpg) repeat-y;
}
.article-corps-pad{
   padding: 10px;
}

.article-corps-clr{
   clear: both;
}

.article-footer{
   width: 450px;
   padding-left: 34px;
   padding-top: 20px;
/*   height: 32px; */
   background: url(http://olivier.delclos.org/skins/commun/article-footer.jpg) no-repeat;
}

.article-footer a, .article-footer a:link, .article-footer a:active, .article-footer a:visited {
   font-size: 10px;
   text-decoration: none;
   font-weight: normal;
   color: #666666;
}

.article-footer a:hover{
   text-decoration: underline;
}


.comments {
  width: 485px;
  margin-bottom: 15px;
  margin-top: 10px;
  border: 0px solid #E51218;  
  margin-left: 0;
  margin-right: 0;
  background: #FFFFFF; 
}

.comments h2 { 
   font-family:"Lucida Grande", verdana, sans-serif;
   color: #000000;
   font-size: 18px;   
   font-weight: normal;
   text-align: left; 
   margin: 0px;
   margin-bottom: 5px; 
   line-height: 140%;
   font-weight: normal;
   text-decoration: none;
}


.comments-header {
  padding-left: 0px;
  padding-right: 10px;
}

.comments-body {
  padding: 10px;
}

.comments-body-intro {
  font-weight: normal;
  font-size: 11px;
}

.comments-body-intro a {
  font-weight: bold;
  text-decoration: none;
  color: #5180AE;
}

.comments-body-intro a:hover {
  text-decoration: underline;
}

.comments-body-content {
  border: 1px solid #990066;
  background:#FFFFFF;
  padding: 5px;
}

.comments-body-content a{
  color: #990066;
  font-weight: bold;
  text-decoration: none;
}

.comments-body-content a:hover {
  text-decoration: underline;
}

.comments-footer {
  padding-left: 0px;
  padding-right: 10px;
}

.commentform {
  padding-left: 10px;
  padding-right: 10px;
}

/*******************************************************************************
 Menu à droite
*******************************************************************************/
#menucol{
   width: 341px;
   float: left;
   background: #FFFFFF;
   padding-top: 10px;
   padding-left: 5px;
   padding-right: 5px;
   padding-bottom: 10px;
   text-align: justify;
  }

#menucol a {
  color: #990066;
  text-decoration: none;
}

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

.bloc-menu {
   width: 341px;
   margin-left: 0;
   margin-right: 0;
   margin-top: 10px; 
   margin-bottom: 15px;
   background: #FFFFFF;
}

.bloc-menu-top {
   width: 341px;
   height: 21px;
   margin: 0px;
   background: url(http://olivier.delclos.org/skins/commun/bloc-menu-top.jpg) no-repeat;
}

.bloc-menu-content-pad {
   padding-left: 10px;
   padding-right: 10px
}

.bloc-menu-content {
   width: 341px;
   background: #F2F2F2 url(http://olivier.delclos.org/skins/commun/bloc-menu-content.jpg) repeat-y;
}

.bloc-menu-content H2 {
   font-family:"Lucida Grande", verdana, sans-serif;
   color: #990066;
   text-align: left; 
   font-size: 14px;             
   margin: 0px; 
   margin-bottom: 5px;
   line-height: 140%;
   font-weight: normal;
   text-decoration: none;
}

.bloc-menu-bottom {
   width: 341px;
   height: 12px;
   margin:0px;
   background: url(http://olivier.delclos.org/skins/commun/bloc-menu-bottom.jpg ) no-repeat;
} 

#menucol .cat-td-left {
   width: 155px;
   background: #F2F2F2;
   text-align: left;
   border-right-style: solid;
   border-right-width: 1px;
   border-right-color: #CECECE;
   border-bottom-style: solid;
   border-bottom-width: 1px;
   border-bottom-color: #CECECE;
   padding-left: 30px;
   padding-top: 10px;
   padding-bottom: 3px;
}

#menucol .cat-td-right {
   width: 155px;
   background: #F2F2F2;
   border-bottom-style: solid;
   border-bottom-width: 1px;
   border-bottom-color: #CECECE;
   padding-left: 30px;
   padding-top: 10px;
   padding-bottom: 3px;
}

#menucol .cat-td-right a.rose {
   font-size: 14px;
   color: #990066;
   font-weight: bold;
   text-decoration: none;
}

#menucol .cat-td-right a.rose:hover {
   text-decoration: underline;
}

#menucol .cat-td-left a.rose {
   font-size: 14px;
   color: #990066;
   font-weight: bold;
   text-decoration: none;
}

#menucol .cat-td-left a.rose:hover {
   text-decoration: underline;
}

#menucol .cat-td-right a.bleu {
   font-size: 14px;
   color: #5180AE;
   font-weight: bold;
   text-decoration: none;
}

#menucol .cat-td-right a.bleu:hover {
   text-decoration: underline;
}

#menucol .cat-td-left a.bleu {
   font-size: 14px;
   color: #5180AE;
   font-weight: bold;
   text-decoration: none;
}

#menucol .cat-td-left a.bleu:hover {
   text-decoration: underline;
}

/*******************************************************************************
 Colonne de droite
*******************************************************************************/

#rightcol{
   width: 124px;
   float: right;
   background: #FFFFFF;
   padding-top: 10px;
   padding-left: 5px;
   padding-right: 5px;
   padding-bottom: 10px;

  }

.bloc-rightcol {
   width: 124px;
   margin-left: 0px;
   margin-right: 0px;
   margin-top: 10px; 
   margin-bottom: 15px;
   background: #FFFFFF;
}

.bloc-rightcol-top {

}

.bloc-rightcol-content {
   text-align: center;
}

.bloc-rightcol-content H2 {
   font-family:"Lucida Grande", verdana, sans-serif;
   color: #666666;
   font-size: 12px;             
   text-align: center;
   margin-left:0px;
   margin-right:0px;
   font-weight: bold;
   text-decoration: underline;
}

.bloc-rightcol-content a.rose {
   color: #990066;
   font-weight: normal;
   text-decoration: none;
   display:block;
}

.bloc-rightcol-content a.bleu {
   color: #5180AE;
   font-weight: normal;
   text-decoration: none;
   display:block;
}

.bloc-rightcol-content a:hover {
   text-decoration: underline;
}

.bloc-rightcol-bottom {

}