/**	FEMMES INITIATIVE CITOYENNE	**
**	feuille de styles	(pl)				**
**/

* { margin: 0; padding: 0; font-family: Verdana, sans-serif; font-size: 11px; color: #000; }

html, body {
	height: 100%; /*Permet le height 100% sur tous les contenus*/
}
br {
	height: 10px;
	line-height: 10px;
}	
textarea {
	resize: none; /*CSS3 pour Safari*/
}
.no_border {
	border-width: 0px;
}

/*
**	Séparateurs	**
*/
div.spacer { clear: both;	position: relative;	font-size: 1px; }
div.liner_contenu,
div.liner_colonne_droite
 {
	clear: both;
	position: relative;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 20px;
}
div.liner_contenu { width: 556px; height: 1px; font-size: 1px; background: url('../images/liner-contenu.jpg') no-repeat; }
div.liner_colonne_droite { width: 231px; height: 2px; font-size: 1px; background: url('../images/liner-colonne-droite.jpg') no-repeat; }

/*
**	Top	**
*/
div#header { clear: both; position: relative; width: 100%; height: 136px; background: url('../images/pix-head-global.jpg') repeat-x; }
div#logo { clear: both; position: relative; margin: auto; width: 908px; height: 136px; font-size: 1px; }
div#menu { clear: both; position: relative; margin: auto; width: 900px; height: 27px; }

/**	MENUS	**/
div#menu p.accueil, div#menu p.accueil_on,
div#menu p.projet, div#menu p.projet_on,
div#menu p.action, div#menu p.action_on,
div#menu p.initiative, div#menu p.initiative_on,
div#menu p.questionnaire, div#menu p.questionnaire_on,
div#menu p.contact, div#menu p.contact_on,
div#menu span.separ_menu,
div#menu span.complement {
	float: left;
	height: 27px;
	cursor: pointer;
}
/*Menu accueil*/
div#menu p.accueil { width: 100px; background: url('../images/nav/pl/accueil.jpg') no-repeat; }
div#menu p.accueil:hover { background: url('../images/nav/pl/accueil-actif.jpg') no-repeat; }
div#menu p.accueil_on { width: 100px; background: url('../images/nav/pl/accueil-actif.jpg') no-repeat; }
/*Menu projet*/
div#menu p.projet { width: 85px; background: url('../images/nav/pl/projet.jpg') no-repeat; }
div#menu p.projet:hover { background: url('../images/nav/pl/projet-actif.jpg') no-repeat; }
div#menu p.projet_on { width: 85px; background: url('../images/nav/pl/projet-actif.jpg') no-repeat; }
/*Menu actions*/
div#menu p.action { width: 98px; background: url('../images/nav/pl/action.jpg') no-repeat; }
div#menu p.action:hover { background: url('../images/nav/pl/action-actif.jpg') no-repeat; }
div#menu p.action_on { width: 98px; background: url('../images/nav/pl/action-actif.jpg') no-repeat; }
/*Menu initiatives citoyennes*/
div#menu p.initiative { width: 186px; background: url('../images/nav/pl/initiativecitoyenne.jpg') no-repeat; }
div#menu p.initiative:hover { background: url('../images/nav/pl/initiativecitoyenne-actif.jpg') no-repeat; }
div#menu p.initiative_on { width: 186px; background: url('../images/nav/pl/initiativecitoyenne-actif.jpg') no-repeat; }
/*Menu questionnaire*/
div#menu p.questionnaire { width: 117px; background: url('../images/nav/pl/questionnaire.jpg') no-repeat; }
div#menu p.questionnaire:hover { background: url('../images/nav/pl/questionnaire-actif.jpg') no-repeat; }
div#menu p.questionnaire_on { width: 117px; background: url('../images/nav/pl/questionnaire-actif.jpg') no-repeat; }
/*Menu contact*/
div#menu p.contact { width: 109px; background: url('../images/nav/pl/contact.jpg') no-repeat; }
div#menu p.contact:hover { background: url('../images/nav/pl/contact-actif.jpg') no-repeat; }
div#menu p.contact_on { width: 109px; background: url('../images/nav/pl/contact-actif.jpg') no-repeat; }
/*Séparation entre les menus*/
div#menu span.separ_menu { width: 2px; background: url('../images/nav/pl/separ-menu.jpg') no-repeat; cursor: default; }
/*Complément du menu*/
div#menu span.complement { width: 193px; background: url('../images/nav/pl/complement-nav.jpg') no-repeat; cursor: default; }

/*
**	Contenu	**
*/
div#general { clear: both; position: relative; margin: auto; width: 908px; background: url('../images/pix-contenu.jpg') repeat-y; }
div#contenu { clear: both; position: relative; width: 908px; background: url('../images/pix-colonne-droite.jpg') repeat-y; background-position: 615px top;}
div#contenu_gauche { position: relative; float: left; width: 575px; padding-top: 30px; padding-left: 20px; padding-right: 20px; }
div#contenu_droite { position: relative; float: left; width: 233px; padding-top: 30px; padding-left: 20px; padding-right: 20px; }

span.titre1_contenu { font-family: Georgia, 'Times New Roman'; font-size: 14px; color: #75777d; }
span.titre2_contenu { font-family: Georgia, 'Times New Roman'; font-size: 18px; color: #49bcd7; text-transform: uppercase; }
span.titre2a_contenu { font-family: Georgia, 'Times New Roman'; font-size: 18px; color: #49bcd7; }
span.soustitre_contenu { font-family: Georgia, 'Times New Roman'; font-size: 12px; color: #FDCC65; }
span.titre1_colonne { font-family: Verdana, 'Times New Roman'; font-size: 14px; color: #ffffff; }
span.titre2_colonne { font-family: Verdana, 'Times New Roman'; font-size: 18px; color: #feba2b; }

img.photo_margin_right { float: left; margin-right: 15px; }
img.photo_margin_left { float: right; margin-left: 15px; }

p.texte { font-family: Myriad, 'Times New Roman'; font-size: 15px; color: #75777d; text-align: justify; }
p.texte a { font-family: Myriad, 'Times New Roman'; font-size: 15px; color: #003d85; text-decoration: underline; }
p.texte_colonne { font-family: Myriad, 'Times New Roman'; font-size: 15px; color: #ffffff; text-align: justify; }

div#campagne_nationale { clear: both; position: relative; width: 236px; height: 39px; background: url('../images/btn-campagne-nationales.jpg') no-repeat; }
div#campagne_nationale p { float: left; line-height: 39px; width: 78px; text-align: center; }
div#campagne_nationale a { font-family: Georgia, 'Times New Roman'; font-size: 14px; color: #003D85; }

/*
**	Action	**
*/
div#action_seminaires {
	position: relative;
	clear: both;
	width: 516px;
	margin-left: 40px;
	margin-top: 15px;
	margin-bottom: 15px;
}
	div#action_seminaires div.puce_fleche {
		float: left;
		width: 15px;
		height: 16px;
		background: url('../images/blue-arrow.jpg') no-repeat;
		margin-right: 10px;
	}
	div#action_seminaires div.desc_seminaire {
		float: left;
		height: 16px;
		line-height: 16px;
		font-family: Myriad, 'Times New Roman'; 
		font-size: 15px; 
		color: #75777d;
		
	}

/*
**	Contact	**
*/
div#contact { clear: both; position: relative; margin: auto; margin-bottom: 150px; width: 415px; background-color: #EFF3FF; border: 3px #E1E5F0 solid; }
form.formcontact { padding-top: 20px; padding-left: 75px; }
form.formcontact label { float: left; width: 60px; height: 20px; line-height: 20px; font-family: Georgia, 'Times New Roman'; font-size: 11px; color: #75777d; }
form.formcontact input { float: left; width: 200px; height: 20px; border: 1px #D3D7E0 solid; font-family: Georgia, 'Times New Roman'; font-size: 11px; }
form.formcontact textarea { width: 259px; height: 100px; border: 1px #D3D7E0 solid; font-family: Georgia, 'Times New Roman'; font-size: 11px; }
form.formcontact input.submit { margin-top: 10px; margin-bottom: 10px; margin-left: 50px; border: 0; width: 170px; height: 29px; background: url('../images/btn-submit.jpg') no-repeat; cursor: pointer; color: #49BCD7; font-weight: bold; }
p.titre_contact { width: 395px; height: 45px; line-height: 45px; padding-left: 20px; background-color: #F8F9FE; font-family: Georgia, 'Times New Roman'; font-size: 14px; font-weight: bold; color: #49BCD7; }
p.champs_obligatoires { font-family: Georgia, 'Times New Roman'; color: #49BCD7; }
p.erreur_contact { padding-left: 80px; height: 15px; font-family: Georgia, 'Times New Roman'; font-size: 11px; color: #ff0000; }

/*
**	Questionnaire	**
*/
div#questionnaire { clear: both; margin: auto; position: relative; width: 556px; }
div#questionnaire div.bloc_question { width: 550px; border: 3px #E1E5F0 solid; margin-bottom: 15px; }
div#questionnaire div.question { background-color: #F8F9FE; padding: 10px 15px 10px 15px; font-family: Georgia, 'Times New Roman'; font-size: 18px; color: #49bcd7; text-align: justify; }
div#questionnaire div.reponse { background-color: #EFF3FF; padding: 20px 70px 20px 70px; font-family: Myriad, 'Times New Roman'; font-size: 13px; color: #75777d; }
div#questionnaire input.submit { margin-top: 10px; margin-bottom: 10px; margin-left: 50px; border: 0; width: 170px; height: 29px; background: url('../images/btn-validation-questionnaire.jpg') no-repeat; cursor: pointer; }
p.erreur_questionnaire { height: 25px; font-family: Georgia, 'Times New Roman'; font-size: 11px; color: #ff0000; }

/*
**	Pieds de page	**
*/
div#footer_general { padding-top: 50px; background: url('../images/pix-colonne-droite.jpg') repeat-y; background-position: 615px top; }
div#partenaires {float: left; width: 575px; padding-left: 20px; padding-right: 20px; margin-bottom: 10px; }
div#partenaires img { padding-left: 30px; padding-right: 30px; }
div#facebook_twitter { float: left; width: 233px; padding-left: 20px; padding-right: 20px; background: url('../images/pix-colonne-droite.jpg') repeat-y; margin-bottom: 10px; }
div#facebook_twitter img {
	margin-bottom: 5px;
}
div#footer { clear: both; position: relative; margin: auto; width: 900px; height: 90px; background-color: #EFEDF2; }
div#footer p { font-family: Verdana; font-size: 10px; color: #61abff; padding-left: 20px; }
div#footer a { font-family: Verdana; font-size: 10px; color: #61abff; }
p.slogan { height: 28px; margin-top: 50px; background: url('../images/bottom-footer.jpg') no-repeat; }