/* ------------------------------------------------------ */

/* ARTICLE CENTRE */

/* ------------------------------------------------------ */


/* ---------------------------------------------------------
   ARTICLE CENTRE : MODE STANDARD
--------------------------------------------------------- */

#centerBar .article {
	clear: both;
	margin-bottom: 10px;
	background-color: #EDF3FF;
	padding: 5px 5px 0px 5px;
	height:1%;
}

#centerBar .article .titre {
	margin-bottom: 10px;
}

#centerBar .article .titre h3 {
	color: #0082C3;
	font-size: 15px;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-weight: bold;
	display: inline;
	line-height: 15px;
}

#centerBar .article .titre h4 {
	color: #333333;
	text-indent: 10px;
	font-size: 12px;
	font-family: "Trebuchet MS", Verdana, Arial;
	display: inline;
}

#centerBar .article .titre a {
	color: #0082C3;
	text-decoration: none;
}

#centerBar .article .titre a:hover {
	color: #0082C3;
	text-decoration: none;
}

#centerBar .article .post {
}

#centerBar .article .post .texte01 {
	clear: both;
	font-family: Verdana, Arial;
	font-size: 10px;
	color: #666666;
	margin: 0px 0px 10px 0px;
	line-height: 1.4em;
}

#centerBar .article .post .texte02 {
	clear: both;
	font-family: Verdana, Arial;
	font-size: 10px;
	color: #666666;
	margin: 0px 0px 10px 0px;
	line-height: 1.4em;
}

#centerBar .article .post .imgGauche {
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}

#centerBar .article .post .imgDroite {
	float: right;
	margin-left: 15px;
	margin-bottom: 10px;
}

#centerBar .article .post .imgCentre {
	margin-top: 15px;
	margin-bottom: 10px;
}

#centerBar .article .post a {
	color: #666666;
}

#centerBar .article .post a:hover {
	color:#999999;
}

#centerBar .article .finArticle {
	clear: both;
	border-bottom: 1px dashed #195387;
}


/*-------------------- Objet mediatheque */

#centerBar .article .post ul.media {
	clear: both;
	text-align: right;
	margin-top: 15px;
	margin-bottom: 5px;
}

#centerBar .article .post ul.media li {
	font-family: Verdana;
	font-size: 0.6em;
	list-style-type: none;
}

#centerBar .article .post ul.media img {
	margin-left: 2px;
	vertical-align: middle;
}

#centerBar .article .post ul.media li a {
	color: #000;
	text-decoration: none;
}

#centerBar .article .post ul.media li a:hover {
	color: #0082C3;
}


/*-------------------- Requête TIF fixe */

#centerBar .article .post ul.tifFixe {
	clear: both;
	border: 1px solid #ACC27A;
	margin: 15px 0px 5px 0px;
	padding: 3px 0px 3px 5px;
	background-color: #C4DD8B;
}

#centerBar .article .post ul.tifFixe li {
	font-family: Verdana, Arial;
	font-size: 0.6em;
	list-style-type: none;
}

#centerBar .article .post ul.tifFixe img {
	margin-right: 2px;
	vertical-align: middle;
}

#centerBar .article .post ul.tifFixe li a {
	color: #000;
	text-decoration: none;
}

#centerBar .article .post ul.tifFixe li a:hover {
	color: #525C3A;
}


/* ---------------------------------------------------------
   ARTICLE CENTRE : MODE RESUME
--------------------------------------------------------- */

#centerBar .articleResume {
	clear: both;
	border: 1px solid #620D1E;
	padding: 5px;
	margin-bottom: 10px;
	height:1%;
}

#centerBar .articleResume .titre {
	margin-bottom: 10px;	
}

#centerBar .articleResume .titre h3 {
	color: #D7004B;
	font-size: 14px;
	font-family: "Trebuchet MS", Verdana, Arial;
	display: inline;
	line-height: 15px;
}

#centerBar .articleResume .titre h4 {
	color: #666666;
	text-indent: 10px;
	font-size: 13px;
	font-family: "Trebuchet MS", Verdana, Arial;
	display: inline;
}

#centerBar .articleResume .titre a {
	color: #195387;
	text-decoration: none;
}

#centerBar .articleResume .titre a:hover {
	color: #FC790E;
	text-decoration: none;
}

#centerBar .articleResume .post {
}

#centerBar .articleResume .post .texteResume {
	clear: both;
	font-family: Verdana, Arial;
	font-size: 10px;
	color: #666666;
	margin: 0px 0px 10px 0px;
	line-height: 1.4em;
}

#centerBar .articleResume .post .imgGauche {
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}

#centerBar .articleResume .post .imgDroite {
	float: right;
	margin-left: 15px;
	margin-bottom: 10px;
}

#centerBar .articleResume .post .imgCentre {
	margin-top: 15px;
	margin-bottom: 10px;
}

#centerBar .articleResume .post a {
	color: #666666;
}

#centerBar .articleResume .post a:hover {
	color:#999999;
}

#centerBar .articleResume .finArticle {
	clear: both;
}


/*-------------------- Bouton Resume */

#centerBar .articleResume .post .flipResume,
#centerBar .article .post .flipResume {
	clear: both;
	font-family: Verdana;
	font-size: 10px;
	float: left;
	padding: 1px 2px 0px 2px;
	margin-bottom: 5px;
}

#centerBar .articleResume .post .flipResume a,
#centerBar .article .post .flipResume a {
	color: #666666;
	text-decoration: none;
}

#centerBar .articleResume .post .flipResume a:hover,
#centerBar .article .post .flipResume a:hover {
	color: #999999;
}




/* ------------------------------------------------------ */

/* ARTICLE GAUCHE HAUT */

/* ------------------------------------------------------ */


/* ---------------------------------------------------------
   ARTICLE GAUCHE HAUT : MODE STANDARD
--------------------------------------------------------- */

#leftBarHaut .article {
	clear: both;
	padding: 5px 5px 0px 5px;
	margin-bottom: 10px;
}

#leftBarHaut .article .titre {
	margin-bottom: 7px;
}

#leftBarHaut .article .titre h3 {
	color: #599FDA;
	font-size: 12px;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-weight: normal;
	display: inline;
	line-height: 15px;
}

#leftBarHaut .article .titre h4 {
	color: #666666;
	text-indent: 10px;
	font-size: 12px;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-weight: normal;
	display: inline;
}

#leftBarHaut .article .titre a {
	color: #620D1E;
	text-decoration: none;
}

#leftBarHaut .article .titre a:hover {
	color: #FC790E;
	text-decoration: none;
}

#leftBarHaut .article .post {
}

#leftBarHaut .article .post .texte01 {
	clear: both;
	font-family: Verdana, Arial;
	font-size: 10px;
	color: #333333;
	margin: 0px 0px 10px 0px;
	text-align: justify;
}

#leftBarHaut .article .post .texte02 {
	clear: both;
	font-family: Verdana, Arial;
	font-size: 10px;
	color: #666666;
	margin: 0px 0px 10px 0px;
	text-align: justify;
}

#leftBarHaut .article .post .imgGauche {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}

#leftBarHaut .article .post .imgDroite {
	float: right;
	margin-left: 10px;
	margin-bottom: 5px;
}

#leftBarHaut .article .post .imgCentre {
	margin-top: 15px;
	margin-bottom: 10px;
}

#leftBarHaut .article .post a {
	color: #599FDA;
}

#leftBarHaut .article .post a:hover {
	color:#185585;
}

#leftBarHaut .article .finArticle {
	clear: both;
	border-bottom: 1px dashed #195387;
}


/*-------------------- Objet mediatheque */

#leftBarHaut .article .post ul.media {
	clear: both;
	text-align: right;
	margin-top: 15px;
	margin-bottom: 5px;
}

#leftBarHaut .article .post ul.media li {
	font-family: Verdana;
	font-size: 0.6em;
	list-style-type: none;
}

#leftBarHaut .article .post ul.media img {
	margin-left: 2px;
	vertical-align: middle;
}

#leftBarHaut .article .post ul.media li a {
	color: #333333;
	text-decoration: none;
}

#leftBarHaut .article .post ul.media li a:hover {
	color: #999999;
}


/*-------------------- Requête TIF fixe */

#leftBarHaut .article .post ul.tifFixe {
	clear: both;
	border: 1px solid #93B5CC;
	margin: 15px 0px 5px 0px;
	padding: 3px 0px 3px 5px;
	background-color: #A5D3F6;
}

#leftBarHaut .article .post ul.tifFixe li {
	font-family: Verdana;
	font-size: 0.6em;
	list-style-type: none;
}

#leftBarHaut .article .post ul.tifFixe img {
	margin-right: 2px;
	vertical-align: middle;
}

#leftBarHaut .article .post ul.tifFixe li a {
	color: #000000;
	text-decoration: none;
}

#leftBarHaut .article .post ul.tifFixe li a:hover {
	color: #285673;
}


/* ---------------------------------------------------------
   ARTICLE GAUCHE HAUT : MODE RESUME
--------------------------------------------------------- */

#leftBarHaut .articleResume {
	clear: both;
	border: 1px solid #fff;
	padding: 5px;
	margin: 0px 0px 10px 0px;
	background-color:#D1AF99;
}

#leftBarHaut .articleResume .titre {
	margin-bottom: 7px;	
}

#leftBarHaut .articleResume .titre h3 {
	color: #fff;
	font-size: 12px;
	font-family: Verdana;
	font-weight: normal;
	display: inline;
	line-height: 15px;
}

#leftBarHaut .articleResume .titre h4 {
	color: #666666;
	text-indent: 10px;
	font-size: 12px;
	font-family: Verdana;
	font-weight: normal;
	display: inline;
}

#leftBarHaut .articleResume .titre a {
	color: #fff;
	text-decoration: none;
}

#leftBarHaut .articleResume .titre a:hover {
	color: #FC790E;
	text-decoration: none;
}

#leftBarHaut .articleResume .post {
}

#leftBarHaut .articleResume .post .texteResume {
	clear: both;
	font-family: Verdana, Arial;
	font-size: 10px;
	color: #fff;
	margin: 0px 0px 10px 0px;
	text-align: justify;
}

#leftBarHaut .articleResume .post .imgGauche {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}

#leftBarHaut .articleResume .post .imgDroite {
	float: right;
	margin-left: 10px;
	margin-bottom: 5px;
}

#leftBarHaut .articleResume .post .imgCentre {
	margin-top: 15px;
	margin-bottom: 10px;
}

#leftBarHaut .articleResume .post a {
	color: #666666;
}

#leftBarHaut .articleResume .post a:hover {
	color:#333333;
}

#leftBarHaut .articleResume .finArticle {
	clear: both;
}


/*-------------------- Bouton Resume */

#leftBarHaut .articleResume .post .flipResume,
#leftBarHaut .article .post .flipResume {
	clear: both;
	font-family: Verdana, Arial;
	font-size: 10px;
	float: left;
	padding: 1px 2px 0px 2px;
	margin-bottom: 5px;
	
}

#leftBarHaut .articleResume .post .flipResume a,
#leftBarHaut .article .post .flipResume a {
	color: #666666;
	text-decoration: none;
}

#leftBarHaut .articleResume .post .flipResume a:hover,
#leftBarHaut .article .post .flipResume a:hover {
	color: #333333;
}


/* ------------------------------------------------------ */

/* ARTICLE GAUCHE BAS */

/* ------------------------------------------------------ */


/* ---------------------------------------------------------
   ARTICLE GAUCHE BAS : MODE STANDARD
--------------------------------------------------------- */

#leftBarBas .article {
	clear: both;
	margin-bottom: 10px;
}

#leftBarBas .article .titre {
	margin-bottom: 7px;
}

#leftBarBas .article .titre h3 {
	color: #94BD4C;
	font-size: 12px;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-weight: bold;
	display: inline;
	line-height: 15px;
}

#leftBarBas .article .titre h4 {
	color: #666666;
	text-indent: 10px;
	font-size: 12px;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-weight: bold;
	display: inline;
}

#leftBarBas .article .titre a {
	color: #000;
	text-decoration: none;
}

#leftBarBas .article .titre a:hover {
	color: #FC790E;
	text-decoration: none;
}

#leftBarBas .article .post {
}

#leftBarBas .article .post .texte01 {
	clear: both;
	font-family: Verdana, Arial;
	font-size: 10px;
	color: #666666;
	margin: 0px 0px 10px 0px;
	text-align: justify;
}

#leftBarBas .article .post .texte02 {
	clear: both;
	font-family: Verdana, Arial;
	font-size: 10px;
	color: #FC790E;
	margin: 0px 0px 10px 0px;
	text-align: justify;
}

#leftBarBas .article .post .imgGauche {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}

#leftBarBas .article .post .imgDroite {
	float: right;
	margin-left: 10px;
	margin-bottom: 5px;
}

#leftBarBas .article .post .imgCentre {
	margin-top: 15px;
	margin-bottom: 10px;
}

#leftBarBas .article .post a {
	color: #94BD4C;
}

#leftBarBas .article .post a:hover {
	color:#6D8A38;
}

#leftBarBas .article .finArticle {
	clear: both;
	border-bottom: 1px dashed #FFFFFF;
}


/*-------------------- Objet mediatheque */

#leftBarBas .article .post ul.media {
	clear: both;
	text-align: right;
	margin-top: 15px;
	margin-bottom: 5px;
}

#leftBarBas .article .post ul.media li {
	font-family: Verdana;
	font-size: 0.6em;
	list-style-type: none;
}

#leftBarBas .article .post ul.media img {
	margin-left: 2px;
	vertical-align: middle;
}

#leftBarBas .article .post ul.media li a {
	color: #000;
	text-decoration: none;
}

#leftBarBas .article .post ul.media li a:hover {
	color: #FC790E;
}


/*-------------------- Requête TIF fixe */

#leftBarBas .article .post ul.tifFixe {
	clear: both;
	border: 1px solid #93B5CC;
	margin: 15px 0px 5px 0px;
	padding: 3px 0px 3px 5px;
	background-color: #A5D3F6;
}

#leftBarBas .article .post ul.tifFixe li {
	font-family: Verdana;
	font-size: 0.6em;
	list-style-type: none;
}

#leftBarBas .article .post ul.tifFixe img {
	margin-right: 2px;
	vertical-align: middle;
}

#leftBarBas .article .post ul.tifFixe li a {
	color: #000000;
	text-decoration: none;
}

#leftBarBas .article .post ul.tifFixe li a:hover {
	color: #285673;
}


/* ---------------------------------------------------------
   ARTICLE GAUCHE BAS : MODE RESUME
--------------------------------------------------------- */

#leftBarBas .articleResume {
	clear: both;
	border: 1px solid #FFF;
	padding: 5px;
}

#leftBarBas .articleResume .titre {
	margin-bottom: 7px;	
	border-bottom: 8px solid #007CB9;
}

#leftBarBas .articleResume .titre h3 {
	color: #000;
	font-size: 12px;
	font-family: Verdana;
	font-weight: bold;
	display: inline;
	line-height: 15px;
}

#leftBarBas .articleResume .titre h4 {
	color: #195387;
	text-indent: 10px;
	font-size: 12px;
	font-family: Verdana;
	font-weight: bold;
	display: inline;
}

#leftBarBas .articleResume .titre a {
	color: #000;
	text-decoration: none;
}

#leftBarBas .articleResume .titre a:hover {
	color: #FC790E;
	text-decoration: none;
}

#leftBarBas .articleResume .post {
}

#leftBarBas .articleResume .post .texteResume {
	clear: both;
	font-family: Verdana, Arial;
	font-size: 10px;
	color: #A09076;
	margin: 0px 0px 10px 0px;
	text-align: justify;
}

#leftBarBas .articleResume .post .imgGauche {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}

#leftBarBas .articleResume .post .imgDroite {
	float: right;
	margin-left: 10px;
	margin-bottom: 5px;
}

#leftBarBas .articleResume .post .imgCentre {
	margin-top: 15px;
	margin-bottom: 10px;
}

#leftBarBas .articleResume .post a {
	color: #000;
}

#leftBarBas .articleResume .post a:hover {
	color:#FC790E;
}

#leftBarBas .articleResume .finArticle {
	clear: both;
}


/*-------------------- Bouton Resume */

#leftBarBas .articleResume .post .flipResume,
#leftBarBas .article .post .flipResume {
	clear: both;
	font-family: Verdana;
	font-size: 10px;
	float: left;
	border: 1px solid #A09076;
	padding: 1px 2px 0px 2px;
	margin-bottom: 5px;
}

#leftBarBas .articleResume .post .flipResume a,
#leftBarBas .article .post .flipResume a {
	color: #000;
	text-decoration: none;
}

#leftBarBas .articleResume .post .flipResume a:hover,
#leftBarBas .article .post .flipResume a:hover {
	color: #A09076;
}




/* ------------------------------------------------------ */

/* ARTICLE DROITE */

/* ------------------------------------------------------ */


/* ---------------------------------------------------------
   ARTICLE DROITE : MODE STANDARD
--------------------------------------------------------- */

#rightBar .article {
	clear: both;
	margin-bottom: 10px;
}

#rightBar .article .titre {
	margin-bottom: 7px;
}

#rightBar .article .titre h3 {
	color: #D7004B;
	font-size: 12px;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-weight: bold;
	display: inline;
	line-height: 15px;
}

#rightBar .article .titre h4 {
	color: #737373;
	text-indent: 10px;
	font-size: 12px;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-weight: bold;
	display: inline;
}

#rightBar .article .titre a {
	color: #000;
	text-decoration: none;
}

#rightBar .article .titre a:hover {
	color: #FC790E;
	text-decoration: none;
}

#rightBar .article .post {
}

#rightBar .article .post .texte01 {
	clear: both;
	font-family: Verdana, Arial;
	font-size: 10px;
	color: #666666;
	margin: 0px 0px 10px 0px;
	text-align: justify;
}

#rightBar .article .post .texte02 {
	clear: both;
	font-family: Verdana, Arial;
	font-size: 10px;
	color: #666666;
	margin: 0px 0px 10px 0px;
	text-align: justify;
}

#rightBar .article .post .imgGauche {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}

#rightBar .article .post .imgDroite {
	float: right;
	margin-left: 10px;
	margin-bottom: 5px;
}

#rightBar .article .post .imgCentre {
	margin-top: 15px;
	margin-bottom: 10px;
}

#rightBar .article .post a {
	color: #D7004B;
}

#rightBar .article .post a:hover {
	color:#F2AAC3;
}

#rightBar .article .finArticle {
	clear: both;
	border-bottom: 1px dashed #195387;
}


/*-------------------- Objet mediatheque */

#rightBar .article .post ul.media {
	clear: both;
	text-align: right;
	margin-top: 15px;
	margin-bottom: 5px;
}

#rightBar .article .post ul.media li {
	font-family: Verdana;
	font-size: 0.6em;
	list-style-type: none;
}

#rightBar .article .post ul.media img {
	margin-left: 2px;
	vertical-align: middle;
}

#rightBar .article .post ul.media li a {
	color: #333333;
	text-decoration: none;
}

#rightBar .article .post ul.media li a:hover {
	color: #999999;
}


/*-------------------- Requête TIF fixe */

#rightBar .article .post ul.tifFixe {
	clear: both;
	border: 1px solid #C293A3;
	margin: 15px 0px 5px 0px;
	padding: 3px 0px 3px 5px;
	background-color: #F2AAC3;
}

#rightBar .article .post ul.tifFixe li {
	font-family: Verdana, Arial;
	font-size: 0.6em;
	list-style-type: none;
}

#rightBar .article .post ul.tifFixe img {
	margin-right: 2px;
	vertical-align: middle;
}

#rightBar .article .post ul.tifFixe li a {
	color: #000;
	text-decoration: none;
}

#rightBar .article .post ul.tifFixe li a:hover {
	color: #8C5064;
}


/* ---------------------------------------------------------
   ARTICLE DROITE : MODE RESUME
--------------------------------------------------------- */

#rightBar .articleResume {
	clear: both;
	border: 1px solid #000000;
	padding: 5px;
}

#rightBar .articleResume .titre {
	margin-bottom: 7px;
}

#rightBar .articleResume .titre h3 {
	color: #E0A525;
	font-size: 12px;
	font-family: "Trebuchet MS", Verdana, Arial;
	display: inline;
	line-height: 15px;
}

#rightBar .articleResume .titre h4 {
	color: #666666;
	text-indent: 10px;
	font-size: 12px;
	font-family: "Trebuchet MS", Verdana, Arial;
	display: inline;
}

#rightBar .articleResume .titre a {
	color: #000;
	text-decoration: none;
}

#rightBar .articleResume .titre a:hover {
	color: #FC790E;
	text-decoration: none;
}

#rightBar .articleResume .post {
}

#rightBar .articleResume .post .texteResume {
	clear: both;
	font-family: Verdana, Arial;
	font-size: 10px;
	color: #666666;
	margin: 0px 0px 10px 0px;
	text-align: justify;
}

#rightBar .articleResume .post .imgGauche {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}

#rightBar .articleResume .post .imgDroite {
	float: right;
	margin-left: 10px;
	margin-bottom: 5px;
}

#rightBar .articleResume .post .imgCentre {
	margin-top: 15px;
	margin-bottom: 10px;
}

#rightBar .articleResume .post a {
	color: #666666;
}

#rightBar .articleResume .post a:hover {
	color:#999999;
}

#rightBar .articleResume .finArticle {
	clear: both;
}


/*-------------------- Bouton Resume */

#rightBar .articleResume .post .flipResume,
#rightBar .article .post .flipResume {
	clear: both;
	font-family: Verdana;
	font-size: 10px;
	float: left;
	padding: 1px 2px 0px 2px;
	margin-bottom: 5px;
}

#rightBar .articleResume .post .flipResume a,
#rightBar .article .post .flipResume a {
	color: #666666;
	text-decoration: none;
}

#rightBar .articleResume .post .flipResume a:hover,
#rightBar .article .post .flipResume a:hover {
	color: #999999;
}