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

* { margin: 0; padding: 0; }

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.initiative, div#menu p.initiative_on,
div#menu p.parite, div#menu p.parite_on,
div#menu p.questionnaire, div#menu p.questionnaire_on,
div#menu p.portraits, div#menu p.portraits_on,
div#menu p.soutiens, div#menu p.soutiens_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: 86px; background: url('../images/nav/en/accueil.jpg') no-repeat; }
div#menu p.accueil:hover { background: url('../images/nav/en/accueil-actif.jpg') no-repeat; }
div#menu p.accueil_on { width: 86px; background: url('../images/nav/en/accueil-actif.jpg') no-repeat; }
/*Menu projet*/
div#menu p.projet { width: 71px; background: url('../images/nav/en/projet.jpg') no-repeat; }
div#menu p.projet:hover { background: url('../images/nav/en/projet-actif.jpg') no-repeat; }
div#menu p.projet_on { width: 71px; background: url('../images/nav/en/projet-actif.jpg') no-repeat; }
/*Menu initiatives citoyennes*/
div#menu p.initiative { width: 173px; background: url('../images/nav/en/initiativecitoyenne.jpg') no-repeat; }
div#menu p.initiative:hover { background: url('../images/nav/en/initiativecitoyenne-actif.jpg') no-repeat; }
div#menu p.initiative_on { width: 173px; background: url('../images/nav/en/initiativecitoyenne-actif.jpg') no-repeat; }
/*Menu parité*/
div#menu p.parite {width: 80px; background: url('../images/nav/en/parite.jpg') no-repeat;}
div#menu p.parite:hover {background: url('../images/nav/en/parite-actif.jpg') no-repeat;}
div#menu p.parite_on {width: 80px; background: url('../images/nav/en/parite-actif.jpg') no-repeat;}
/*Menu questionnaire*/
div#menu p.questionnaire { width: 168px; background: url('../images/nav/en/questionnaire.jpg') no-repeat; }
div#menu p.questionnaire:hover { background: url('../images/nav/en/questionnaire-actif.jpg') no-repeat; }
div#menu p.questionnaire_on { width: 168px; background: url('../images/nav/en/questionnaire-actif.jpg') no-repeat; }
/*Menu portraits*/
div#menu p.portraits { width: 87px; background: url('../images/nav/en/portraits.jpg') no-repeat; }
div#menu p.portraits:hover { background: url('../images/nav/en/portraits-actif.jpg') no-repeat; }
div#menu p.portraits_on { width: 87px; background: url('../images/nav/en/portraits-actif.jpg') no-repeat; }
/*Menu soutiens*/
div#menu p.soutiens { width: 90px; background: url('../images/nav/en/soutiens.jpg') no-repeat; }
div#menu p.soutiens:hover { background: url('../images/nav/en/soutiens-actif.jpg') no-repeat; }
div#menu p.soutiens_on { width: 90px; background: url('../images/nav/en/soutiens-actif.jpg') no-repeat; }
/*Menu contact*/
div#menu p.contact { width: 109px; background: url('../images/nav/en/contact.jpg') no-repeat; }
div#menu p.contact:hover { background: url('../images/nav/en/contact-actif.jpg') no-repeat; }
div#menu p.contact_on { width: 109px; background: url('../images/nav/en/contact-actif.jpg') no-repeat; }
/*Séparation entre les menus*/
div#menu span.separ_menu { width: 2px; background: url('../images/nav/en/separ-menu.jpg') no-repeat; cursor: default; }
/*Complément du menu*/
div#menu span.complement { width: 109px; background: url('../images/nav/en/complement-nav.jpg') no-repeat; cursor: default; }

/*
**	Pied de page	**
*/
div#footer_general { padding-top: 50px; background: url('../images/pix-colonne-droite.jpg') repeat-y; background-position: 615px top; }
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-en.jpg') no-repeat; }

/*
**	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; }

/** 
Pieds de page
**/
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;
}

/*
**	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;
	font-size: 11px;
}
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;
}
input.submit {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 50px;
	border: 0;
	width: 170px;
	height: 29px;
	background: url('../images/submit-questionnaire-en.jpg') no-repeat;
	cursor: pointer;
	/* color: #49BCD7;
	font-weight: bold; */
}
p.erreur_questionnaire {
	height: 25px;
	font-family: Georgia, 'Times New Roman';
	font-size: 11px;
	color: #ff0000;
}

div#questionnaire textarea { width: 420px; }