body {
   background-color: #F3F8FC;
   font-family: Tahoma, Verdana, sans-serif;
   font-size: 11px;
   color: #000000;
   font-weight: normal;
   border: 0;
   margin: 0;
   padding: 0;
   font-weight: normal;
}
td {
   font-family: Tahoma, Verdana, sans-serif;
   font-size: 11px;
}
a, a:visited, a:link {
        color: #181818;
        font-family: Tahoma, Verdana, sans-serif;
        font-size: 11px;
        text-decoration: none;
}
a:hover {
        color: #747474;
        font-family: Tahoma, Verdana, sans-serif;
        font-size: 11px;
        text-decoration: underline overline;
}
a:active, a.box, a.box:active, a.box:visited {
        color: #696969;
        font-family: Tahoma, Verdana, sans-serif;
        font-size: 11px;
        text-decoration: none;
}
a.noir, a.noir:visited, a.noir:active {
        color: #3A3A3A;
        font-family: Tahoma, Verdana, sans-serif;
        font-size: 11px;
        font-weight: bold;
        text-decoration: none;
}
a.noir:hover {
        color: #626262;
        font-family: Tahoma, Verdana, sans-serif;
        font-size: 11px;
        font-weight: bold;
        text-decoration: underline;
}

A.ROUGE:HOVER {
        color: #FF0000;
        font-family: Tahoma, Verdana, sans-serif;
        font-size: 11px;
        font-weight: bold;
        text-decoration: underline;
}

A.BOX:HOVER {
        color: #757575;
        font-family: Tahoma, Verdana, sans-serif;
        text-decoration: underline overline;
        font-size: 11px;
}

A.HEADA, A.HEADA:VISITED, A.HEADA:ACTIVE {
        color: #636363;
        font-family: Tahoma, Verdana, sans-serif;
        font-size: 11px;
        font-weight: bold;
        text-decoration: none;
}
hr { color: #000000; height: 1px }
li { padding-left: 2px }
.aide {
   background-color: #E8E8EC;
   margin: 0px 5px;
   padding-bottom: 5px;
   padding-left: 5px;
   padding-right: 5px;
   padding-top: 5px;
}
.box {
   color: #545454;
   font-family: Tahoma, Verdana, sans-serif;
   font-size: 9px;
   margin-left: 5px;
   margin-right: 5px;
}
.boxb {
   color: #000000;
   font-family: Tahoma, Verdana, sans-serif;
   font-size: 9px;
   margin-left: 5px;
   margin-right: 5px;
}
.boxc {
   background-color: #CCCCCC;
   color: White;
   font-family: Tahoma, Verdana, sans-serif;
   font-size: 10px;
   margin: 5px;
   padding-bottom: 5px;
   padding-left: 5px;
   padding-right: 5px;
   padding-top: 2px;
}
.BOXMENU {
   color: #7B7B7B;
   font-family: Tahoma, Verdana, sans-serif;
   font-size: 11px;
   font-weight: bold;
   margin-left: 5px;
   margin-right: 5px;
}
.LIGNA, A.ONGL, A.ONGL:VISITED, A.ONGL:ACTIVE {
   background-color: #EBF5FE;
   color: #404040;
   font-family: Tahoma, Verdana, sans-serif;
   font-size: 11px;
   text-decoration: none;
}
.LIGNB {
   background-color: #F9F9FA;
   color: #404040;
   font-family: Tahoma, Verdana, sans-serif;
   font-size: 11px;
   text-decoration: none;
}
.ONGL {
   border-bottom: #CCCCCC 1px solid;
   color: #707070;
   font-family: Tahoma, Verdana, sans-serif;
   font-size: 11px;
   font-weight: bold;
   text-decoration: none;
}
.HEADER, A.ONGL:HOVER {
   background-color: #AAC9E7;
   color: #282828;
   font-family: Tahoma, Verdana, sans-serif;
   font-size: 11px;
   font-weight: bold;
   text-decoration: none;
}
.ROUGE, A.ROUGE, A.ROUGE:VISITED, A.ROUGE:ACTIVE {
   color: #FF0000;
   font-family: Tahoma, Verdana, sans-serif;
   font-size: 11px;
   font-weight: bold;
   text-decoration: none;
}
.SEPAR {
   background-image: url(../style/ligne.gif);
   background-repeat: repeat-x;
   color: #000000;
   font-family: Tahoma, Verdana, sans-serif;
   font-size: 5px;
   height: 5px;
   margin-bottom: 0px;
   margin-top: 0px;
   padding-bottom: 5px;
   padding-left: 0px;
   padding-right: 180px;
   padding-top: 0px;
}
.INPUTA {
   background-color: #C3C2CB;
   border-bottom: #000040 1px solid;
   border-left: #000040 1px solid;
   border-right: #000040 1px solid;
   border-top: #000040 1px solid;
   color: #000000;
   font-size: 9px;
   height: 15px;
   vertical-align: middle;
   width: 80px;
}
.TEXTBOX {
   font-family: Tahoma, Verdana, sans-serif;
   background-color: #FFFFFF;
   border-bottom: #000000 1px solid;
   border-left: #000000 1px solid;
   border-right: #000000 1px solid;
   border-top: #000000 1px solid;
   color: #45445B;
   font-size: 11px;
   width: 90%;
}
.TEXTBOX_STANDARD {
   font-family: Tahoma, Verdana, sans-serif;
   background-color: #FFFFFF;
   border-bottom: #000000 1px solid;
   border-left: #000000 1px solid;
   border-right: #000000 1px solid;
   border-top: #000000 1px solid;
   color: #45445B;
   font-size: 11px;
}
.BOUTON_STANDARD {
   font-family: Tahoma, Verdana, sans-serif;
   background-color: #CCCCCC;
   color: #404040;
   font-size: 11px;
   font-weight: bold;
   text-decoration: none;
   border-bottom: #000000 1px solid;
   border-left: #000000 1px solid;
   border-right: #000000 1px solid;
   border-top: #000000 1px solid;
}
.TITBOXC {
   background-color: #C2D7EB;
   color: #FFFFFF;
   font-family: Tahoma, Verdana, sans-serif;
   font-size: 11px;
   font-weight: bold;
}
.TITBOXCONT {
   background-color: #FAFAFA;
   color: #0E0E0E;
   font-family: Tahoma, Verdana, sans-serif;
   font-size: 11px;
   font-weight: bold;
}
.TITRE {
   background: #C2D7EB;
   color: #FFFFFF;
   font-family: Tahoma, Verdana, sans-serif;
   font-size: 11px;
   font-weight: bold;
   text-decoration: none;
}
.TITREA {
   background: none transparent;
   color: #679ED4;
   font-family: Tahoma, Verdana, sans-serif;
   font-size: 15px;
   font-weight: bold;
   text-decoration: none;
}
.TITREB {
        background: #C2D7EB;
        color: #FFFFFF;
        font-family: Tahoma, Verdana, sans-serif;
        font-size: 11px;
        font-weight: bold;
        text-decoration: none;
}
.TITREC {
   background: none transparent;
   color: #A5C5DE;
   font-family: Tahoma, Verdana, sans-serif;
   font-size: 11px;
   text-decoration: none;
}
a.AIDEAns, a.AIDEAns:visited, a.AIDEAns:active {
   cursor:help;
   background: none transparent;
   color: #000000;
   font-family: Tahoma, Verdana, sans-serif;
   font-size: 11px;
   font-weight: bold;
   text-decoration: none;
}
.QUOTE {
	border-bottom-width : thick;
	border : 1px solid #679ED4;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	margin-bottom : 5px;
	margin-left : 5px;
	margin-right : 5px;
	margin-top : 5px;
	width : 90%;
}
CODE  {
	font : monospace;
	font-size: 11px;
	border : 1px solid #45445B;
	padding-bottom: 1px;
	padding-left: 5px;
	padding-right: 1px;
	padding-top: 1px;
	width : 90%;
	background-color : White;
	display: block;
}
/* SPECIFIQUE FOR THE CHAT - SABLE  */
#chat .ChatHeure {
   font-family: Arial,Helvetica,sans-serif;
   color: #79AAD9;
   font-size:9px;
   float: left;
}
#chat .ChatNom, .ChatNom A:visited, .ChatNom A:link, .ChatNom A:active, .ChatNom A:hover {
   font-family: Arial,Helvetica,sans-serif;
   color: #005190;
   font-size:10px;
   float: left;
   width: 70px;
   text-align: right;
   padding-right: 2px;
}
#chat .ChatTexte {
   font-family: Arial,Helvetica,sans-serif;
   border-left: 1px solid Black;
   margin-left:120px;
   padding-left: 3px;
}
#chat .TEXTBOX_STANDARD {
   background-color: #F8F8F8;
   border-bottom: Silver 1px solid;
   border-left: 1px solid Silver;
   border-right: 1px solid Silver;
   border-top: Silver 1px solid;
   color: #434259;
   font-size: 10px;
}

/*----------------------------------------------------+
+--- STYLES ne dépendant pas de NPDS mais du thème ---+
+----------------------------------------------------*/
/* Positionnement bloc */
#center_top {
margin: 1em 155px
}
#colone_gche, #colone_drte {
position: absolute;
margin-top: 119px;
top: 1em;
width: 150px;
}
#colone_gche {
left: 5px;
}
#colone_drte {
right: 6px;
}
/* Center */
#center_top {
   background: url('../images/centre_haut.gif') center top repeat-x;
}
#center_bottom {
   background: url('../images/centre_bas.gif') center bottom repeat-x;
}
/* Blocs */
div#box_article {
   width: 150px;
   margin-bottom: 10px;
   text-align: left;
}

div.bloc {
   width: 150px;
   margin-bottom: 10px;
   text-align: left;
}
div.bloc p {
   margin: 5px 0px 0px 0px;
}
div.bloc_title1 {
   background: url('../images/titre_bloc_1.gif') center bottom no-repeat;
   height: 5px;
}
div.bloc h2, div.bloc h2 a.AIDEAns {
   background: url('../images/titre_bloc_2.gif') center no-repeat;
   color: #404040;
   font-weight: bold;
   text-align: center;
   font-size: 12px;
   margin: 0;
   height:28px;
   line-height: 25px !important; line-height: 20px
}
div.bloc_title a {
   color: #404040;
   font-weight: bold;
   font-size: 10pt;
}
div.bloc_content1 {
   background: url('../images/content_bloc_1.gif') center repeat-y;
   padding: 0 6px 6px 12px;
   margin: 0;
}
div.bloc_content1 div {
   top: 30px;
   margin: 0 8px 6px 6px;
   padding: 0 6px 3px 6px;
   background-color: #C0D3E2;
   text-align: center;
   width: 100px
}
div.bloc_content1 ul {
   margin: 0; padding: 0;
}
div.bloc_content1 ul li {
	background: transparent url('../images/bullet.gif') no-repeat 0 0.6em;
    padding-left: 12px;
	list-style-type: none
}
div.bloc_content2 {
   padding: 0 6px 0 6px;
   height: 20px;
}
#colone_gche div.bloc_content2 {
   background: url('../images/content_bloc_2.gif') center repeat-y;
}
#colone_drte div.bloc_content2 {
   background: url('../images/content_bloc_3.gif') center repeat-y;
}
/* Article */
div.article_entete {
   background-color: #abc9e7;
   border: 2px solid #000;
   padding: 3px;
   font-size: 10pt;
}
div.article_entete hr {
   height: 0;
   padding: 0;
   margin: 0;
   border: 0;
   border-top: 1px solid #000;
   color: #abc9e7
}
div.article_titre {
   font-size: 12pt;
   color: #404040;
   font-weight: bold;
}
div.article_sujet {
   float: right;
}
div.aticle_contenu {
   padding: 3px;
}
div.article_notes {
   padding: 3px;
   font-size: 8pt;
}
/* Aricles Index */
div.article_index h2 {
   background: #abc9e7 url('../images/titre_news.gif') repeat-x;
   font-size: 12px;
   color: #404040;
   padding: 3px;
   font-weight: bold;
   height: 22px;
   margin: 10px -2px 0 -2px
}
div.article_index_infos {
   border-top: #c0d3e2 1px solid;
   border-bottom: #c0d3e2 1px solid;
   text-align: center;
   padding-bottom: 5px
}
div.article_index_contenu {
   padding: 3px;
}
div.article_index_contenu span.emetteur, div.article_index_contenu span.emetteur a {
   color: #818181;
}
/* Header */
div#header {
   text-align: left;
   width: 100%;
   padding-top: 5px;
}
div#logo {
   margin: 0 10px 0px 30px;
   width: 319px;
   height: 80px;
}
div#logo img {
   position: absolute;
   margin: 2px 0 0 0;
}
div#logo h1 {
   position: absolute;
   background: url('../images/npds_p.gif') no-repeat;
   width: 214px;
   height: 50px;
   margin: 36px 0 0 107px;
}
div#logo h2 {
   display: none
}
div#logo strong{
   display: none
}
div#header_infos {
   position: absolute;
   top: 10px;
   width: 100%;
   color: #404040;
   text-align: center;
}
div#header_search {
   position: absolute;
   top: 1em;
   right: 1em;
   text-align: right
}
/* Menu header */
div#header_navbar {
   background-color: #AAC9E7;
   background: url('../images/navbar.gif');
   text-align: center;
   height: 40px;
   margin: -5px 0 10px 0;
}
div#header_navbar, div#header_navbar a, div#header_navbar a:hover {
   font-size: 13px;
   font-weight: bold
}
div#header_navbar ul {
   list-style: none;
   padding: 0;
   margin: 0
}
div#header_navbar li {
   display: inline;
   line-height: 40px;
   padding: 0 20px 0 20px
}
/* Banner */
div#banner {
   width: 100%;
   text-align: center;
   padding-bottom: 10px
}
/* Footer */
div#footer {
   width: 100%;
   background-color: #ffffff;
   margin-top: 15px;
   text-align: center;
}
div.center_top_left {
   background-image : url('../images/centre_gauche_haut_coin.gif');
   background-repeat : no-repeat;
   background-position : top left;
   height: 8px;
   margin-left: -6px
}
div.center_top_right {
   background-image : url('../images/centre_droite_haut_coin.gif');
   background-repeat : no-repeat;
   background-position : top right;
   height: 8px;
   margin-right: -6px;
   position: relative; z-index: 10; /* Fix pour IE parce qu'il met ça sous le shadow latéral... */
}
div.center_bottom_left {
   background-image : url('../images/centre_gauche_bas_coin.gif');
   background-repeat : no-repeat;
   background-position : bottom left;
   height: 14px;
   margin-left: -6px
}
div.center_bottom_right {
   background-image : url('../images/centre_droite_bas_coin.gif');
   background-repeat : no-repeat;
   background-position : bottom right;
   height: 14px;
   margin-right: -6px;
   position: relative; z-index: 10; /* Fix pour IE parce qu'il met ça sous le shadow latéral... */
}
div.center_content_left {
   background-image : url('../images/fond_gauche_centre.gif');
   background-repeat : repeat-y;
   background-position : bottom left;
   padding-left: 6px
}
div.center_content_right {
   background-image : url('../images/fond_droite_centre.gif');
   background-repeat : repeat-y;
   background-position : bottom right;
   padding-right: 6px
}
#editorial {
   margin-bottom: 30px
}
#editorial h2{
   background-image : url('../images/editorial.gif');
   width: 112px;
   height: 24px;
   margin: 5px 0 0 7px;
}
#editorial span {
   display: none
}

/*------------------------------------------------------------------------++
++ STYLE NON OBLIGATOIRE POUR AVOIR UN SITE QUI RESSEMBLE A QUELQUE CHOSE ++
++------------------------------------------------------------------------*/

.avatar_cadre {
   position: relative;
   margin: -5px 10px 10px 6px;
   background: url(../images/avatar_fond.png) no-repeat;
   height: 98px;
   width: 98px;
   padding: 4px
}
div#box_article, div#box_poll { /* super important pour le passage à sable */
   width: 150px;
   float: right;
   margin-bottom: 10px;
   text-align: left;
   display: block
}
div#box_poll {
   float: left
}
div#box_article h3, div#box_poll h3 {
   background: url('../images/titre_bloc_2.gif') center no-repeat;
   color: #404040;
   font-weight: bold;
   text-align: center;
   font-size: 12px;
   margin: 0;
   height:28px;
   line-height: 25px !important; line-height: 20px
}
div#box_article ul, div#box_poll ul {
   margin: 0; padding: 0;
}
div#box_article .bottom, div#box_poll .bottom {
	background: transparent url('../images/content_bloc_4.gif') center no-repeat;
	width: 140px;
	height: 11px;
}
div#box_article ul li, div#box_poll ul li {
	background: transparent url('../images/bullet.gif') no-repeat 0 0.6em;
    padding-left: 12px;
	list-style-type: none
}
div#box_article .bloc_content2, div#box_poll .bloc_content2 {
   height: 11px;
   background: url('../images/content_bloc_4.gif') center repeat-y;
}
#article_infos {
   padding : 0.5em;
   background: #c0d3e2;
   margin-right: 150px;
   margin-bottom: 1em
}

div#ie { 
	width: 100%;
}
