/***********************************
*  SITE LE FOLL - Député Européen  *
*  Fichier CSS version 0.1.8       *
*  2006.05.19                      *
************************************/
/* Version Ok question page d'accueil 
! Le DOCtype change tout pour IE 5 MAC
! Trop de commentaires html <!-- --> fait des effets fantômes sous MSIE
cf. http://www.positioniseverything.net/explorer/dup-characters.html
- 2006.05.16 :
Sur une base 0.1.3b.css, il semble que l'overflow permet de visualiser le bg sur mozilla.
Quelle galère...

*/
/***************************
** CONTENU DE PAGE DE BASE * 							
****************************/
/* Ajoute une barre de défilement automatiquement afin de garder le centrage de la page */
html { margin: 0px; padding: 0px; overflow-y: scroll; overflow-x: auto; background: #FFF}
body { 
	margin: 0px; padding: 0px; color: black;
	font-family: Verdana,Arial,SunSans-Regular,Sans-Serif; 
	font-size: 0.8em; text-align: center;
}
a { background-color: transparent; text-decoration: none;}/*
a:hover { color: #6C3B2F; background-color: transparent; text-decoration: underline; }
a:visited { color: #6C3B2F; background-color: transparent; }*/

h1,h2,h3,h4,input{ margin: 0px; padding: 0px; background-color: transparent; }

h1 { font-size: 1.9em; margin: 25px;  padding: 25px;}
h2 { font-size: 1.35em;}
h3 { font-size: 1.0em; }
p { font-size: 0.93em; }
img { border: 0px none;}
/* Evite le texte fantôme qui sort des boites sous IE6*/
/* DEcommenter au final, utile en commentaire pour previsu dans logiciel de WYSIWYG */
h1,h2,h3,h4,p,li,div,img { position: relative;}/*,span,img,*/

/* Boîte globale */
#main {
		/*position: absolute;*/ margin: 0px auto;  padding: 0px; text-align: left;
		width: 955px; /* height:955px; nombre d'or = 1545px;*/
		overflow: auto;
		/*left: 50%; margin-left: -477px;*/
/* Place une image de fond ici, afin qu'elle se répête sur toute la hauteur de la page */
		/*background-image:url('../img/menu_bg.gif');
		background-repeat: repeat-y;*/
		/*background-color: blue;*/
		background: transparent url(../img/li2-co1-bg.gif) repeat-y;
}
/*input{ margin: <0px; padding: 0px; width: 955px; float: left; background-color: white; border: 0px; border-width: 0px; color: #FFFFFF;  height: 18px; }*/

#lg1-co1 {	float: left; margin: 0px; padding: 0px; width: 18px; height: 15px;
	background: url(../img/li1-co1.gif); font-size: 1px;
}
#lg1-co2 { float: left; margin: 0px; padding: 0px; width: 919px; height: 15px;
	background: url(../img/li1-co2.gif);font-size: 1px;
}
#lg1-co3 { float: left; margin: 0px; padding: 0px; width: 18px; height: 15px;
	background: url(../img/li1-co3.gif); font-size: 1px;
}
#lg2a-co1 {	float: left; margin: 0px; padding: 0px; width: 18px; height: 205px;
	background: transparent url(../img/li2-co1.gif)  no-repeat top; font-size: 1px;
}
#lg2a-co3 {	float:left; margin: 0px; padding: 0px; width: 18px; height: 205px;
	background: transparent url(../img/li2a-co3.gif) no-repeat top; font-size: 1px;
}
#lg2-co1, #lg2-co1b { float: left; margin: 0px; padding: 0px; width: 18px; height: 22px;
	background: transparent;  font-size: 1px; }
#lg2-co3, #lg2-co3b {float: left; margin: 0px; padding: 0px; width: 18px; height: 22px;
	background: transparent; font-size: 1px;
}
/**********************
** EN-TÊTE            * 							
***********************/
/* L1 - C1 */
#enteteGH { 
	float: left; width: 145px; height:205px; margin: 0px; padding: 0px; 
}
/* Portrait de 110 x 170 px */
#enteteGH  img{ /* margin: 0px; padding: 0px; */
	width: 145px; height: 205px; border: 0px;
}

/* L1 - C2 */
#enteteMI {
	float: left; 
	width: 774px; height:170px;
	margin: 0px; padding: 0px;
	background-color: #FFEB7B;
}

#enteteMI #photos {
	float: left;
	width: 774px; height:100px;
	margin: 0px; padding: 0px;
}
#enteteMI img#photos  {
	float: left; border: none;
	margin: 0px; padding: 0px;
}

#enteteMI #titre {
	float: left; width: 774px; height:80px;
	margin: 0px; padding: 0px;
	background-color: #E7004A;
	color: white;
}

#enteteMI #sous-titre {
	float: left; width: 774px; height:25px;
	margin:  0px; padding: 0px;
	background-color: #F77129;
	color: white;
	text-align: right; vertical-align: bottom;
}
/******************
STÉPHANE LE FOLL
*******************/
#boxnom {
	float: left; height:80px;
	margin: 0px; padding: 0px; display: inline;
}

#boxnom h1 { 
	font-size: 2.3em; /*!important;
	font-size: 2.1em;*/
	margin: 0px; padding: 20px 0px 0px 30px;
	width: 355px;
	letter-spacing:-0.1em;
	/* a commenter pour la version en ligne*/
	/*height: 80px;*/
}

/******************
 Député Européen
*******************/
div#titre #espace { 
	float: left; width: 300px; height: 26px;
	margin: 0px; padding: 0px; text-align: right;
}
#enteteMI #titre #boxtitre { 
	float: left; width: 290px; height: 30px;/* 310 419-60 */
	margin: 0px; padding: 0px; display: inline; 
}
#boxtitre h2 { float: left;
	font-size: 2em; 
	margin: 0px; padding: 0px 0px 0px 0px;
	/*display: inline;*/
	width: 290px; 
	height: 30px;
}
#boxpse {
	float:right; /*text-align: right;  */display: inline; width: 70px;
	height: 60px; text-align: left;
}
#boxpse p {
	margin:10px 0 0 0; padding:0;
}
#boxpse p img{ margin: 0; padding: 0;
	border: 1px solid #fff;
}
#enteteMI #sous-titre {
float: right; margin: 0px; padding: 0px;
text-align: left;
/*width:774px;*/
height:25px;
}
/******************
 Mandature 2009/2014
*******************/
#enteteMI #sous-titre h3 {
	font-size:15px;/*1em;*/
	margin: 0px; padding: 4px 33px 0px 0px;
	display:inline;
	line-height:25px;
}
#enteteMI #sous-titre H4{
	font-size:11px; !important;
	font-size:10px; /* Hack IE6, met la typo à 10 sous IE */
	margin: 0px; padding: 4px 0px 0px 33px;
	display:inline; 
	float: left;
	width:500px;
	/*text-indent:33px;line-height:25px;
	color:#E7004A;*/
}

#enteteRootline {
	float:left; width: 919px; height:22px;
	margin: 0px; padding: 0px;
	background-color: #FFEB7B;
}
#enteteRootline #bas {
	float: left;
	margin: 0px;
	padding: 5px 7px;
	color: #FF6531;
	font-weight: bold;
	font-size: 0.8em;
	vertical-align: middle;
	background-color: #FFEB7B;
	}
/* Ou sommes nous, lien */
#enteteRootline #bas a { color: #FF6531;text-decoration: underline; }
/* Ou sommes nous, survol */
#enteteRootline #bas a:hover {text-decoration: none; }

/*************************************************************************************
**** MENU
**************************************************************************************/
/* L2 - C1 */
#menu {
	float: left;
	width: 145px;
	padding: 0;
	/*background: blue;*/
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	vertical-align: top;
	border-top: 1px solid white;
}

#menu div.menu-level1-no { padding: 0;border-bottom: 1px solid #F1F1F1;}
#menu div.menu-level1-act { padding: 0;border-bottom: 1px solid #F1F1F1;}
#menu div.menu-level1-act a { display: block; padding: 3px 3px 3px 8px; text-decoration: none; 
background-color: #9F004C; border-right: 5px solid #9C004A;
color: #F1F1F1; 
font-size: 1.0em; font-variant: small-caps; font-weight: bold;
}

#menu div.menu-level1-no a {
display: block;
padding: 3px 3px 3px 8px;
text-decoration: none; 
background-color: #E7004A; 
color: #F1F1F1;
border-right: 5px solid #FFEB7B;
font-size: 1em;
font-variant: small-caps;
font-weight: bold;
}

#menu div.menu-level1-no a:hover {
background-color: #F77129; 
color: #F1F1F1;
border-right: 5px solid #FFEB7B;}

#menu div.menu-level1-all { background-color: #B50056; }

#menu div.menu-level2-no { padding: 0;border-bottom: 1px solid #F1F1F1;}
#menu div.menu-level2-act { padding: 0;border-bottom: 1px solid #F1F1F1;}

#menu div.menu-level2-no a {
display: block;
padding: 3px 3px 3px 8px;
text-decoration: none; 
background-color: transparent; 
color: #F1F1F1;
border-right: 5px solid #FFEB7B;
font-size: 0.8em;}

#menu div.menu-level2-act a {
display: block;
padding: 3px 3px 3px 8px;
text-decoration: none; 
background-color: #298EBD;
color: #F1F1F1;
/*border-right: 5px solid #298EBD;*/
font-size: 0.8em;}

#menu div.menu-level2-no a:hover {
background-color: #F77129; 
color: #F1F1F1; border-right: 5px solid #FFEB7B; }

#menu div.menu-level2-no :before { content: "> "; }
#menu div.menu-level2-act :before { content: "> "; }
#menu div.menu-agenda-act :before { content: "> "; }
#menu div.menu-actions-act :before { content: "> "; }
#menu div.menu-billets-act :before { content: "> "; }
#menu div.menu-questions-act :before { content: "> "; }
#menu div.menu-debat-act :before { content: "> "; }
#menu div.menu-rencontres-act :before { content: "> "; }

html>body #menu div a { width: auto; }

#menu div.menu-agenda-act { padding: 0; border-bottom: 1px solid #F1F1F1;}
#menu div.menu-agenda-act a { display: block; padding: 3px 3px 3px 8px; text-decoration: none; color: White; font-size: 0.8em; 
background-color: #FF8600; border-right: 5px solid #FF8600; }

#menu div.menu-actions-act { padding: 0; border-bottom: 1px solid #F1F1F1;}
#menu div.menu-actions-act a { display: block; padding: 3px 3px 3px 8px; text-decoration: none; color: White; font-size: 0.8em; 
background-color: #99CC66; border-right: 5px solid #99CC66; }
	/* Rencontres */
#menu div.menu-rencontres-act { padding: 0;border-bottom: 1px solid #F1F1F1;}
#menu div.menu-rencontres-act a { display: block; padding: 3px 3px 3px 8px; text-decoration: none; color: White; font-size: 0.8em; 
background-color: #2EA860; border-right: 5px solid #2EA860; }

#menu div.menu-billets-act { padding: 0;border-bottom: 1px solid #F1F1F1;}
#menu div.menu-billets-act a { display: block; padding: 3px 3px 3px 8px; text-decoration: none; color: White; font-size: 0.8em; 
background-color: #7071B9; border-right: 5px solid #7071B9; }

#menu div.menu-questions-act { padding: 0;border-bottom: 1px solid #F1F1F1;}
#menu div.menu-questions-act a { display: block; padding: 3px 3px 3px 8px; text-decoration: none; color: White; font-size: 0.8em; 
background-color: #298EBD; border-right: 5px solid #298EBD; }

#menu div.menu-debat-act { padding: 0;border-bottom: 1px solid #F1F1F1;}
#menu div.menu-debat-act a { display: block; padding: 3px 3px 3px 8px; text-decoration: none; color: White; font-size: 0.8em; 
background-color: #005B8E; border-right: 5px solid #005B8E; }

#menu div.logo-pse{ margin: 0px; padding: 5px 5px 5px 10px; width: 110px; }
#menu div.separation{ margin: 0px; padding: 0px; width: 145px; height: 15px; }

/* L2 - C2 -------- Composition de la page */ 
#page { float:left; width: 774px; margin: 0px; padding: 0px 0px 18px 0px;
	background-color:white; vertical-align: top;}
/* boites */
#page div#bord-droit{ float: left; width: 30px; margin: 30px 0 0 0; padding: 0px; background-color: transparent; }
#page div#contenu{ float: left; width: 710px; margin: 10px 0 0 0; padding: 0; 
background-color: transparent; }

/******************************************************************************************* 
* Feuille de style pour le contenu de la page 
*******************************************************************************************/
#page #contenu td{ font-size: 0.85em; /*color: #FF3C63;*/}
#contenu h1 { 
	margin: 18px 0px 12px 0px; padding: 0px; color: #B50052;
	font-size: 2.1em;
	border-bottom: 2px dotted #E7004A;
}
#contenu h2 {
	 margin: 15px 0px 10px 0px; padding: 0px; color: #B50052;
}
#contenu h3 {
	 margin: 6px 0px 4px 0px; padding: 0px; color: black;
}
#contenu h4 {
	 margin: 2px 0px 0px 0px; padding: 0px;color: #B50052;
}
#contenu p { 
	margin: 5px 0px 10px 0px; padding: 0px; color: Black;
	text-align: justify;
}

#contenu li { margin: 7px; }

/* Liens externes 
Classes : .mail et .external-link-new-window
*/
#contenu a.mail, a.external-link-new-window { color: #298EBD; }
#contenu a:hover.mail, a:hover.external-link-new-window { color: #9C004A; }
#contenu a:visited.mail, a:visited.external-link-new-window { color: #FF3C63; }

/* Liens de téléchargement */
#contenu .tr-even { background-color: #FFF2A6;}
#contenu .tr-odd { background-color: #FFFADB;}

.csc-uploads-fileName { margin:0px; }
.csc-uploads-description { font-style: oblique; }

/*.bodytext a.external-link-new-window { color: #E7004A; }
.bodytext a:hover.external-link-new-window { color: #9C004A; }*/

#page #contenu a { padding: 0px; margin: 4px 0px 2px 0px; /*color: #B50052;*/ background-color: transparent;}
#page #contenu a:hover { text-decoration:underline;}

/**********************
** PIED               * 							
***********************/
#pied {
	float: left; margin: 15px 0 0 0; padding: 0px; width: 955px;
	text-align: center; background: transparent; }
#pied p{ height:18px; margin:0px; font-weight: bold; font-size: 7pt; color: White; }

#footer {float: left; margin: 0px; padding: 0px; width: 955px; height: 30px;
	background: url(../img/footer.gif); text-align: center; }
#footer-txt {float: left; margin: 0px; padding: 12px 0 0 0; width: 955px; height: 32px;
	background: #FFFFFF url(../img/footer-txt.gif) no-repeat;
	text-align: center; color: #AAAAAA; font-size: 0.8em; }
#footer-txt a { color: #AAAAAA; }
#footer-txt a:hover { color: #000000; }

span#miseajourle {
	float: left; margin: 0px; padding: 0;
}
/*********************************************************************************
* PARTIE TT_NEWS
****************/
.tx-ttnews table {
font-size: 1em;
}
/* 
PID = Nom - uid(cat)
22 = Agenda 	- 1 - orange 	#FF8600
23 = Actions 	- 2 - vert		#99CC66
21 = Billets 	- 3 - violet 	#84007B - #7071B9
20 = Questions  - 4 - bleu c 	#298EBD
19 = Débats 	- 5 - bleu f	#005B8E
#005B8E;
32 = Rencontres - 10 - vert f   #2EA860 - #CBE9D7
*/
.news-list-cat1 a {
	color: #FF8600; }
div .news-list-titre1 {	padding: 2px 0px 2px 5px; color: #FFFFFF;	font-weight: bold; font-size: 1.2em;
	background-color: #FF8600;}
div .news-list-titre1 a { vertical-align: middle; text-decoration: none; color: #FFFFFF; 
	background-color: #FF8600; }
div .news-list-titre1 a:hover { color: #FFFFFF; text-decoration: underline; 
	background-color: #FF8600; }
/* 2 = Actions du député */
.news-list-cat2 a { 
	color: #99CC66; }
div .news-list-titre2 {	padding: 2px 0px 2px 5px; 	color: #FFFFFF; font-weight: bold; font-size: 1.2em;
	background-color: #99CC66; }
div .news-list-titre2 a {vertical-align: middle;  text-decoration: none; color: #FFFFFF; 
	background-color: #99CC66; }
div .news-list-titre2 a:hover { color: #FFFFFF;	text-decoration: underline; 
	background-color: #99CC66; }
/* 3 = Billets d'humeur */
.news-list-cat3 a {
	color: #7071B9; }
div .news-list-titre3 { padding: 2px 0px 2px 5px;color: #FFFFFF;font-weight: bold; font-size: 1.2em;
	background-color: #7071B9; }
div .news-list-titre3 a { vertical-align: middle; text-decoration: none; color: #FFFFFF; 
	background-color: #7071B9; }
div .news-list-titre3 a:hover { color: #FFFFFF;	text-decoration: underline;
	background-color: #7071B9; }
/* 4 = Questions du député */
.news-list-cat4 a {
	color: #298EBD; }
div .news-list-titre4 {	padding: 2px 0px 2px 5px; margin: 0px;color: #FFFFFF; font-weight: bold; font-size: 1.2em;
	background-color: #298EBD; }
div .news-list-titre4 a { vertical-align: middle; text-decoration: none; color: #FFFFFF;
	background-color: #298EBD; }
div .news-list-titre4 a:hover { color: #FFFFFF;	text-decoration: underline;
	background-color: #298EBD; }
/* 5 = Débat européen */
.news-list-cat5 a {
	color: #005B8E; }
div .news-list-titre5 { padding: 2px 0px 2px 5px; color: #FFFFFF; font-weight: bold; font-size: 1.2em;
	background-color: #005B8E; }
div .news-list-titre5 a { vertical-align: middle; text-decoration: none; color: #FFFFFF; 
	background-color: #005B8E; }
div .news-list-titre5 a:hover { color: #FFFFFF;	text-decoration: underline; 
	background-color: #005B8E;
}
/* 10 = Rencontres */
.news-list-cat10 a {
	color: #2EA860; }
div .news-list-titre10 { padding: 2px 0px 2px 5px; color: #FFFFFF; font-weight: bold; font-size: 1.2em;
	background-color: #2EA860; }
div .news-list-titre10 a { vertical-align: middle; text-decoration: none; color: #FFFFFF; 
	background-color: #2EA860; }
div .news-list-titre10 a:hover { color: #FFFFFF;	text-decoration: underline; 
	background-color: #2EA860;
}

/* Vidéos */
.csc-header H1 {
  display: none;
}
/* But ... */
#c49 .csc-header H1 {
  display: block;
}
.csc-header-n1 {
  display: block;
}
DIV.csc-default, #contenu P.csc-linkToTop {
  margin-left: 25px;
}
#c38.csc-default {
  margin-left: 0px;
}
/* Salut Fabien ! */