BODY {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 13px; BACKGROUND: #333333; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #000000; PADDING-TOP: 0px; FONT-FAMILY: "Trebuchet MS", "Lucida Sans";
}
A IMG {
	MARGIN: 0px; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
.spip_logos {
	MARGIN-LEFT: 0px; MARGIN-RIGHT: 5px
}
.spip_documents_left {
	MARGIN-RIGHT: 10px
}
.spip_doc_titre { COLOR: #666666; FONT-STYLE: normal; font-weight: bold; font-size: 0.8em; margin-left: auto; margin-right: auto; 
}

.align_image img, .align_image span { vertical-align: middle; display: inline; }
a{
 color: #0A50A1;
 text-decoration: none;
}

a:hover {
 color: #F29615;
 text-decoration: none;
}
a:visited {
 color: #525252;
 text-decoration: none;
}
a:active{
 color: #FFE4C4;
 text-decoration: none;
}

.spacer {
	clear: both;
}

.forum-repondre h5 {
	 font-size: 1.5em;
	 color: #F29615;
}

#site {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; WIDTH: 1220px; PADDING-TOP: 0px;BACKGROUND: #333333;
}

#menu-haut {
text-align: left;	BACKGROUND: #333333; WIDTH: 1220px; HEIGHT: 20px; color: White; margin-left: 20px;
}

#menu-haut a {
 color: #FFFFFF;
 text-decoration: none;
 }
 
#menu-haut a:hover {
 color: #FFFFFF;
 text-decoration: none;
 }
 
#menu-haut a:active {
 color: #FFFFFF;
 text-decoration: none;
 }

#entete {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND-IMAGE: url(img/fond.jpg); PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 1204px; PADDING-TOP: 0px; BACKGROUND-REPEAT: repeat-y; HEIGHT: 200px
}
#header-gauche {
	FLOAT: left; WIDTH: 1204px
}
#partie-gauche { FLOAT: left; WIDTH: 336px; height: 98px; margin: 0px; padding: 0px; }
#partie-gauche a { margin: 0px; padding: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
#echanger { FLOAT: left; WIDTH: 334px; margin: 0px; padding-top: 10px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
#recherche {
	FLOAT: left; BACKGROUND-IMAGE: url(img/haut-google.jpg); WIDTH: 298px; BACKGROUND-REPEAT: no-repeat
}
#phrase {
	CLEAR: both; FLOAT: left; BACKGROUND-IMAGE: url(img/phrase.jpg); WIDTH: 1204px; COLOR: #0072BC; BACKGROUND-REPEAT: no-repeat; HEIGHT: 45px; TEXT-ALIGN: center
}
#espace-haut-bannière {
FLOAT: left; WIDTH: 768px; HEIGHT: 15px; BACKGROUND-COLOR: #0078bf
}
#banniere { FLOAT: left; WIDTH: 868px; HEIGHT: 92px; BACKGROUND-COLOR: #0078bf; text-align: center; margin: 0px; padding-top: 6px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
#menu-abonnement-date { FLOAT: right; WIDTH: 1204px; HEIGHT: 61px; vertical-align:middle; line-height: 61px; }

#menu-abonnement-date a {
	COLOR: #0072BC;	
}
#menu-abonnement-date a:hover {
	COLOR: #F29615;	
}
#menu-abonnement-date a:visited {
	COLOR: #F29615;	
}
#menu-abonnement-date a:active {
	COLOR: #F29615;	
}


#espace-haut {
	WIDTH: 1220px; HEIGHT: 15px
}
#bloc-principal {
	FLOAT: left; WIDTH: 1220px
}
#image-haut-principal {
	CLEAR: both; FLOAT: left; BACKGROUND-IMAGE: url(img/haut-principal.jpg); WIDTH: 1210px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 11px
}
#contenu-principal {
	FLOAT: left; BACKGROUND-IMAGE: url(img/fond-principal.jpg); WIDTH: 1220px; BACKGROUND-REPEAT: repeat-y
}
#image-bas-principal {
	CLEAR: both; FLOAT: left; BACKGROUND-IMAGE: url(img/pied-principal.jpg); WIDTH: 1220px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 30px
}
#rootline {
	BACKGROUND-COLOR: #ffffff
}
#rootline A {
	
}
#rootline A:hover {
	
}
.tableau-liens {
	padding: 0px;
	margin: 0px;
}

.tableau-liens a {
 color: #0A50A1;
 text-decoration: none;
 }
.tableau-liens a:hover {
 color: #F29615;
 text-decoration: none;
 }
.tableau-liens a:visited {
 color: #525252;
 text-decoration: none;
 }
 
.tableau-liens a:active {
	color: #FFE4C4;
	text-decoration: none;
}

#colonne_gauche {
	PADDING-RIGHT: 0px; PADDING-LEFT: 15px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 305px; PADDING-TOP: 0px
}
.top-menu {
	FONT-WEIGHT: bold; BACKGROUND-IMAGE: url(img/fond-menu.gif); WIDTH: 305px; COLOR: #ffffff; BACKGROUND-REPEAT: no-repeat; HEIGHT: 27px: vertical-align:middle; line-height: 24px;
}

.top-menu span {
  vertical-align: middle;
  display: inline-block;
}

.menu {
	FLOAT: left; width: 305px;
}
.menu ul {
	margin: 0; padding: 0; list-style: none;
}
.menu li {
	margin-bottom: 0.3em;
	clear: both;
}

.middle-menu {
	FLOAT: left; width: 305px;  text-align: center;
}
.menu-bas {
	FLOAT: left; width: 305px; height: 20px;	clear: both;
}



.contenu_col_gauche {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 3px; PADDING-TOP: 0px
}
#colonne_gauche H3 {
	FONT-SIZE: 1.5em; COLOR: #990000
}
.bandeau-goodaction {
	MARGIN-TOP: 20px; BACKGROUND-IMAGE: url(img/annonce.gif); WIDTH: 300px; PADDING-TOP: 5px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 21px; clear: both;
}
#colonne_centre {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 570px; PADDING-TOP: 0px; BACKGROUND-COLOR: #ffffff
}
#colonne_contenu {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; MARGIN: 0px 0px; PADDING-TOP: 0px
}
#colonne_contenu A {
	COLOR: #0A50A1; TEXT-DECORATION: none
}
#colonne_contenu A:hover {
	COLOR: #F29615; TEXT-DECORATION: none
}
#colonne_contenu A:visited {
	COLOR: #525252; TEXT-DECORATION: none
}
.petitlogo {
	FLOAT: left
}
.date {
	FLOAT: right
}
H1 {
	FONT-FAMILY: "Trebuchet MS", sans-serif
}
H2 {
	FONT-FAMILY: "Trebuchet MS", sans-serif
}
H3 {
	FONT-FAMILY: "Trebuchet MS", sans-serif
}
H4 {
	FONT-FAMILY: "Trebuchet MS", sans-serif
}
H5 {
	FONT-FAMILY: "Trebuchet MS", sans-serif
}
H6 {
	FONT-FAMILY: "Trebuchet MS", sans-serif
}
H1 {
	FONT-SIZE: 1.5em; MARGIN: 0px
}
H2 {
	FONT-SIZE: 1.5em; MARGIN: 0px
}
H3 {
	FONT-SIZE: 1.3em;
	MARGIN: 0px;
	TEXT-ALIGN: center;
	color: #FF8C00;
}
H4 {
	FONT-WEIGHT: normal; FONT-SIZE: 1em
}
#sommaire {
	BORDER-RIGHT: #ffd700 thin dotted; BORDER-TOP: #ffd700 thin dotted; FLOAT: right; BORDER-LEFT: #ffd700 thin dotted; WIDTH: 200px; BORDER-BOTTOM: #ffd700 thin dotted
}

#pave-sommaire {
	FLOAT: left; WIDTH: 562px
}
#image-haut-sommaire {
	CLEAR: both; FLOAT: left; BACKGROUND-IMAGE: url(img/haut-sommaire.jpg); WIDTH: 562px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 26px
}
.contenu-pave-sommaire {
	FLOAT: left; BACKGROUND-IMAGE: url(img/fond-sommaire.jpg); WIDTH: 562px; BACKGROUND-REPEAT: repeat-y
}
#image-bas-sommaire {
	CLEAR: both; FLOAT: left; BACKGROUND-IMAGE: url(img/pied-sommaire.jpg); WIDTH: 562px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 26px
}

#pave-article {
	FLOAT: left; WIDTH: 562px
}

#image-haut-article {
	CLEAR: both; FLOAT: left; BACKGROUND-IMAGE: url(img/haut-pave-article.jpg); WIDTH: 562px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 26px
}

.contenu-pave-article {
	FLOAT: left;
	BACKGROUND-IMAGE: url(img/fond-pave-article.jpg);
	WIDTH: 562px;
	BACKGROUND-REPEAT: repeat-y;
}

#texte-pave-article {
WIDTH: 497px;
padding-left: 31px;
}

#pave-breve {
 FLOAT: left; WIDTH: 562px
}

.contenu-pave-breve {
	FLOAT: left;
	BACKGROUND-IMAGE: url(img/fond-pave-article.jpg);
	WIDTH: 562px;
	BACKGROUND-REPEAT: repeat-y;
}

#texte-pave-breve {
WIDTH: 497px;
padding-left: 31px;
}

#image-bas-article {
	CLEAR: both; FLOAT: left; BACKGROUND-IMAGE: url(img/pied-pave-article.jpg); WIDTH: 562px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 26px
}

.colonne_gauche_sommaire {
	width:260px;
	margin-left: 20px; 
}

.colonne_gauche_sommaire {
	width:260px;
	margin-left: 20px; 
}

#sommaire-edito{
	width: 500px;
	float: left;
	margin-left : 10px;
}

#sommaire-edito h1 {
	FONT-FAMILY: "Trebuchet MS", sans-serif;
	color: #83b0d5;
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#edito{
	width: 560px;
	float: left;
	margin-top : 20px;
	margin-left : 0px;
	margin-bottom : 20px;
}

#pave-bas-gauche-sommaire {
	FLOAT: left; width:240px;	margin-left : 10px; margin-top : 10px;
}
#haut-gauche-sommaire {
	CLEAR: both; FLOAT: left; BACKGROUND-IMAGE: url(img/haut-gauche-sommaire.jpg); width:240px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 22px
}
#contenu-bas-gauche-sommaire {
	FLOAT: left; BACKGROUND-IMAGE: url(img/fond-gauche-sommaire.jpg); width:240px; BACKGROUND-REPEAT: repeat-y
}
#bas-gauche-sommaire {
	CLEAR: both; FLOAT: left; BACKGROUND-IMAGE: url(img/bas-gauche-sommaire.jpg); width:240px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 16px
}

#breves-sommaire{
	width: 220px;
	float: left;
	margin-left : 10px;
}

#rub-pave-sommaire {
	width: 220px;
	float: left;
	margin-left : 10px;
	
}

.colonne_droite_sommaire {
	width:250px;
	float: right;
	margin-right: 5px; 
}

.pave-sommaire {
	FLOAT: left; width:240px;	margin-left : 5px;
}

.titre_sommaire {
font-size: 14px;
	}




.contenu-droite-sommaire {
	FLOAT: left; BACKGROUND-IMAGE: url(img/fond-droite-sommaire.jpg); width:224px; BACKGROUND-REPEAT: repeat-y
}
.bas-droite-sommaire {
	FLOAT: left; BACKGROUND-IMAGE: url(img/bas-droite-sommaire.jpg); width:240px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 13px
}

#image-haut-librairie {
	CLEAR: both; FLOAT: left; BACKGROUND-IMAGE: url(img/image-haut-librairie.jpg); WIDTH: 562px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 22px
}

#image-milieu-librairie {
	CLEAR: both; FLOAT: left; BACKGROUND-IMAGE: url(img/image-milieu-librairie.jpg); WIDTH: 562px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 230px
}

#image-haut-media-dd {
	CLEAR: both; FLOAT: left; BACKGROUND-IMAGE: url(img/image-haut-media-dd.jpg); WIDTH: 562px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 22px
}

#image-milieu-media-dd {
	CLEAR: both; FLOAT: left; BACKGROUND-IMAGE: url(img/image-milieu-media-dd.jpg); WIDTH: 562px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 230px
}

#image-haut-maison {
	CLEAR: both; FLOAT: left; BACKGROUND-IMAGE: url(img/image-haut-maison.jpg); WIDTH: 562px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 22px
}

#image-milieu-maison {
	CLEAR: both; FLOAT: left; BACKGROUND-IMAGE: url(img/image-milieu-maison.jpg); WIDTH: 562px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 230px
}

#image-haut-education {
	CLEAR: both; FLOAT: left; BACKGROUND-IMAGE: url(img/image-haut-education.jpg); WIDTH: 562px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 22px
}

#image-milieu-education {
	CLEAR: both; FLOAT: left; BACKGROUND-IMAGE: url(img/image-milieu-education.jpg); WIDTH: 562px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 230px
}

#image-haut-consommer {
	CLEAR: both; FLOAT: left; BACKGROUND-IMAGE: url(img/image-haut-consommer.jpg); WIDTH: 562px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 22px
}

#image-milieu-consommer {
	CLEAR: both; FLOAT: left; BACKGROUND-IMAGE: url(img/image-milieu-consommer.jpg); WIDTH: 562px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 230px
}

.logo-sous-rubrique {
		FLOAT: left; BACKGROUND-IMAGE: url(img/onglet-bleu.gif); width:240px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 18px; margin-top:10px; color: White;
}

.titraille {
	FLOAT: right; WIDTH: 380px
}
.surtitre {
	FONT-WEIGHT: bold; FONT-SIZE: 1em; COLOR: #F29615; FONT-FAMILY: "Trebuchet MS"; TEXT-ALIGN: left
}
.titre {
	FONT-WEIGHT: bold; FONT-SIZE: 1.5em; COLOR: #0A50A1; FONT-FAMILY: "Trebuchet MS"; TEXT-ALIGN: left
}
.soustitre {
	FONT-WEIGHT: normal; FONT-SIZE: 1.3em; MARGIN: 0px; COLOR: #33A02C; FONT-FAMILY: "Trebuchet MS"; TEXT-ALIGN: left
}
.separation {
	VISIBILITY: visible; BORDER-BOTTOM: #ff8c00 2px dotted
}
.chapo {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 1.1em; PADDING-BOTTOM: 5px; COLOR: #1B60AB; PADDING-TOP: 5px;
}
.notes {
	BACKGROUND-COLOR: silver
}
.ps {
	COLOR: gray; BACKGROUND-COLOR: #e3f4ef
}
.auteur {
	PADDING-RIGHT: 5px; MARGIN-TOP: 10px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 1.1em; PADDING-BOTTOM: 0px; COLOR: #000; PADDING-TOP: 0px; 
}
.sommairedeco {
	CLEAR: both; MARGIN-TOP: 5px; MARGIN-BOTTOM: 5px; BORDER-BOTTOM: #ff8c00 1px dotted
}
.encadre {
	PADDING-RIGHT: 5px; MARGIN-TOP: 15px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px;  PADDING-TOP: 5px; TEXT-ALIGN: center
}
#colonne_droite {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FLOAT: left; PADDING-BOTTOM: 0px;  WIDTH: 305px; PADDING-TOP: 0px
}
.contenu_col_droite {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#colonne_droite H3 {
	
}
#colonne_droite A {
	
}
#colonne_droite A:hover {
	
}
#bas {
	TEXT-ALIGN: center
}
.hr {
	COLOR: #ef991a
}
#spacerline {
	CLEAR: both
}
UL.plansite {
	PADDING-RIGHT: 0px; PADDING-LEFT: 1.5em; FONT-SIZE: 12px; PADDING-BOTTOM: 1.5em; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
UL.plansite UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 1.5em; FONT-SIZE: 12px; PADDING-BOTTOM: 1.5em; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
UL.plansite LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: black 1px solid; COLOR: blue; PADDING-TOP: 0px
}
UL.plansite LI A {
	PADDING-LEFT: 0.5em; COLOR: black; BORDER-BOTTOM: black 1px solid; TEXT-DECORATION: none
}
UL.plansite LI STRONG {
	FONT-SIZE: 105%
}

/* category list */

#side_categories { margin: 0 0 0 0; }
ul.cat {
list-style-type: none;
margin:0;
padding:0;
}
ul.cat li { padding: 0 0 0.3em 0; margin: 0; }
ul.cat li a { display: block; text-transform: uppercase; font-size: 0.8em; font-weight: bold; color: #0A50A1; border-bottom: 1px solid #dadada; border-left: 3px solid #dadada; padding: 3px 12px 0 3px; margin: 0; background: url(img/arrow.png) no-repeat 190px 3px; height: 26px; }
ul.cat li a:hover { background: #ffffff url(img/arrow2.png) no-repeat 190px 3px; color: #F29615; }
ul.cat li ul { list-style: none; list-style-image: url(foo.gif); margin: 0; padding: 0.3em 0 0.2em 0.2em; }
ul.cat li ul li { padding: 0; margin: 0; }
ul.cat li ul li a { border: 0; margin: 0; padding: 0 0 0 12px; text-transform: none; font-size: 0.9em; height: 19px; background: url(img/sub.png) no-repeat; }
ul.cat li ul li a:hover { background: #ffffff url(img/sub1.png) no-repeat; color: #F29615;}
#side_categories .on { font-weight: bold; color: red; text-decoration: none; } /* liens exposes */

#twitter {
	margin-top: 10px;
	margin-bottom: 10px;
}

/* begin styles for RSS Feed 

     This is the most basic style to use for a list with no bullets */
.rss-box {
	width: 200px;
	background-color: #ffffff;
}

.rss-title, rss-title a {
	margin: 0px 0;
	padding: 0;
}

#avis {
	width: 200px;
	float: left;
}

#avis img {
	float: left;
	margin-right: 5px;
}

#avis p {
	float: right;
	margin: 0px;
	padding: 0px;
}

.rss-items {
   list-style:none;
   margin:0;
   padding:0;
}

#avis .rss-item  {
	font-weight: bold;
}

.rss-item  {
	font-size: 1em;
	margin-bottom: 1em;
}

.rss-item a:link, .rss-item a:visited, .rss-item a:active {
	}
	
.rss-item a:hover { 
	}

	
.rss-date {

	font-size: xx-small;

	} 
/* buttons modeled from http://www.wellstyled.com/css-inline-buttons.html */

.pod-play {
   _width:12em;
   margin: 0 0.2em; padding: 0.1em 0; _padding:0;
   
   white-space:nowrap;
   text-decoration: none;
   vertical-align:middle;
   background: #fb6;
   color: black;
   }
.pod-play em {
   _width:1em; _cursor:hand;
   font-style: normal;
   margin:0; padding: 0.1em 0.5em;
   background: white;
   color: #222;
   }
.pod-play span {
   _width:1em; _cursor:hand;
   margin:0; padding: 0.1em 0.5em 0.1em 0.3em;
   }
.pod-play:hover {
   background: #666;
   color: white;
   }
.pod-play:hover em {
   background: black;
   color: white
   }