body {
	background-color: #f4f4f4;
	/* background-image: url(images/fond-photo.jpg);*/
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	/*font: 1em/17px georgia,'palatino linotype',palatino,'times new roman',times,serif;*/
	
	background-image: url(images/bg.png);
	
	font: 1em/17px;
	font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2",serif;
	
	margin: 0;
}

div#body {
	background-position: center;
	background-repeat: repeat-y;
	background-image: url(images/background.png);
}

.container {
	background-color: #fff;
}

/* entete */
#entete {
	height: 110px;
}

#entete h1 {
	margin-top: 2px;
	
	height: 100px;
	
	background-image: url(images/titre.png);
	width: 440px;
	display: block;
}

#entete h1 a {
	display: block;
	height: 100px;
	
	background-position: center top;
	background-repeat: no-repeat;
}

#entete h1 a span {
	display: none;
}

p#baseline {
	font-style: italic;
	color: #af0101;
	font-size: 11px;
	font-family: sans-serif;
	margin-top: 62px;
	margin-left: 90px;
	width: 340px;
	display: none;
}

/* fin entete */

div.pave-blanc {
	margin-bottom: 5px;
	margin-top: 5px;
}

div.avertissement {
	font-size: 1.2em;
	font-style: italic;
	border-color: #ff3009;
	border-style: dotted;
	margin: 5px;
	padding: 3px;
	border-width: 1px;
	background-color: yellow;
}

div.unArticle {
	border-color: #e3e3e3;
	border-style: solid;
	border-bottom-width: 1px;
	font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2",serif;
}

#contenu div#ps {

	padding: 3px;

	background-color: #ececec;

	border-bottom-color: #e5e5e5;

	border-top-color: #ababab;

	border-bottom-width: 1px;

	border-top-width: 2px;

	border-top-style: double;

}

#contenu h2 {
	font-weight: bold;
	letter-spacing: 1px;
	word-spacing: 1px;
	font-size: 2.5em;
	font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2",serif;
	line-height: 1.1em;
	margin-top: 0px;
}

div#contenu {
	line-height: 1.5em;
	font-size: 1.2em;
	margin-top: 10px;
	font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2",serif;
}

#contenu p#surtitre {
	margin-bottom: 2px;
	font-weight: bold;
}

#contenu div#chapo {
	word-spacing: -1px;
	font-style: normal;
	font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2",serif;
	line-height: 150%;
	font-size: 1.5em;
	font-weight: normal;
	color: #676767;
	text-align: left;
	padding-right: 15px;
}

#contenu div#logo {
	margin-bottom: 3px;
	margin-top: 3px;
}

#contenu div#logo img {
	border-color: #e4e4e4;
	border-width: 1px;
	border-style: solid;
}

#contenu div#legendelogo {
	font-size: 0.8em;
}

#contenu div#texteArticle p {
	text-align: justify;
	padding-right: 15px;

}

/*  ------------------------------------------
/*  Habillage des forums
/*  ------------------------------------------ */

.forum-repondre, .forum-decompte {
	clear: both;
	margin-top: 2.5em;
	padding-top: 2px;
	border-top: 2px solid #CCC;
	font-size: 0.88em;
	font-weight: bold; }

/* * Habillage des forums */
ul.forum { display: block; clear: both; margin: 0; padding: 0; }
ul.forum, ul.forum ul { list-style: none; }
.forum-fil { margin-top: 1.5em; }
.forum-fil ul { display: block; margin: 0; padding: 0; margin-left: 1em; }
.forum-chapo .forum-titre, .forum-chapo .forum-titre a { display: block; margin: 0; padding: 0; font-weight: bold; text-decoration: none; color: #333; }
.forum-chapo small {}
.forum-texte { margin: 0; padding: 0.5em 1em 0 1em; color: #333; font-size: 0.82em; }
.forum-texte .forum-lien {}
.forum-texte .forum-repondre-message { margin: 0; padding: 1px 0; text-align: right; }

/* Boite d'un forum : eclaircissement progressif des bords */
ul .forum-message { border: 1px solid #666; margin: 0; padding: 0; margin-bottom: 1em; }
ul ul .forum-message { border: 1px solid #A4A4A4; }
ul ul ul .forum-message { border: 1px solid #B8B8B8; }
ul ul ul ul .forum-message { border: 1px solid #CCC; }
ul ul ul ul ul .forum-message { border: 1px solid #E0E0E0; }
ul ul ul ul ul ul .forum-message { border: 1px dotted #E0E0E0; }

/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */
ul .forum-chapo { border: none; border-bottom: 1px dotted #B8B8B8; margin: 0; padding: 3px 6px 2px 6px; font-size: 0.88em; background: #C4E0E0; }
ul ul .forum-chapo { background: #D4E8E8; }
ul ul ul .forum-chapo { background: #E4F0F0; }
ul ul ul ul .forum-chapo { background: #F4F8F8; border-bottom: 1px dotted #E0E0E0; }
ul ul ul ul ul .forum-chapo { background: #FFF; }


/* Meteo */

#meteo-accueil {


}

#meteo-accueil .icone {
	float: left;

}

#meteo-accueil div.t_reelle {
	float: left;
	color: #333333;
	font-size: 33px;
	font-weight: bold;
	margin: 20px 0 0 15px;
}

/* Fin meteo */

.formulaire_humeurs {}
.formulaire_humeurs div.rating-cancel,
.formulaire_humeurs div.star-rating {margin-bottom:2px;}
.formulaire_humeurs .note {margin:0 5px;}
.formulaire_humeurs .reponse_formulaire {clear:left;margin:0;font-size:90%;padding:3px 3px 0;}
.formulaire_humeurs form div {clear:left;}

.formulaire_humeurs form .submit {border:0;background:0;padding:1px 0;cursor:pointer;}
.formulaire_humeurs form .submit:hover {font-weight:bold;}


#humeurs {
text-align: center;
font-size: 15px;
}

#humeurs p {
	margin: 6px 0;
	/*border-bottom: 1px solid lightgray;*/
}

#humeurs span.pc {
	font-weight: bolder;
	font-size: 16px;
}

#humeurs .furieux {color: #981921;}
#humeurs .triste {color: #86bff0;}
#humeurs .ennuye {color: #4c2ca5;}
#humeurs .intrigue {color: #5fa31c;}
#humeurs .excite {color: #d62322;}
#humeurs .amuse {color: #e3a636;}

humeursAccueil span {
	font-weight: bold;
}
#humeursAccueil .furieux {color: #981921;}
#humeursAccueil .triste {color: #86bff0;}
#humeursAccueil .ennuye {color: #4c2ca5;}
#humeursAccueil .intrigue {color: #5fa31c;}
#humeursAccueil .excite {color: #d62322;}
#humeursAccueil .amuse {color: #e3a636;}

/* Page sommaire */

div#zoneUne {

	background-repeat: repeat;
	background-image: url(images/bgGradientLines.gif);

}


img.spip-une-gauche {
	float: left;
	margin-right: 5px;
}

img.spip-une-droite {
	float: right;
	margin-left: 5px;
}

img.spip-une {
	margin: 2px 0px;
}

div#BlocUne {
	margin-right: 5px;
	padding-left: 5px;
	padding-top: 0px;
	border: none;
	background-color: #fefef4;
	padding-bottom: 20px;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-image: url(images/uneShadow.jpg);
	height: 330px;

}


div#articleUne {
	font-size: 1.5em;
	text-align: left;
}

div#articleUne h3 {
	
	line-height: 1.3em;
	
	margin-left: 5px;
	
	margin-bottom: 0px;
	
	margin-right: 0px;
	
	margin-top: 0px;
	
	font-weight: bold;
	text-align: left;
	
}

div#articleUne a {
	line-height: 1.3em;
	text-decoration: none;
	color: #2e2e2e;
}

div#articleUne p {
	text-align: justify;
	margin: 5px;
}

div.ArticleUneSuite {
	margin-bottom: 5px;
}

div.ArticleUneSuite h3 {
	margin: 0px;
}

div.ArticleUneSuite p {
	text-align: justify;
	margin: 5px;
}

div.unArticle p {
	text-align: justify;
	font-size: 1.2em;
}

div.unArticle h4 {
	margin-top: 0px;

}

div.unArticle p.surtitre {
	margin: 0;
}

#listeAutresArticles {

}

#listeAutresArticles a.titre {
	font-size: 1.3em;
	font-weight: bold;
}

div.ArticleUneSuite img.logo, div.actu-suite img.spip_logos {
color: #dfdfdf;
-moz-box-shadow: 3px 3px 4px #dfdfdf;
-webkit-box-shadow: 3px 3px 4px #dfdfdf;
box-shadow: 3px 3px 4px #dfdfdf;
}

div.ArticleUneSuite a:hover img.logo {
    -moz-transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
}

/*  ------------------------------------------
/*  Habillage de Noel
/*  ------------------------------------------ */

div#noel {
	
	padding-left: 2px;
	
	padding-bottom: 15px;
	
	padding-right: 2px;
	
	padding-top: 2px;
	
	background-position: left bottom;
	
	background-image: url(images/fond-noel.jpg);
	
	border-color: #660f1c;
	
	border-width: 1px;
	
	border-style: solid;
	
	color: white;
	
	background-color: #931c0a;
	
}

div#noel a {
	background-image: none;
	color: white;
}

div#noel div.image {
	text-align: justify;
	background-color: white;
}

div#noel h3 a, div#noel h4 a {
	margin: 0px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
}

div#noel p {
	margin: 1px;
}

div#noel a:hover {
	text-decoration: underline;
}

/* Page d'accueil */

div#articleUne h3 {
	font-size: 1.5em;
	margin-left: 0px;
}

div#articleUne {
	text-align: justify;
}

div#articleUne h3 a:hover {
	text-decoration: underline;
}

div.ArticleUneSuite a {
	color: black;
	text-decoration: none;
}

div.ArticleUneSuite a:hover {
	text-decoration: underline;
}

div.unArticle a {
	color: black;
	text-decoration: none;
}

div.unArticle a:hover {
	text-decoration: underline;
}

div.unArticle h4 {
	font-size: 1.4em;
}

div.unArticle img.spip_logos {
	margin-right: 5px;
}

/*---------------------- */
/* Stylage des listes articles */

ul.listeArticlesArchives {


}

/* Listes d'articles et extraits introductifs */
.articles ul li { margin-left: 0px; margin-right: 0px; list-style-type: none; clear: both; padding: 0.40em 0.20em; }
.articles ul li h3 { margin: 0.30em 0; font-size: 1.2em; }
.articles .spip_logos { float: right; clear: right; margin: 0 0 4px 16px; }
.articles ul li .enclosures { float: right; text-align: right; max-width: 60%; margin: 0; }
.articles ul li .introduction { margin-top: 0.30em; line-height: 1.40em; }
.articles ul li p { margin: 0;}
.articles ul { margin-left: 0px; }
.articles ul li h3 a { color: black; text-decoration: none; }
.articles ul li a:hover { text-decoration: underline; }
.articles ul li img.logo{ float: left;}


div#BandeauPubHaut { text-align: center; margin: 5px; }

.comments-ul {border-bottom:1px dotted #DEE0C8;}
.comments-ul li {list-style-type: none;}
.comments-ul .comment-li img.avatar {position:static;float:left;margin-left:-20px;margin-top:-1em;}
.comments-ul .comment-li .comment-meta{line-height:normal;}
.comments-ul .comment-li .comment-meta a.permalink{float:right;display:block;border:0;text-decoration:none;font-size:2.2em;font-weight:bold;line-height:1em;vertical-align:middle;color:#C4B797;color:#DDE6CF;}
.comments-ul .comment-li .comment-meta a.permalink:hover{color:#330;color:#93BF35;}
.comments-ul .comment-li .comment-meta a.permalink .sep{display:none;}
.comments-ul .comment-li .comment-meta abbr{border:0;font-variant:normal;}
.comments-ul .comment-li .comment-meta strong{color:#330;}
.comments-ul .comment-li .comment-doc{display:none;}

/* Le Mag */

div#masonry div.post-block {
    width: 190px;
    float: left;
    min-height: 200px;
    border: none;
    padding: 0px;
    
    background: -moz-linear-gradient(top, #F7F7F7 0%, #F7F7F7 56%, #F0F0F0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F7F7F7), color-stop(56%,#F7F7F7), color-stop(100%,#F0F0F0));
	background: -webkit-linear-gradient(top, #F7F7F7 0%,#F7F7F7 56%,f0f0f0 100%);
	background-color: #F3F3F3;
	margin: 5px;
	border: none;
  }
  
div#masonry div#post-block-debat{
	background: -moz-linear-gradient(19% 75% 90deg,#E1C2C2, #FAFAFA);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E1C2C2), to(#FAFAFA), color-stop(1,#333333));
}

div#masonry div.une {
	width: 600px;
	float: left;
}

div#masonry div.une h3 {
	font-size: 18px;
	margin-top: 2px;
}

div#masonry div.une p {
	font-size: 16px;
	margin-top: 2px
	font-weight: bold;
}

div#masonry div.post-block h3 {
	font-size: 14px;
    padding: 0 3px 7px 3px;

}

div#masonry div.post-block a {
      display: block;
      font-size: 12px;
      color: black;
      text-decoration: none;
    }

div#masonry .post-block p {
        padding: 0 3px 7px 3px;
        font-size: 12px;
        line-height: 16px;
       /* margin-top: -8px;*/
      }

div#masonry .post-block a:hover {
	color: Red;

}

div.ombreUne hr {
	display: none;
}

h2.TitreUne {
	margin-left: 0px;
	margin-bottom: 10px;
	margin-right: 0px;
	margin-top: 15px;
	padding-bottom: 7px;
	padding-top: 10px;
	border-bottom-color: #e7e7e7;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-top-color: black;
	border-top-width: 3px;
	border-top-style: solid;
}

h2.TitreActus {
	border-top-style: none;
}

div.sansbordurebas {
	border-bottom-style: none;
}

div.logoTV {
	display: none;
}

div#UneASM{
	color: #0d1b34;
	background-image: url(images/UneASM.jpg);
}

div#UneASM li{
	margin-right: 20px;
	margin-top: 10px;
	height: 70px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom-color: #112241;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	font-size: 13px;
	list-style-position: inside;
	list-style-type: none;
}

div#UneASM li img{
	margin-right: 5px;
}

div#UneASM li a{
	font-weight: bold;
	color: #10203d;
}

div#liensSociaux {
	margin-bottom: 10px;
	margin-top: 10px;
	font-size: 1.2em;	
}

/* portfolios */

div#AutresPhotosPortfolio img.spip_logos {
 border: 1px solid Black
 float: left;
 margin-right: 4px;
 margin-bottom: 4px;
}

/* Relookage pubs */

	#ad_code468 {
		width:488px;
		text-align:center;
		background:#FFFFFF url(images/pubs/papers468.png) center center no-repeat;
		padding:8px 11px 16px 10px;
		}

	div#AlerteCommunique {
			text-align: left;
			font-style: italic;
			font-size: 0.8em;
			background-color: #fffbd4;
		}


/* vigilance mŽtŽo */
div#AlerteMeteo {
	padding: 5px 5px 5px 5px;
	margin-bottom: 10px;
	min-height: 50px;
}

div#AlerteMeteo img {
	margin-right: 10px;
}

div#AlerteMeteo h4 {
	line-height: 100%;
	padding-top: 0px;
	margin-top: 0px;
}

div.vOrange {
	background: #f8b82e;
	
}

/* Photos */
div.unePhotoDiapo {

	margin-bottom: 5px;

	padding: 2px;

	background-color: black;

	color: white;

}

div.unePhotoDiapo p {
margin: 0;
margin-left: 10px;
}
div.unePhotoDiapo a {
	color: white;
	font-size: 150%
	font-weight: bold;
}

/* Fin photos */

/* Effet sur le menu */

#chapo p {
margin: 0;
}

div.introFacebook{

	width: 450px;

	border-width: 1px;

	border-color: red;

	border-style: dashed;

	margin: 10px;

	padding: 2px;

	background-color: #efea5f;

}

div#twitter {
	padding-top: 5px;
	padding-left: 30px;
	background-image: url(images/bandeau-twitter.png);
	background-position: left top;
	background-repeat: no-repeat;
}

div#twitter div#tweets ul li {
	list-style-position: inside;
	list-style-type: none;
	font-style: none;
	Font-size: 15px;
}

h2.sousRubrique {
	
	padding-left: 3px;
	
	padding-bottom: 8px;
	
	padding-right: 3px;
	
	padding-top: 3px;
	
	border-top-color: #a3a3a3;
	
	border-top-width: 2px;
	
	border-top-style: solid;
	
	background-color: #dddddd;
	
}