/* CSS Document */
/*-------------------------------- © Adeline Bouilloux - 2007 --------------------------------*/
html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}
/* body ----------------------------------------------------*/
body{
	background-color:#fff;
	border: 0;
	font-family:'trebuchet ms',verdana,sans-serif;
	font-size: 75%;
	color: #333;
	text-align: left;
	line-height:150%;
}
img a{
	border:0;
}
h1, h2, h3, h4, h5, h6{
	font-family:'trebuchet ms',verdana,sans-serif;
}
h1{
	font-size: 1.45em; 
	color: #a30686;
	margin-top:50px;
	margin-bottom: 20px;
	letter-spacing : 1px ;
}
h2{font-size: 1.2em; color:#333; border-bottom:dotted 1px #333;}
h3{font-size: 1.2em; color:#faa106;}

/*ensemble de la page-----------------------------------------------------*/
#page{	
	position: absolute;
	background-color: #fff;
	left: 50%;
	width: 800px;
	margin-top: 1%; /* moitié de la hauteur */
	margin-left: -400px; /* moitié de la largeur */
}
/* bandeau du haut --------------------------------------*/
#top{
	background-color:#fff;
	color: #333;
	width: 800px; 
	height: 235px; 
	margin: 0; 
	padding: 0;
	background: url("images/bandeau-haut.gif");
	background-repeat: no-repeat;
}
/* bandeau gauche supportant la navigation verticale-------------------*/
#sidebar{
	position:absolute;
	background-color: #fff;
	color: #333;
	font-size: 1em;
	width: 250px;
	left:44px;
}
/*-----------puce rectangulaire devant titre H1-------------------*/
.titrearticle{
	margin-right:15px;
	float: left;
}
/*--------------------menu2 presentation catherine pidoux-----------------------------------*/
.menu2{
	background-color: #fff;
	color: #000;
	margin:15px 15px 15px 18px;
}
.menu2 h1{
	color: #a30686;
	font-weight: bold;
	font-size: 1.25em;
	margin: 32px 0 8px 0; 	
}
.menu2 ul {

	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
.menu2 a {
	width: 215px;
	font-family:verdana, arial, sans-serif; 
	font-size: 0.9em;
	font-weight:normal;
	display: block;
	text-decoration: none;
	color: #000;
	background: #bfa2c9;
	text-indent: 25px;
	margin: 3px 0 3px 0;
	background-image:url("images/puce-cathie.gif");
	background-position: left;
	background-repeat: no-repeat;
}
.menu2 a:visited {
	color: #000;
	background-image:url("images/puce-visited.gif");
	background-position: left;
	background-repeat: no-repeat;
}
.menu2 a:hover {
	color: #fff;
	background: #a30686;
	background-image:url("images/puce-cathieh.gif");
	background-position: left;
	background-repeat: no-repeat;
}
#titre2 {
	position:absolute;
	background-image:url("images/titre-presentation.gif");
	background-position: left;
	background-repeat: no-repeat;
	margin:0;
	Padding:0;
	color:#fff;
	height:42px;
	width:233px;
	float:left;	
}
#txttitre2 {
	position:relative;
	Padding:5px 0 0 15px;
	color: #000;
	font-weight: bold;
	font-size: 1.35em;	
}
/*--------------menu3 vous avez la parole---------------------*/
.menu3{
	background-color: #fff;
	color: #000;
	margin:15px 15px 15px 18px;
}
.menu3 h1{
	color: #e60003;
	font-weight: bold;
	font-size: 1.25em;
	margin: 32px 0 8px 0; 	
}
.menu3 ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
.menu3 a {
	width: 215px;
	font-family:verdana, arial, sans-serif; 
	font-size: 0.9em;
	font-weight:normal;
	display: block;
	text-decoration: none;
	color: #000;
	background: #f18e00;
	text-indent: 25px;
	margin: 3px 0 3px 0;
	background-image:url("images/puce-parole.gif");
	background-position: left;
	background-repeat: no-repeat;
}
.menu3 a:visited {
	color: #000;
	background-image:url("images/puce-visited.gif");
	background-position: left;
	background-repeat: no-repeat;
}
.menu3 a:hover {
	color: #fff;
	background: #a90a0e;
	background-image:url("images/puce-paroleh.gif");
	background-position: left;
	background-repeat: no-repeat;
}
#titre3 {
	position:absolute;
	background-image:url("images/titre-parole.gif");
	background-position: left;
	background-repeat: no-repeat;
	margin:0;
	Padding:0;
	color:#fff;
	height:42px;
	width:233px;
	float:left;	
}
#txttitre3 {
	position:relative;
	Padding:5px 0 0 15px;
	color: #000;
	font-weight: bold;
	font-size: 1.35em;	
}
/*-----------------menu 4 soutenir-------------------*/
.menu4{
	background-color: #fff;
	color: #000;
	margin:15px 15px 15px 18px;
}
.menu4 h1{
	color: #285144;
	font-weight: bold;
	font-size: 1.25em;
	margin: 32px 0 8px 0; 	
}
.menu4 ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
.menu4 a {
	width: 215px;
	font-family:verdana, arial, sans-serif; 
	font-size: 0.9em;
	font-weight:normal;
	display: block;
	text-decoration: none;
	color: #000;
	background: #b5cc1f;
	text-indent: 25px;
	margin: 3px 0 3px 0;
	background-image:url("images/puce-soutenir.gif");
	background-position: left;
	background-repeat: no-repeat;
}
.menu4 a:visited {
	color: #000;
	background-image:url("images/puce-visited.gif");
	background-position: left;
	background-repeat: no-repeat;
}
.menu4 a:hover {
	color: #fff;
	background: #285144;
	background-image:url("images/puce-soutenirh.gif");
	background-position: left;
	background-repeat: no-repeat;
}
#titre4 {
	position:absolute;
	background-image:url("images/titre-soutenir.gif");
	background-position: left;
	background-repeat: no-repeat;
	margin:0;
	Padding:0;
	color:#fff;
	height:42px;
	width:233px;
	float:left;	
}
#txttitre4 {
	position:relative;
	Padding:5px 0 0 15px;
	color: #000;
	font-weight: bold;
	font-size: 1.35em;	
}
/*------------------menu legilsatives ----------------------------*/
.menu{
	background-color: #fff;
	color: #000;
	margin:15px 15px 15px 18px;
}
.menu h1{
	color: #1c377b;
	font-weight: bold;
	font-size: 1.25em;
	margin: 32px 0 8px 0; 	
}
.menu ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
.menu a {
	width: 215px;
	font-family:verdana, arial, sans-serif; 
	font-size: 0.9em;
	font-weight:normal;
	display: block;
	text-decoration: none;
	color: #000;
	background: #76b1dc;
	text-indent: 25px;
	margin: 3px 0 3px 0;
	background-image:url("images/puce-legis.gif");
	background-position: left;
	background-repeat: no-repeat;
}
.menu a:visited {
	color: #000;
	background-image:url("images/puce-visited.gif");
	background-position: left;
	background-repeat: no-repeat;
}
.menu a:hover {
	color: #fff;
	background: #1c377b;
	background-image:url("images/puce-legish.gif");
	background-position: left;
	background-repeat: no-repeat;
}
#titre {
	position:absolute;
	background-image:url("images/titre-legislative.gif");
	background-position: left;
	background-repeat: no-repeat;
	margin:0;
	Padding:0;
	color:#fff;
	height:42px;
	width:233px;
	float:left;	
}
#txttitre {
	position:relative;
	Padding:5px 0 0 15px;
	color: #000;
	font-weight: bold;
	font-size: 1.35em;	
}
/* ---------------menu papillon-------------------------------*/
.menu-pap{
	background-color: #fff;
	color: #666666;
	margin:30px 15px 0 18px;
}
.menu-pap img{
	border:0;
}
.menu-pap a {
	color: #333;
	width: 215px;
	height:105px; 
	display: block;
	font-weight:normal;
	background: #fff;
	background-image: url(images/bta-papillon.gif);
	background-repeat: no-repeat;

}
.menu-pap a:hover {
	color: #333;
	background-color: #fff;
	background-image: url(images/bth-papillon.gif);
	background-position: left;
	background-repeat: no-repeat;
}
#titre-pap {
	position:absolute;
	background-image:url("images/titre-papillon.gif");
	background-position: left;
	background-repeat: no-repeat;
	margin:0;
	Padding:0;
	color:#fff;
	height:42px;
	width:233px;
	float:left;	
}
#txttitre-pap {
	position:relative;
	Padding:5px 0 0 15px;
	color: #000;
	font-weight: bold;
	font-size: 1.35em;	
}
/* zone supportant main + sidebar -------------------------------*/
#container{
	background-color: #fff;
	color:#333;
	width:800px;
	background: url("images/fond.gif");
	background-repeat: repeat;
	height:100%; /*pour eviter la superposition du footer et du menu*/
}

/* Zone supportant les contenus --------------------------------*/
#main{
	background-color: #fff;
	margin-left:294px;
	color:#333;
	width:505px;
	font-size:1em;
	line-height:1.8em;
}
/* zone print et retour page accueil-----------------------------*/
#print{
	background-color: #fff;
	color:#333;
	height: 30px;
	padding: 15px 50px 0 20px;
}
#print a{
	border:0;
	color:#666;
	text-decoration: none;	
}
#print a:hover{
	border:0;
	color:#a6208a;
	text-decoration: none;	
}
#print img{
	border:0;
}
/* zone de contenu-------------------------------------------------*/
#content{
	background-color: transparent;
	color:#333;
	margin: 0px 35px 15px 0px;
}
#content a{
	color:#3d6bb3;
	font-weight:bold;
	text-decoration:underline; 
}
#content a:hover { color:#a30686; }
#content a:visited { color:#666; }
/* -----------------message commentaires --------------------------------------------------*/
div.commentaire{
	background-image: url("images/commentaire.gif");
	background-repeat: no-repeat;
	background-color: #f6f7f7;
	margin-top:10px;
	height:36px;
	width:100%;
}
div.commentairetexte{
	background-image: url("images/fond-comment.gif");
	background-repeat: repeat;
	width:100%;
}

div.imgangle{
	background-image: url("images/angle.gif");
	background-repeat: no-repeat;
	background-position: bottom;
	padding:0;
	height:36px;
	width:100%;
}
.txtcomment {
	color:#858489;
	padding: 0 37px 0 37px;
	margin:0;
}
.titrecomment {
	font-size: 0.9em;
	color:#5b5c60;
	font-style:italic;
	padding: 0 37px 10px 37px;
	margin:0;
}
/* -------message de soutien --------------------------------------------------*/
div.soutien{
	background-image: url("images/messagesoutien.gif");
	background-repeat: no-repeat;
	/*border: 1px dashed #999999;*/
	background-color: #f6f7f7;
	margin-top:10px;
	width:100%;
	height:36px;
}
/*-----------------textes de la page d'acceuil-----------------------*/
#accueil{
	background-color: #fff;
	margin:0;
	border: solid 1px #97979b;
	padding: 10px 37px 37px 37px;
}
#accueil h1{
	color:#3d6bb3;
	letter-spacing : 2px ;
}
/*-----------------textes des pages presentation-----------------------*/
#presentation{
	background-color: #fff;
	margin:0;
	border: solid 1px #97979b;
	padding: 10px 37px 37px 37px;
}
#presentation h1{
	color:#a30686;
	letter-spacing : 2px ;
}
#presentation img{
	border:0;	
}
#presentation a:visited{
	color:#666;
	text-decoration:underline; 	
}
/*--------------textes des pages vous avez la parole------------*/
#parole{
	background-color: #fff;
	margin:0;
	border: solid 1px #97979b;
	padding: 10px 37px 37px 37px;
}
#parole h1{
	color:#e60003;
	letter-spacing : 2px ;
}
#parole img{
	border:0;	
}
/*------------------------textes des pages soutenir ma candidature---------*/
#soutenir{
	background-color: #fff;
	margin:0;
	border: solid 1px #97979b;
	padding: 10px 37px 37px 37px;
}
#soutenir h1{
	color:#285144;
	letter-spacing : 2px ;
}
/*--------------------btn Envoyer un commentaire-----------------------*/
#deposer{
	margin:0 ;
	padding:0 0 0 185px;
}
#deposer a{
	background: url("images/btn-comment.gif") no-repeat 0 0;
	display: block ;
	width: 203px ;
	height: 32px;
	color: #000 ;
	font-weight: bold;
	text-decoration: none ;
	text-indent:10px;
	color:#a90a0e;
	line-height:3em;
}
#deposer a:visited{
	text-decoration: none ;
	color:#a90a0e;
}
#deposer a:hover{
	background: url("images/btn-comment.gif") no-repeat 0 -32px;
	color:#f18e00;
	text-decoration: none ;
}
/*--------btn envoyer un message de soutien ----------*/
#soutien{
	margin:0 0 0 120px;
	padding:0;
	
}
#soutien a{
	background: url("images/btn-soutien.gif") no-repeat 0 0;
	display: block ;
	width: 224px ;
	height: 32.5px;
	color: #000 ;
	font-weight: bold;
	text-decoration: none ;
	text-indent:10px;
	color:#285144;
	line-height:2.2em;
	
}
#soutien a:visited{
	color:#285144;
	text-decoration: none ;
}
#soutien a:hover{
	background: url("images/btn-soutien.gif") no-repeat 0 -32.5px;
	color:#b5cc1f;
	text-decoration: none ;
}
/*formulaire------------------------------------------------------------*/
#formulaire {
	border: none;
	margin: 0;
	padding: 0;
	width: 400px;	/*** Largeur du formulaire ***/
}
#corpForm {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	color: #333;
	background: #f8f8f8;
	margin: 0;
	padding: 25px;
}
#corpForm fieldset {	/*** Mise en forme des cadres ***/
	margin: 0;
	font-style: normal;
	padding: 0 1em 1em;
}
#corpForm legend {	/*** Mise en forme des titres des cadres ***/
	font-weight: bold;
	color: #333;
	background: transparent;
}
#corpForm p {	/*** Mise en forme des lignes du formulaire ***/
	padding: .2em 0;
	margin: 0 0 .2em 0;
}
#corpForm fieldset#coordonnees label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 30%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;	/*** ... et centrés verticalement. ***/
}
#corpForm label:hover, #piedForm input {
	cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
}
#corpForm label.oblig {
	font-weight: bold;	/*** Mise en évidence des champs obligatoires ***/
}
#corpForm .focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	background-color: #ccc;
	color: black;
}
#corpForm .normal {	/*** Retour à l'état normal après l'utilisation ***/
	background: white;
	color: black;
}

/* pied de page--------------------------------------------------*/
#footer{
	background: url("images/fond-footer.gif") no-repeat ;
	height: 47px;
	width: 800px;
	background-color:#fff;
	color: #666666;
	text-decoration: none;
	text-align: center;
	line-height: 2em;
	vertical-align: middle;
}
#footer a{
	color:#666666;
	background-color: transparent;
	text-decoration: none;
}

#footer a:hover{
	background: transparent;
	color: #333;
}
/*---------------contact contact@catherinepidoux.com---------------------*/
.contact{
	background-color: #a30686;
	color: #fff;
	margin:30px 15px 0 18px;
	width: 215px; 
	height: 25px;
	display: block;
	line-height: 2em;
	border: solid 1px #a30686;
}
.contact img{
	float:left;
	border:0;
	
}
.contact a, a:visited {
	text-decoration: none ; 
	color:#fff;
}
.contact a:hover {
	text-decoration: none ; 
	color:#b5cc1f;
}
/*-----------fin zone contact contact@catherinepidoux.com--------------*/

/*----------------style--------------------*/
.relief{
	background-color: #f2f2f2;
	color: #666;
	margin:30px 15px 0 0;
	padding:5px;
	width: 394px; 
	display: block;
	line-height: 2em;
	border : dashed #a30686 1px;
}
.imglogo{
	margin:20px 0 0 15px;
}
.imagetexte {
	float:right; 
	margin:5px 0 10px 20px;
	/*border: 1px solid #cccccc;*/
}
.imagetexteleft {
	float:left; 
	margin:5px 20px 10px 0px;
	/*border: 1px solid #cccccc;*/
}
.imgright{
	float:right;
}
.gras{
	font-weight:bold;
	}
.grasbleu{
	font-weight:bold;
	color:#3d6bb3;
}
.grasviolet{
	font-weight:bold;
	font-size: 1.2em; 
	color:#a30686;
}
.calendrier{
	border-bottom: 1px dotted #666666;
	padding:5px;
}
.txtrouge{
	color: #ff0000;
	font-family: Georgia, Cursive;
	font-size: 1.3em; 
	font-style:italic;
	text-indent: 20px ;
	margin-left:20px;
	}
.txtviolet{
	color:#1464a9;
	font-family: Georgia, Garamond, Cursive;
	font-size: 1.1em; 
	font-style:italic;
	font-weight:bold;
	text-indent: 10px ;
	margin-left:20px;
	}
.txtfondprojets {
	padding: 10px;
	border: 2px dashed #a6208a;
	color:#a6208a;
}
.txtright{
	text-align:right;
}	
.zonegrise {
	background-color: #f5f6f6;
	color: #68676c;
	margin: 5px 15px 5px 18px;
	/*padding: 0px 5px 0px 5px;*/
	border: solid 1px #babcbf;
	width: 205px;  
	display: block;
	font-style:italic;
	text-decoration: none ; 
}
.imgborder {
	Border: 1px solid #666;
	float:right; 
	margin:5px 0 10px 20px;
}
.txtcenter {
	text-align:center;
}