/*
Cette feuille de style contient les �l�ments graphiques particuliers de chaque encadr�s :
1./ PAGES
	1.1 Sommaire (vers ligne 20)
	1.2 Article (vers ligne 450)
	1.3 Archives (vers ligne 520)
	1.4 Liste d'articles (pages type rubriques ou mots) (vers ligne 630)
	1.5 Forum (vers ligne 820)
	1.6 Signatures de p�titions (vers lignes 1020)
	1.7 Page recherche (vers ligne 1060)
	1.8 Plan du site, page liens et page 404 (vers ligne 1070)
	1.9 Pages des unes  (vers ligne 1230)
	1.10 F�te de l'Huma (vers ligne 1260)
2./ COLONNE DE DROITE (vers ligne 1450)
*/

/* //////////////// PAGES /////////////// */

/* ============ PAGE SOMMAIRE ============= */

/*-------------- L'humanit� des d�bats --------------*/

#humadebat {	
	width:707px;

	text-align:left;
	color:#675753;
}

#humadebat a, #humadebat div {
	color:#675753;
	display:block;
	float:left;
}

#humadebat a:hover {

}

#humadebat .logo {
	height:55px;
}

#humadebat .participer {
	width:250px;
	border-right: 1px solid #fff;
	height: 55px;
}

#humadebat	.tit {
	padding: 12px 0 0 20px;
	font: bold 1.1em/80% Arial, Helvetica, sans-serif;
}

#humadebat .soustit {
	padding: 0 0 0 20px;
	font: 1.1em Arial, Helvetica, sans-serif;
}

#humadebat .lirelasuite {
	margin: 15px 0 0 25px;
	padding: 2px 5px 2px 20px;
	border: 1px solid #c0bbb8;
	font: bold .9em Arial, Helvetica, sans-serif;
	background: url(/squelettes/icono/puce_blancsurgris.gif) no-repeat 3px 3px;
}

#humadebat .lirelasuite:hover {
	background: #fff url(/squelettes/icono/puce_blancsurgris.gif) no-repeat 3px 3px;
}

#themesforum {
	width:707px;
	background-color:#EDEAE8;
	text-align:left;
	color:#675753;
	margin: 10px 0 0;
	padding:4px 4px 5px;
}

#themesforum div {
	display : block;
	overflow:hidden;
	zoom:1;
	float:left;
	color:#675753;
	width:176px;
}

#themesforum div a{
	width:150px;
	display : block;
	zoom:1;
	float:left;
	color:#675753;
}

#themesforum a:hover {
color: #BE1D22;
}

#themesforum div .surtit{
	padding: 5px 0 5px 10px;
	font: bold 1.1em Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	background: url(/squelettes/icono/puce_blancsurgris.gif) no-repeat 143px 5px;
}

#themesforum div .tit{
	font: .85em Arial, Helvetica, sans-serif;
	background:#fff;
	text-align:left;
	padding:8px 10px;
	height:30px;
}

/*-------------- Aujourd'hui Huma --------------*/

#aujourdhui, #hd {
	background: url(/squelettes/icono/deg_aujourdhui.gif) repeat-y;
	width:406px;
	color:#5c514e;
	text-align:left;
	height: 412px;
	font-size: 1em;
	display:block;
	overflow:hidden;
	zoom:1;
	float:left;
}

#aujourdhuma { width:414px;}

#aujourdhuma .debut {
	display:block;
	overflow:hidden;
	zoom:1;
	float:left;
	width:100%;
	height:26px;
	background: #f51e24 url(/squelettes/icono/logotibandeau.gif) no-repeat 10px bottom;
	*background: #f51e24 url(/squelettes/icono/logotibandeau.gif) no-repeat 10px 6px;
}

#aujourdhuma .debut font {
	display:block;
	float:left;
	background: #675953 url(/squelettes/icono/deg_auhourdhuma.gif) repeat-y right 0;
	margin: 0 0 0 120px; _margin: 0 0 0 60px;
	width:320px;
	font: bold .9em Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:left;
	padding: 7px 0 0 14px;
	border-top: 6px solid #675953;
	height: 23px;
}

#aujourdhuma .col1, #humadimanche .col1{
	display:block;
	float:left;
	width:279px;
	padding: 10px 9px;
}

#aujourdhui .cnt p {	font-size:1em; }

#aujourdhui a.gras {
	display:block;
	line-height:130%;
}

#aujourdhuma .col2, #humadimanche .col2{
	display:block;
	overflow:hidden;
	float:left;
	width:98px;
	padding: 12px 0px 5px;
	font-size: .8em;
	width: 117px;
}

#aujourdhuma .une { padding: 0 0 0 7px; }

.col2 .telecharger {
	display:block;
	font-size:1.1em; *font-size: .8em;
	color: #796B65;
	background: #DEDBD9;
	text-align:center;
	margin:160px 0 0px ;
	padding: 6px 5px;
	width: 100px;
	border: 1px solid #fff;
}

.col2 .telecharger:hover{	text-decoration:underline; }

.col2 .lirelasuite {
	display:block;
	width : 150px;
	padding: 12px 5px 6px 35px;
	background: url(/squelettes/icono/puce_blancsurgris.gif) no-repeat 20px 12px;
}

.col2 .textesuite {
	display:block;
	padding: 0px 0px 0px 5px; *padding: 0px 5px 0px 5px;
	font: 1.1em Arial, Helvetica, sans-serif; *font: .9em Arial, Helvetica, sans-serif;
	color:#5C514E;
	height:12px;
	width:4em;
}

.col2 a:hover .textesuite{ 	background:#fff;}

/*-------------- l'Huma Dimanche --------------*/

#hd {
	background: url(/squelettes/icono/deg_hd.gif) repeat-y;
	width:275px;
	margin-left:10px;
}

#humadimanche {	width:282px;}

#humadimanche .debut{
	display:block;
	padding : 0 20px 10px 50px;
	line-height : 90%;
	font-weight: normal;
	font-size : .99em;
}

#humadimanche .col1{
	width:183px;
	padding: 9px 5px 10px 12px;
	background: url(/squelettes/icono/logo_HD.gif) no-repeat 0 0px;
}

#humadimanche a.gras {
	display:block;
	padding: 5px 0 0;
	font: bold .82em/135% Arial, Helvetica, sans-serif;
}

#humadimanche .col2{
	padding: 12px 0px 5px ;
	width:81px;
}

#humadimanche .telecharger{
	margin:210px 0 0px ;
	padding: 6px 0;
	width: 77px;
}

#humadimanche .col2 .date, #humadimanche .col2 .une{
	display:block;
	padding: 7px 0px 4px 3px; *padding-left:4px;
	font-size: 1.1em; *font-size: .8em;
	text-align:center;
	width:71px;
}

#humadimanche .col2 .lirelasuite{
	color: #5C514E;
	width : 150px;
	padding: 11px 5px 2px 23px;
	background: url(/squelettes/icono/puce_blancsurgris.gif) no-repeat 8px 11px;
}

/*-------------- Archives --------------*/

#archives {	
	width:129px;
	padding: 10px 0 5px;
	color: #5c514e;
	font:  bold 1em Arial, Helvetica, sans-serif;	
	text-align: left;
	background: #eeedec url(/squelettes/icono/deg_archive.gif) repeat-x bottom;
}

#archives #pub3 {
	padding: 10px 0 0 5px;
}

#archives a, #FeteCol1 a {	
	color: #5c514e;
	display:block;
	width:100%;
	padding: 0 0 10px;
	font: bold 1.3em/70% Arial, Helvetica, sans-serif;
}

#archives a img, #FeteCol1 a img {	
	padding: 0 0 5px;
}

#archives a:hover, #FeteCol1 a:hover {	
	color: #ee1c23;
}

#archives .debut, #FeteCol1 .debut{
	display:block;
	overflow:hidden;
	zoom:1;
	width:119px;
	padding: 7px 0 13px 10px;
	background: #fff;
	font: bold .85em/90% Arial, Helvetica, sans-serif;
}

#archives .debut h3, #FeteCol1 .debut h3 {
	display:block;
	background: #fff;
	padding: 5px 0;
	font: normal 1.3em/90% Arial, Helvetica, sans-serif;
}

#FeteCol1 h4 {
width: 200px !important;
line-height: 110% !important;
}

#archives .cnt, #FeteCol1 .cnt{
	display:block;
	overflow:hidden;
	zoom:1;
	width:120px;
	padding: 0px 10px 5px 3px;
	
}


#FeteCol1 .cnt li {
	line-height:80% !important;
	display: block;
overflow: hidden;
width: 100px;
}

#FeteCol1 .cnt li a {
	display: block;
overflow: hidden;
width: 100px;
}

#archives h4, #FeteCol1 h4 {
	display:block;
	font:normal 1.1em Arial, Helvetica, sans-serif;
	padding: 4px 0 6px;
	letter-spacing:.5px;
	line-height:80%
}

#archives h4 a, #FeteCol1 h4 a {
	padding: 0 0 ;
	line-height:80% !important;
	display: block;
}

#archives .cnt div a, #archives .cnt li, #FeteCol1 .cnt div a {
	display:block;
	background: url(/squelettes/icono/pucegrise.gif) no-repeat 0px 3px;
	padding: 1px 12px;
	font: normal .8em Arial, Helvetica, sans-serif;
	list-style:none;
	width:100px;
}

#archives .cnt a, #FeteCol1 .cnt a {
	display:block;
	font: normal 1em Arial, Helvetica, sans-serif;
	list-style:none;
	width:110px;
}

#archives .demain, #FeteCol1 .demain {
	font-size:.85em;
	width : 120px;
}


/*-------------- Toutes les actualit�s --------------*/
#touteactu {	
	width:554px;
	padding: 0 0 15px;
	margin: 0 0 0 8px;

	font:  bold 1em Arial, Helvetica, sans-serif;	
	text-align: left;
	height:884px; *height:889; _height:889px;
}

#touteactu a, #FeteTouteActu a {	
	color: #5c514e;
}

#touteactu a:hover, #FeteTouteActu a:hover {	
	color: #f51e24;
}

#touteactu .debut, #FeteTouteActu .debut {
	display:block;
	overflow:hidden;
	zoom:1;
	width:540px;
	padding: 0 5px ;
	background: #d1ccca url(/squelettes/icono/deg_actualite.gif) repeat-y bottom;
	font: bold .85em/90% Arial, Helvetica, sans-serif;
}

#touteactu .debut h3, #FeteTouteActu .debut h3 {
	display:block;
	float:left;
	background: url(/squelettes/icono/etoile.png) no-repeat 0px 5px;
	padding: 3px 0 3px 25px;
	font: bold 1.3em/90% Arial, Helvetica, sans-serif;
}

#touteactu .debut .date, #FeteTouteActu .debut .date {
}

#touteactu .col1, #FeteTouteActu .col1 {
	display:block;
	overflow:hidden;
	zoom:1;
	float:left;
	width:45%;
	padding: 0px 10px 0px 14px;
	margin:5px 0 0 ;}

#FeteTouteActu .col1 div {margin:0 !important;}

#touteactu .cnt, #FeteTouteActu .cnt{
	display:block;
	overflow:hidden;
	zoom:1;
	font: .9em Arial, Helvetica, sans-serif;
	width:100%;
	cursor:pointer;
}

#touteactu .tit, #FeteTouteActu .tit {
	display:block;
	font:bold 1.2em Arial, Helvetica, sans-serif;
	padding: 5px 0 5px;
}

#touteactu .lirelasuite, #FeteTouteActu .lirelasuite {
	display:block;
	font:normal .9em Arial, Helvetica, sans-serif;
	padding: 5px 0 5px;
	color:#f51e24;
}

.special_compat {
	height: inherit !important;
}

/* ================== PAGES ARTICLES ================== */

/* -------------------------- Reactions -------------------------- */

#col12 .reaction {
	display:block;
	overflow:hidden;
	float:left;
	font: 1em/130% Arial, Helvetica, sans-serif;
	border-bottom: 2px dotted #BAB3B0;
	padding: 7px 8px;
	width:214px;
	color:#000;
	text-transform:lowercase;
background: #EDEAE8;
}

#col12 h3 {
margin: 3px 0 0;
	display:block;
	overflow:hidden;
	float:left;
zoom:1;
background-color:#C6C2BD;
color: #665853;
}

#col12 .reaction:first-letter {
	text-transform:uppercase;
	margin: 0 1px 0 0;
}


#col12 .reaction span {
	display:block;
}

#col12 .reaction .tit{
	font: bold 1.1em/140% Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

#col12 .reaction .txt {
	font: .9em/140% Arial, Helvetica, sans-serif;
	color: #000;
}

#col12 .reaction .nom {
	font: italic .9em/150% Arial, Helvetica, sans-serif;
	color: #000;
}

#col12 .reaction:hover {
	background:#f9f9f9;
}

#col12 .reaction font {
	font: 1em/140% Arial, Helvetica, sans-serif;
}

.versarticle {
	display: block;
	width:100%;
	text-align:right;
	padding:5px 0;
	font: bold .85em Arial, Helvetica, sans-serif;
	color: #777;
	text-transform:uppercase;
}

.versarticle:hover {
	color: #333;
}

/* ================= PAGE TOUTES LES ARCHIVES ================== */

#touliens, #toutearchi, #toutearchi2, #toutearchi3 {	
	width:690px;
	padding: 0 0 10px;
	margin: 0 0 0 8px;
	color: #5c514e;
	font:  bold 1em Arial, Helvetica, sans-serif; *font:  bold .9em Arial, Helvetica, sans-serif;	
	text-align: left;
}

#toutearchi2 {	
	width:250px;
	padding: 0 0 5px;
	height: 340px;
	margin : 3px 0 0 8px !important;
}

#toutearchi3 {	
	width:418px;
	padding: 0 0 5px;
	margin : 3px 0 0 13px !important;
	height: 340px;
}

#toutearchi .marge {
	display:block;
	overflow:hidden;
	zoom:1;
	padding: 10px 20px;
}

#touliens .col, #toutearchi .col {
	display:block;
	overflow:hidden;
	zoom:1;
	float:left;
	width:5em;
	padding: 5px 6px 0px 10px; *padding: 5px 0px 0px 8px;
	margin:0;
}

#touliens .debut, #toutearchi .debut, #toutearchi2 .debut, #toutearchi3 .debut {
	display:block;
	overflow:hidden;
	zoom:1;
	width:540px;
	padding: 0 5px ;
	margin: 0 0 5px;
	background: #d1ccca url(/squelettes/icono/deg_actualite.gif) repeat-y bottom;
	font: bold .85em/90% Arial, Helvetica, sans-serif; *font: bold .75em/90% Arial, Helvetica, sans-serif;
}

#touliens .debut h3, #toutearchi .debut h3, #toutearchi2 .debut h3, #toutearchi3 .debut h3{
	display:block;
	float:left;
	background: url(/squelettes/icono/etoile.png) no-repeat 0px 5px;
	padding: 3px 0 3px 25px;
	font: normal 1.3em/90% Arial, Helvetica, sans-serif; *font: normal 1.2em/90% Arial, Helvetica, sans-serif;
}

#touliens a, #toutearchi a{	
	color: #5c514e;
}

#touliens .tit, #toutearchi .tit, #toutearchi3 .tit {
	display:block;
	font:bold 1.2em Arial, Helvetica, sans-serif; *font:bold 1.1em Arial, Helvetica, sans-serif;
	padding: 5px 0 5px;
	color:#f42930;
}

#toutearchi2 .tit{
	display:block;
	font:bold 1.1em Arial, Helvetica, sans-serif; *font:bold 1em Arial, Helvetica, sans-serif;
	padding: 4px 0 0;
	color:#f42930;
}

#toutearchi2 .tit a {
	color:#f42930;
	display:block;
	background: url(/squelettes/icono/pucegrise.gif) no-repeat 9px 7px;
	padding: 0 0 0 25px;
}

#toutearchi3 a {	
	display:block;
	overflow:hidden;
	width: 113px;
	font: normal 1em Arial, Helvetica, sans-serif; *font: normal .9em Arial, Helvetica, sans-serif;
	float:left;
	padding: 7px 0 0 24px;
	color: #5c514e;
	background: url(/squelettes/icono/pucegrise.gif) no-repeat 12px 12px;
}

#touliens a:hover, #toutearchi a:hover, #toutearchi3 a:hover {	
	color: #f51e24 !important;
}

#toutearchi2 .tit a:hover {	
	background-color:#f2f1f1 !important;
}

#touliens h4, #toutearchi h4 {
	font:bold 1.4em Arial, Helvetica, sans-serif; *font:bold 1.3em Arial, Helvetica, sans-serif;
	background: url(/squelettes/icono/pucegrise.gif) no-repeat 3px 9px;
	padding : 0 0 0 14px;
}

/* ========================== PAGES LISTE D'ARTICLES ========================== */

/*--- item type article ---*/

#article_corp .item {
	display:block;
	overflow:hidden;
	font: bold 1em Arial, Helvetica, sans-serif;
	padding: 10px 0;
	border-bottom: 2px dotted #ccc;
}

#article_col1 .item a span, #article_corp .item a span{
	display:block;
	color:#555;
	font: normal .9em/130% arial;
}

#article_corp .item a:hover, #article_corp .item a:hover, #article_corp .item a:hover span {
	color: #F51E24 !important;
}

#article_col1 .item .tit a, #article_corp .item .tit a {
	display:block;
	color:#555;
	font: 1em arial;
	padding : 0 0 3px;
}

#article_col1 .item a, #article_corp .item a {
	color:#CD1F25;
	font: bold 1em arial;
	padding : 0 0 3px;
}

#article_col1 .item div, #article_corp .item div {
	font: normal 1em arial;
	padding : 8px 0;
}

#article_col1 .item .paru, #article_corp .item .paru {
	font: bold .8em arial;
	text-transform:uppercase;
}

#article_col1 .item .surtit, #article_corp .item .surtit {
	font: bold .9em arial;
	color: #F51E24;
	padding: 3px 0 0 ;
	text-transform:uppercase;
}

#article_col1 .item .tit, #article_corp .item .tit{
	font: 1.4em arial;
	padding: 0 0 ;
}

#ar#article_col1 .item span, ticle_corp .item span{
	padding: 0 5px 0 0 ;
}

/*--- petit item type groupe de mots ---*/

#article_corp {
	margin: 10px 0 0 ;
width:440px;
}

#article_col1 {
	margin: 10px 0 0 ;
width:698px;
}

#article_corp .petitem {
	display:block;
	overflow:hidden;
	width: 450px;
	font: bold .9em Arial, Helvetica, sans-serif;
	padding: 10px 0;
	border-bottom: 2px dotted #ccc;
}

#article_corp .petitem a:hover{
	color: #F51E24;
}

#article_corp .petitem .tit{
	font: bold 1.2em Arial, Helvetica, sans-serif;
	background: url(/squelettes/icono/pucegrise.gif) no-repeat left;
	padding: 0 0 0 15px !important;
	color:#555;
}

#teteliste {
	margin: 0;
	background: #6D6456 url(/squelettes/icono/deg_liste.gif) repeat-y left;
	height: 24px;
	width:698px;
	text-align:right;
}

/* #teteliste_grand est utilis� dans la page recherche */
#teteliste_grand {
	float:left;
	margin: 0; *	margin: 0 0 0 2px;
	background: #6D6456 url(/squelettes/icono/deg_liste.gif) repeat-y left;
	height: 42px;
	width:698px;
	text-align:right;
}

#teteliste .droite, #teteliste_grand .droite, #FeteTeteListe .droite{
	float:right;
	margin: 0 0 5px;
	font-weight:normal;
	padding: 6px 10px 0 ;
	color:#fff;
	text-transform:uppercase;
	font: normal .8em/90% Arial, Helvetica, sans-serif;
}

#teteliste .droite .reagirBouton, #teteliste_grand .droite .reagirbouton, #FeteTeteListe .droite .reagirBouton{
	display:block;
	overflow:hidden;
	padding: 0 20px 0;
	width:45px;
	height:20px;
	background: url(/squelettes/icono/puceblancsurmarron.gif) no-repeat left 2px ;
	font: bold 1.2em/90% Arial, Helvetica, sans-serif;
}

#teteliste .fondrouge, #FeteTeteListe .fondrouge{
	float:left;
	font-weight:normal;
	text-transform:uppercase;
	font: bold 1em/90% Arial, Helvetica, sans-serif;
	height:18px;
}

#teteliste_grand .fondrouge_grand {
	float:left;
	font-weight:normal;
	text-transform:uppercase;
	font: bold 1em/120% Arial, Helvetica, sans-serif;
	height:36px;
}

#teteliste .fondrouge a, #teteliste_grand .fondrouge_grand a {
	text-transform:uppercase !important;
}

#col1 #teteliste a, #col1 #teteliste_grand a {
	color:#fff;
	line-height:90%;
	text-transform:none;
	padding:0 3px;
}

#col1 #teteliste a:hover, #col1 #teteliste_grand a:hover {
	color:#FFC27D;
	line-height:90%;
}

#teteliste .droite2 {
	display: block;
	overflow:hidden;
	float: right;
	width: 202px;
	text-align: center;
	padding: 7px 0 0;
	border-left: 1px solid #fff;
	height: 16px;
	margin: 0;
	font-weight:normal;
	color:#fff;
	text-transform:uppercase;
	font: normal .8em/90% Arial, Helvetica, sans-serif;

}

/* ceci est utilis� dans la page "semaine" pour aligner les unes */
.alaligne {
display: block;
overflow:hidden;
zoom:1;
float:left;
width:110px;
height: 150px;
text-align:right;
padding:10px 2px 0;
}

/* ========================== FORUM ========================== */

#tabloforum, #tablodebat {
	display:block;
	overflow:hidden;
	zoom:1;
	width:698px;
	padding: 0 ;
	border-top: 1px solid white;
	text-align:left;
	*margin: 0 0 0 5px;
}

#tabloforum {
	width:692px;
	padding: 0 0px ;
	border-left: 6px solid #F0EFEE;
	background: url(/squelettes/icono/deg_forum.gif) repeat-y right;
}

#tabloforum a:hover *, #tablodebat * a:hover {color:#C71E24 !important;}

.rangee {
	display:block;
	overflow:hidden;
	zoom:1;
	width:678px;
	padding: 0 10px 0 18px;
}

#tabloforum .col11, #tablodebat .col11 {
	display:block;
	overflow:hidden;
	zoom:1;
	width:447px;
	padding: 5px 10px 10px;
	float:left;
}
	
#tablodebat #col11 { width:436px; }

#tabloforum .total, #tabloforum .der, #tabloforum .nom, #tabloforum .date {
	display:block;
	padding: 0 10px;
	font: .85em/140% Arial, Helvetica, sans-serif;
	color:#555;
}

#tabloforum .total {
	font-weight:bold;
	padding: 0 10px 3px;
}

#tabloforum .nom, #tabloforum .date {	font: normal .85em/140% Arial, Helvetica, sans-serif;}

#tabloforum .col12, #tablodebat .col12 {
	display:block;
	overflow:hidden;
	zoom:1;
	width:140px;
	padding: 10px 0 10px 30px;
	float:left;
}

#tabloforum .auteur, #tablodebat .auteur {
	display:block;
	overflow:hidden;
	zoom:1;
	width:185px;
	padding: 10px 0 10px 10px;
	float:left;
}

#tabloforum .theme, #tablodebat .theme {
	display:block;
	width:350px;
	overflow:hidden;
	background: url(/squelettes/icono/puce_carre.gif) no-repeat 13px 17px;
	padding: 15px 0 0 30px;
	font: bold .9em/140% Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#F51E24;
}

#tabloforum .tititem {
	display:block;
	width:350px;
	overflow:hidden;
	background: url(/squelettes/icono/puce_carre.gif) no-repeat 0px 18px;
	padding: 15px 0 0 16px;
	font: bold 1em/140% Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#F51E24;
}

#tablodebat .theme {
	padding: 13px 0 8px 30px;
	font: bold 1.1em/140% Arial, Helvetica, sans-serif;
	width:550px;
}

#tabloforum .tit, #tablodebat .tit {
	display:block;
	overflow:hidden;
	zoom:1;
	font: bold 1em/140% Arial, Helvetica, sans-serif;
	color:#666;
	padding: 2px 0;
}

#tabloforum .cnt, #tablodebat .cnt {
	font: .9em/140% Arial, Helvetica, sans-serif;
	color:#000;
	padding: 2px 0 20px;
}

/*--------------------- Page d�bat ---------------------*/ 

#tablodebat .cnt {
	display:block;
	width:630px;
	padding: 0 0px 20px 29px ;
}

#tablodebat .cnt p {font-size:1.1em;}







#tablodebat .chapo {
	display:block;
	width:630px;
	padding: 0 0px 10px 29px;
	margin: 0;
}

#tabloforum a, #tablodebat a{color:#000;}

#tablodebat #col12 {
	margin: 16px 0 0;
	padding:0;
}

#tabloforum .autredebat {
	display:block;
	overflow:hidden;
	width: 100%;
	height:14px;
	margin: 0;
	background : #F0EFEE url(/squelettes/icono/deg_otredebat.gif) repeat-y 136px; *background : #F0EFEE url(/squelettes/icono/deg_otredebat.gif) repeat-y 150px;
}

#tabloforum .autredebat .theme {
	display:block;
	overflow:hidden;
	font: .8em/120% Arial, Helvetica, sans-serif;
	text-transform: none;
	color: #fff;
	width: 200px;
	padding: 0 0 0 15px;
	height: 13px;
	background : #5C504B url(/squelettes/icono/envoi3.gif) no-repeat right;
}


#tabloforum .autredebat .theme:hover {
	color: #FFC27D;
}

#repondre {
	display: block;
	overflow: hidden;
	margin: 0;
	background: #6D6456 url(/squelettes/icono/deg_liste.gif) repeat-y left;
	height: 20px;
	width:698px;
	text-align:center;
	border-bottom: 3px solid #555;
}

#repondre .fondrouge{
	float:right;
	font-weight:normal;
	height:17px;
	text-transform:uppercase;
	font: bold .85em/90% Arial, Helvetica, sans-serif;
	background: #F51E24 url(/squelettes/icono/puce_blancsurgris.gif) no-repeat 6px 4px;
}

#repondre .fondrouge a{
	padding : 0 0 0 11px;
	text-transform:uppercase !important;
	color:#fff;
	line-height:90%;
}

#repondre .fondrouge a:hover{
	color: #FFC27D !important;
}

/* ========================== SIGNATURES ========================== */

.module_pagin .off {
	height:100%;
	padding: 10px 3px;
	margin:0 !important;
}

.module_pagin .off:hover {
	color:#fff;
	background:#6D6456;
}

#col1 .noms {
	display:block;
	overflow:hidden;
	zoom:1;
	float:left;
	text-align:left;
	width:678px;
	padding: 10px;
	color:#6D6456;
}

#col1 .noms .item {
	display:block;
	float:left;
	overflow:hidden;
	zoom:1;
	width: 325px;
	border-left:1px solid #ddd;
	padding: 0 0 0 10px;
}

#col1 .noms .tit {
	font:bold .95em Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	margin: 0 0 0;
}

#col1 .noms a .txt {
	margin: 0 5px 0 0;
	color:#BE1516;
	font:bold .95em Arial, Helvetica, sans-serif;
}

/* ========================== PAGE RECHERCHE ========================== */

.logo_sinequa {
	padding: 8px 25px 0 0;
	float:right;
}

.modulegris form {
display: block;
overflox:hidden;
float: left;
zoom:1;
width: 215px;
}

.modulegris form input#motcles {
width: 202px !important;
}


/* ========================== PLAN DU SITE, PAGE LIENS ET PAGE 404 ========================== */

#touliens .bloc, #toutearchi .bloc, #toutearchi .blocarchi {
	display:block;
	overflow:hidden;
	zoom:1;
	float:left;
	width:190px;
	padding : 0 15px;
	margin : 20px 0 0 5px ;
	border-left : 1px solid #999;
}

#touliens .bloc .bloc {
	float:left;
	width:190px;
	padding : 0;
	margin : 8px 0 0 0 ;
	border-left : none;
}

#touliens .blocarchi, #toutearchi .blocarchi {
	width:auto;
	float:none;
}

#toutearchi .plangrotit, #toutearchi .plantit, #toutearchi .blocarchi .groplantit {
	display:block;
	font:bold 1em/160% Arial, Helvetica, sans-serif; 
	font-weight : normal;

}

#touliens .blocarchi .plantit, #toutearchi .blocarchi .plantit {
	float:left;
	padding: 0 10px 0 0 ;
}

#touliens .blocarchi plantit, #toutearchi .blocarchi .plantit {
	float:left;
	padding: 0 10px 0 0 ;
}

#touliens .blocarchi .plangrotit, #toutearchi .blocarchi .groplantit {
	width:130px;
	float:left;
	padding: 0 10px 0 0 ;
}

#toutearchi .plangrotit {
	margin: 5px 0 0; 
	color:#F42930;
	font: bold 1.15em/160% Arial, Helvetica, sans-serif; 
	text-transform:uppercase;
}

/*-------- Page Liens --------*/

#touliens .bloc {
	margin : 20px 0 0;
}

#touliens .plangrotit {
	display:block;
	overflow:hidden;
	zoom:1;
	font: bold 1em/130% Arial, Helvetica, sans-serif !important; 
	font-weight : normal;
	text-transform:uppercase;
	background: #867B76;
	color: #fff;
	padding: 5px 10px 7px;
	margin: 0 0 5px;
	background: #867B76 url(/squelettes/icono/deg_gromenu.gif) repeat-x bottom;
}

#touliens .bloc .bloc .plangrotit {
	margin: 5px 0 0; 
	color:#F42930;
	font: bold 1.15em/160% Arial, Helvetica, sans-serif; 
	text-transform:uppercase;
	padding:0;
	background:none;
}

.alerte404 .tit {
	display:block;
	padding: 0 0 0 70px;
	color:#F51E24;
	font: bold 1.5em Arial, Helvetica, sans-serif;
}

#touliens .titit {
	display:block;
	padding: 5px 0 0 5px;
	font: bold .9em/140% Arial, Helvetica, sans-serif; 
}

#touliens .cnt {
	display:block;
	font: normal .9em/140% Arial, Helvetica, sans-serif; 
	padding: 0 0 0 5px;
}

/* ------- Page recherche -------*/

#col1 iframe#corps_recherche {
	height: 6500px;
	width: 724px;
	overflow: hidden;
	border:none !important;
}

.surtit .edition {
	color:#202020;
	text-transform:none;
}

.surtit .theme {
	font-size:1.1em;
}

/* ------- Page 404 -------*/

.alerte404 {
	display:block;
	overflow:hidden;
	zoom:1;
	width:675px;
	text-align: left;
	padding: 17px 0 20px;
	border: 12px solid #E3E0DF;
	margin: 8px 8px 15px;
}

.alerte404 .cnt {
	display:block;
	padding: 5px 0 0 65px;
	font: bold .9em/140% Arial, Helvetica, sans-serif;
}

.alerte404 .petit {
	font: normal .9em Arial, Helvetica, sans-serif;
	letter-spacing:-.5px;
}

/* ========================== UNES ========================== */

.corps_unes {padding : 0 23px;}

.corps_unes .annee {
padding : 15px 0 5px;
float: left;
width : 650px;
border-bottom: 2px dotted #ddd;
font : bold 1.2em/140% Arial, Helvetica, sans-serif;
color: #E00025;
}

.item_unes {
display: block;
overflow: hidden;
float:left;
width : 130px;
height: 190px;
padding: 20px 0 0px;
}

.item_unes .doctype {
font: bold .85em/140% Arial, Helvetica, sans-serif;
color: #000;
}

.pagunes {
width: 678px;
float: left;
}


/* ========================== Fete de l'Huma ========================== */
#Fete {
	text-align:left !important;
	padding:10px;
	min-height: 990px;
	border:  4px solid #ECEBEA;}

#FeteCol1 {	
	width:129px;
	padding: 10px 0 5px;
	color: #5c514e;
	font:  bold 1em Arial, Helvetica, sans-serif;	
	text-align: left;
	background: #eeedec url(/squelettes/icono/deg_archive.gif) repeat-x bottom;}

.FeteLogogauche {
	text-align:right;
	float:left;
	width:100px;
	margin:0 5px 0 0;}

#FeteTeteListe {
	margin: 0 0 10px 0;
	background: #6D6456 url(/squelettes/icono/deg_liste.gif) repeat-y left;
	height: 24px;
	width:710px;
	text-align:right;}

 #FeteTeteListe .fondrouge a{
	float:left;
	color:#FFFFFF;
	font-weight:normal;
	text-transform:uppercase;
	font: bold 1em/90% Arial, Helvetica, sans-serif;
	height:18px;}

 #FeteTeteListe .fondrouge a:hover {
	text-decoration:underline;}

.FeteListe, .FeteListe2 {
	font: 1em Arial, Helvetica, sans-serif;
	padding: 0 0 0 15px !important;
	margin:0 0 2px 0;
	color:#555;
	display:block;}

.FeteListe {
	background: url(/squelettes/icono/pucegrise.gif) no-repeat left;}

.FeteListe2 {
	margin:0 0 3px 0;
	background: url(/squelettes/icono/deg_outils.gif) repeat-y left;}

.FeteListe:hover {
	color:#e13238;}

.FeteListe2:hover {
	background: url(/squelettes/icono/deg_outils_o.gif) repeat-y left;
	color:#e13238;}

.FeteBloc {
	margin:5px 10px 10px 0;}

.FeteBkgGris {
		border:  6px solid #ECEBEA;}

.FeteTit {
	display:block;
	background: #665853 url(/squelettes/icono/H_logo.gif) no-repeat 3px 3px !important;
	text-transform:uppercase;
	padding:9px 40px 0px ;
	font: bold 1em/90% Arial, Helvetica, sans-serif;
	height:24px;
	color:#fff;}

.FeteTitPtt a {
	color:#FF0000 !important;
	line-height:10px !important;}

.FeteHideBloc {
	display:none;
	margin:0 0 15px 15px;}

.FeteBlocCnt {
	overflow:hidden;
	zoom:1;
	margin:0 0 0 30px;
	*margin:0 0 0 280px;}

.FeteBlocCrs {
display: block;
overflow: hidden;
	border: 4px solid #ECEBEA;
	width:394px;
	margin:0 0 8px 0;
	padding:0px 0 0 0px;
	height:320px;}

.FeteCrsImg {
 text-align:center;}

.FeteCrsImg a {
	text-transform:uppercase;
	color:#000000 !important;}

.FeteCrsImg a:hover {
	font-style:italic;}

.FeteAlaUneC1 {
	float:left;}

.FeteAlaUneC2 {
	margin:0 0 0 200px;}

.FeteBtnUne {
	display:block;
	overflow:hidden;
	zoom:1;
	width: 170px;
	float:left;
	height: 104px;
	margin:0 0 15px;
	color:#333333;
	font-size:12px;
	padding:4px;}

.btgauche {
	margin-right:14px;
	width: 192px;
}

.FeteBtnPerso {
	padding:5px;
	margin:0 0 0 1px;
	color:#FFFFFF;
	font-size:12px;
	background-color:#665853;}

#FeteTouteActu {	
	width:554px;
	padding: 0 0 15px;
	margin: 0 0 0 8px;
	color: #5c514e;
	font:  bold 1em Arial, Helvetica, sans-serif;	
	text-align: left;}

.FeteInfoAdresse {
	margin:10px 0 0 0;
	text-align:center;
	background:#74A518;}

.FeteDossierPresse {
	margin-bottom:10px;
	background-color:#E62F35;}

.FeteJour {
	margin-top:10px;
	padding:2px 2px 2px 10px;
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
	background-color:#665853;}

.FeteHeure, .FeteItem, .FeteLieu {
	padding:2px;
	float: left;}

.FeteHeure, .FeteItem a, .FeteLieu a {
	font-weight:normal!important;
	font-size:11px!important;
	color:#606060 !important;}

.FeteItem {
	width: 250px;}

.FeteLieu {
	width:130px;}


.FeteItem a:hover, .FeteLieu a:hover {
	color:#FF0000;
	text-decoration:underline !important;}

/* Espaceur de blocs */
.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }

.FeteDescrip, .FeteDescrip p {
	color:#999999;
	display:block !important;
	margin:10px 0 0 0px !important;
	line-height:13px !important; 
	font-size:11px !important;}

/* //////////////// COLONNE DE DROITE /////////////// */

/*-------------- D�p�ches --------------*/

#newsAFP {background: #FFFFFF;}
#filrouge { _width: 288px; }

#filrouge .debut{
	background: #6F625C url(/squelettes/icono/deg_filrouge.gif) repeat-y right;
	height: 24px;
	margin:0 !important;
	overflow:hidden;
}
/**/
#filrouge .municipales08 {
	display:block;
	text-transform:uppercase;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
}

 #marqueecontainer {
	margin:5px 5px 2px;
	text-align:left;

}

#marqueecontainer ul {
	margin:0;
	padding:0;

}

#marqueecontainer li {
	list-style:none;
	width:98%;
}

#marqueecontainer li .tit {
	font-size:13px;
	text-transform:uppercase;

}

#marqueecontainer a {
	color:#000;}

#marqueecontainer .txt {
	display:block;
	font-weight:bold;
	font-size:11px;
	margin:0 0 10px 0;
	line-height:13px;}

#depeche h5 {
	display:block;
	width: 262px; _width:280px;
	color:#e13238;
	padding: 7px 13px;
	font: bold .9em/90% Arial, Helvetica, sans-serif;
}


#depeche h5 a {
	color:#000;
	font: bold .85em/150% Arial, Helvetica, sans-serif;
}

#depeche h5 a:hover {color:#e13238 !important;}
#depeche h5 a{font: bold 1.1em/150% Arial, Helvetica, sans-serif;}

#depeche h4, .filrouge h4 {
	display:block;
	margin: 0 0 5px;
	padding: 3px 6px;;
	width: 84px; *width: 90px;
	font-weight:normal;
	font: normal .95em/90% Arial, Helvetica, sans-serif;
}

/*-------------- Interactif --------------*/

#interactif {
	display:block;
	overflow:hidden;
	zoom:1;
	width: 288px;
	background:#eae8e7;
text-align: center;
}

#col2 .debutinter {
	display:block;
	overflow:hidden;
	zoom:1;
	float:left;
	background: #665853;
	color:#fff;
	width:100%;
	margin: 9px 0 0; *margin: 7px 0 0;
}

#interactif .col1 {
	display:block;
	overflow:hidden;
	zoom:1;
	float:left;
	width: 140px;
	background: #675953 url(/squelettes/icono/deg_interactif.gif) repeat-y;
	margin:0;
}

#interactif .col1 a {
	display:block;
	width: 100%;
	color:#fff;
	font: bold .95em/90% Arial, Helvetica, sans-serif; *font: bold .85em/90% Arial, Helvetica, sans-serif;
	padding : 5px 0 0;
}

#interactif .col1 a:hover * {
	color:#ffc27d;
}

#interactif .col1 font {
	display:block;
	background:#675953;
	padding: 6px 15px;
	font: bold 1.1em/90% Arial, Helvetica, sans-serif;
}

#interactif .col1 .soutit {
	display:block;
	margin : 10px 0 0 ;
	padding : 5px 15px 0;
	color: #F0EEED;
	border-top: 1px solid #EAE8E7;
	background: #675953;
	font: normal .9em/100% Arial, Helvetica, sans-serif;
}


#interactif .col1 .debut{
	display:block;
	overflow:hidden;
	zoom:1;
	width: 200px;
	background:url(/squelettes/icono/interactif_debut.gif) no-repeat 0 0 !important;
	height:7px;
	margin:0;
}

#interactif .col1 .fin{
	display:block;
	overflow:hidden;
	zoom:1;
	width: 200px;
	background: transparent url(/squelettes/icono/interactif_fin2.gif) no-repeat 0 0;
	height:8px;
	margin:0;
}

#interactif .col1 .bis {
	margin: 12px 0 0;
	border-top:1px solid #393838;
	margin:0;
}

#interactif .bt_simple{
	display:block;
	overflow:hidden;
	zoom:1;
	cursor:pointer;
	text-align: left;
	float:left;
	width: 140px;
	margin:0 0 2px 5px;  _margin:0 0 2px 2px; 
	*padding: 1px 0;
	background:#cdcac9 url(/squelettes/icono/deg_btcourrier.gif) repeat-y  0;
}

#interactif .bt_simple font {
	display:block;
	float:left;
	width: 140px;
	padding: 6px 0 0px 22px;
	color: #453833;
	text-transform:uppercase;
	background:transparent url(/squelettes/icono/puceblancsurmarron.gif) no-repeat 5px 10px;
	height:18px;
	font: bold .9em/120% Arial, Helvetica, sans-serif;
}

#interactif .englobe {
	display:block;
	position:relative;
	overflow:hidden;
	zoom:1;
	_width:143px;
    padding : 0 0 3px;  *padding : 0 0 4px; 
}

#interactif .bt_simple:hover {background:#bab3b0 ;}

.bt_logo {
	display : block;
	padding : 0 0 10px; 
}

#interactif .bt_logo{
	display:block;
	overflow:hidden;
	padding : 0;
	zoom:1;
	float:left;
	cursor:pointer;
	width: 140px;
	margin:0 4px 10px 0; *margin:5px 4px 5px 0;
	background:#665853 url(/squelettes/icono/deg_btcourrier.gif) repeat-y  0;
}

#interactif .bt_logo font {
	display:block;
	float:left;
	padding: 8px 0 0px 22px;
	color: #fff;
	text-transform:uppercase;
	background:transparent url(/squelettes/icono/puceblancsurmarron.gif) no-repeat 5px 11px;
	font: bold .9em/120% Arial, Helvetica, sans-serif;
}

#interactif .bt_logo:hover {
	background:#bab3b0 ;
}

#interactif .logo {
	display:block;
	padding : 3px 6px 0;
	background:#fff;
	float:right;
	height: 26px; _height: 20px;
}

#interactif img {
padding: 0 0 8px;
}
/*-------------- Newsletter --------------*/

#newsletter {
	display:block;
	overflow:hidden;
	zoom:1;
	float:left;
	width:536px;
	background:#eae8e7;
	margin: 0 0 10px;
}

#newsletter .newsletter {
	margin:6px; *margin:6px 6px 6px 3px;
	display:block;
	overflow:hidden;
	zoom:1;
	float:left;
	background: #796b65;
	width:119px;
	padding: 0 0 10px 12px;
	color:#fff;
	font: .85em/80% Arial, Helvetica, sans-serif;	
}

#newsletter .newsletter:hover {
	background: #675953;
}

#newsletter .newsletter .logo {
	display:block;
	overflow:hidden;
	zoom:1;
	float:right;
	background:#fff;
	text-align:center;
	padding: 2px 7px;
}

#newsletter .newsletter font {
	display:block;
	font: bold 1.2em/120% Arial, Helvetica, sans-serif; *font: bold 1.1em/120% Arial, Helvetica, sans-serif;
	margin: 5px 0 0 ;
}

#newsletter .rss {
	display:block;
	overflow:hidden;
	zoom:1;
	float:left;
	width:130px;
	padding: 10px 8px 5px;
	border-left:1px solid #fff;
	color:#786a56;
	font:  bold 1.1em/80% Arial, Helvetica, sans-serif;	 *font:  bold 1em/80% Arial, Helvetica, sans-serif;	
	text-align:left;
}

#newsletter .rss .logo{
	display:block;
	float:left;
	padding: 0px 8px 0 0;
}


#newsletter .rss form {
	display:block;
	overflow:hidden;
	zoom:1;
	clear:both;
	padding:0;
	width:132px;
	margin: 10px 0 0; *margin: 5px 0 3px ;
	border: 1px solid #786a56;
}

#newsletter .rss .rechercher {
	display:block;
	overflow:hidden;
	float:left;
	width:89px;
	height:16px;
	padding: 3px 4px 1px;
	color:#000;
	font: .8em Arial, Helvetica, sans-serif;
}

#newsletter .rss .ok {
	display:block;
	overflow:hidden;
	zoom:1;
	float:left;
	width:30px;
	padding: 2px 0 ;
	background: #eae8e7;
	font: .8em Arial, Helvetica, sans-serif;
	color:#786a56;
	cursor:pointer;
}

#newsletter .rss .ok:hover {
	color:#000;
}

/*-------------- Boutique --------------*/

#boutique {
	width:288px;
	background:#fff;
}

#boutique .debut  {
	margin-top:0;
}

#boutique .horsserie {
	display:block;
	overflow:hidden;
	zoom:1;
	float:left;
	width: 140px;
	padding: 12px 0 8px 5px
}

#boutique .tit {
	display:block;
	font: bold 1em/50% Arial, Helvetica, sans-serif;
	padding: 0 0 10px 5px;
	color:#685a46;
text-transform:uppercase;
}

#boutique .horsserie a, #boutique .produits a {
	display:block;
	font: .85em/140% Arial, Helvetica, sans-serif;
	background: url(/squelettes/icono/pucegrise.gif) no-repeat 5px 4px;
	padding: 0 10px 0 18px;
	color:#685a46;


}


#boutique .horsserie a:hover, #boutique .produits a:hover {

	color:#d2242a;
}

#boutique .produits {
	display:block;

	overflow:hidden;
	zoom:1;
	float:left;
	width:115px;
	border-left: 1px solid #796b65;
	padding: 12px 0 8px 5px;
}

#boutique .fondecran {
	display:block;
	overflow:hidden;
	zoom:1;
	float:left;
	width:100%;
	border-top: 1px solid #796b65;
	padding: 5px 0 8px 5px;-
}

#boutique .fondecran a {
	padding: 0 0 0 1px;
}


/*-------------- l'huma s'engage --------------*/

#humasengage {
	width:288px;
	background:#eae8e7;
}

#humasengage h3  {
	display:block;
	overflow:hidden;
	background:#e62f35;
	width:100%;
	text-align:left;
	float:left;
	height:34px
}

#humasengage .sengage a {
	display:block;
	float:left;
	overflow:hidden;
	width:291px;
	color:#685a46;
	background:#dfdcdb;
	cursor:pointer;
}

#humasengage .sengage a .item {
	float:left;
	padding:16px 10px;
 	*font:  bold 1em Arial, Helvetica, sans-serif ;
	width:210px;
}

#humasengage .sengage a .tit{
	display:block;
	letter-spacing:1px;
	font:  bold .9em Arial, Helvetica, sans-serif ;
	text-transform:uppercase;
}

#humasengage .sengage a font{
	display:block;
	font: bold .95em Arial, Helvetica, sans-serif ;
}

#humasengage .sengage a:hover {
	color:#fff;
	background:#bab3b0;
}

#humasengage .droite {
	border-left:1px solid #fff;
}

.sengage a .logo, .sengage a .spip_logos  {
	display:block;
	overflow:hidden;
	float:right;
}

#humasengage .logo {
	display:block;
	float:right;
	width:61px;
}

/*-------------- Pub col2 --------------*/

#pub2 {
	display:block;
	overflow:hidden;
	float:left;
	text-align:center;
	width:300px;
	background:#F0EEED;
	padding : 0;
}

.debutpub {
	display:block;
	overflow:hidden;
	float:left;
	width:100%;
	margin: 10px 0 0;
	text-align:center;
	color: #5C514E;
	text-transform:uppercase;
	background:#ddd;
	font: .8em arial;
	padding: 3px 0;
}

.debutpub h3 {
 	*font:  bold 1em Arial, Helvetica, sans-serif ;
}

/*-------------- Video col2 une - A:MAZIAR --------------*/
#videoContainer {

	background:#E5E1E0;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
}

#video {
	margin:5px 0 0 0;
	border:1px solid #685954;
	padding:5px 0 5px 0;
}

#video a {
	display:block;
	text-align:right;
	margin:5px 10px 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px!important;
	color:#675A51 !important;
}

.cntOwer > a > img {
	display:block;
	float:left;
}


.cntOwer > b {
	display:block;
	width:170px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#675A51 !important;
	margin-left:5px;
}

.cntOwer {
	overflow:hidden;
	zoom:1;
}