@charset "utf-8";
/* CSS Document */

* {
margin:0;
padding:0;
}

body {
background-image:url(habillage/fond_rouge_04.gif);
}

#container {
background-image:url(habillage/arriere_plan_ombre_19.gif);
width:1000px;
background-repeat:repeat-y;
margin-right:auto;
margin-left:auto;
}

/* ****************************************************************************************** début HEADER *************** */


ul.header {
	float:right;
	background-image:url(habillage/menu_haut.gif);
	background-repeat:no-repeat;
	width:279px;
	height:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	list-style-type:none;
	padding-left: 20px;
	padding-right: 2px;
	}

#header li {
	text-align:left;
	padding-left: 5px;
	display:block;
	float: left;
	}
	
span.accueil {
	color:#ff9933;
	background-color:#660000;
}

a.accueil {
color:#660000;
text-decoration:none;
}

a.benevolat {
color:#660000;
text-decoration:none;
}

a.contact {
color:#660000;
text-decoration:none;
}

a.don {
color:#660000;
text-decoration:none;
}

a.accueil:hover {
color:#ff9933;
background-color:#660000;
}

a.benevolat:hover {
color:#ff9933;
background-color:#660000;
}

a.contact:hover {
color:#ff9933;
background-color:#660000;
}

a.don:hover {
color:#ff9933;
background-color:#660000;
}


#header {
background-image:url(images/header.jpg);
background-repeat:no-repeat;
width:965px;
height:180px;
margin-left:20px;
}

a.logo {
background-color:#FFFFFF;
}

a.logo:hover {
background-color:#FFFFFF
}
/* ***************************************************************************************************** Fin HEADER *************** */

h1 {
font-family:"Times New Roman", Times, serif;
font-size:16px;
color:#660000;
text-indent:-1000px;
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#660000;
	text-transform:uppercase;
	font-weight:bold;
	margin-top:8px;
	padding-left:5px;
}

h3 {
	background-image:url(habillage/fleche_rouge.gif);
	background-position: 0 7px;
	background-repeat:no-repeat;
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	color:#660000;
	margin-left:15px;
	padding-right:2px;
	padding-left:11px;
	clear:both;
	margin-top: 15px;
}

span.h3 {
	padding-left:10px;
	margin-top: 5px;
}
/* *************************************************************************************** Début MENU PRINCIPAL *************** */
#menu {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	width:170px;
	margin-left:20px;
}

#menu ul {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	width:170px;
	margin-left:2px;
	list-style-type:none;
}

#menu li {
float:left;
}

#menu a {
float:left;
background-image:url(habillage/bouton_off.gif);
background-repeat:no-repeat;
width:169px;
height:40px;
color:#660000;
text-decoration:none;
padding-left:5px;
padding-top:10px;
}

#menu a:hover {
float:left;
background-image:url(habillage/bouton_on.gif);
background-repeat:no-repeat;
width:169px;
height:40px;
color:#ff9933;
text-decoration:none;
padding-left:5px;
padding-top:10px;
}

span.qui {
float:left;
background-image:url(habillage/bouton_on.gif);
background-repeat:no-repeat;
width:169px;
height:40px;
color:#ff9933;
text-decoration:none;
padding-left:5px;
padding-top:10px;
}

span.actions{
float:left;
background-image:url(habillage/bouton_on.gif);
background-repeat:no-repeat;
width:169px;
height:40px;
color:#ff9933;
text-decoration:none;
padding-left:5px;
padding-top:10px;
}

span.reseau{
float:left;
background-image:url(habillage/bouton_on.gif);
background-repeat:no-repeat;
width:169px;
height:40px;
color:#ff9933;
text-decoration:none;
padding-left:5px;
padding-top:10px;
}

span.temoignages{
float:left;
background-image:url(habillage/bouton_on.gif);
background-repeat:no-repeat;
width:169px;
height:40px;
color:#ff9933;
text-decoration:none;
padding-left:5px;
padding-top:10px;
}

span.partenaires{
float:left;
background-image:url(habillage/bouton_on.gif);
background-repeat:no-repeat;
width:169px;
height:40px;
color:#ff9933;
text-decoration:none;
padding-left:5px;
padding-top:10px;
}

/* ***************************************************************************************** Fin MENU PRINCIPAL *************** */

/* ***********************************************************************************************Début CONTENU *************** */
#content {
	float:left;
	width:778px;
	font-family:Arial, Helvetica, sans-serif;
	margin-left:20px;
	margin-bottom: 30px
}

p.presentation {
	color:#660000;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:4px;
	padding-left:5px;
	width: 720px;
}

#temoignages {
	float:left;
	background-image:url(habillage/bt_temoignages.gif);
	background-repeat:no-repeat;
	width:361px;
	margin-left:15px;
	margin-top:20px;
}

#actus {
	float:left;
	background-image:url(habillage/bt_actus_17.gif);
	background-repeat:no-repeat;
	width:255px;
	margin-left:40px;
	margin-top:20px;
}

a.savoir {
	background-image:url(habillage/bt_savoirplus.gif);
	background-repeat:no-repeat;
	width:73px;
	height:19px;
	display:block;
	padding-top:15px;
	clear:both;
	margin-top: 5px;
}

a.savoir:hover {
	background-image:url(habillage/bt_savoirplus_on.gif);
	background-repeat:no-repeat;
	width:73px;
	height:19px;
	display:block;
	padding-top:15px;
	clear:both;
	margin-top: 5px;
}

a.savoir span {
display:none;
}

p.titreactus {
	width:240px;
	margin-top: 15px;
	font-weight: bold;
}

p.titre {
float:left;
font-weight:bold;
}

p.actu {
	width:245px;
}

p {
	float:left;
	font-size:12px;
	color:#000000;
	margin-left: 5px;
	margin-top: 10px;
	width: 358px;
	margin-bottom: 5px;
	}
	
span.phototemoignages {
	float:left;
	background-image:url(images/accueil_temoignages_opt.jpg);
	background-repeat:no-repeat;
	width:283px;
	height:143px;
	margin-top: 12px;
	margin-left: 35px;
}
/* ***************************************************************************************************fin CONTENU *************** */


/* ***************************************************************************************************Début FOOTER *************** */
#footer {
	clear:both;
	background-image:url(habillage/footer.gif);
	background-repeat:no-repeat;
	width:608px;
	height:27px;
	margin: auto;
	}

#footer p.footer {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#660000;
	margin-left:75px;
	padding-bottom:2px;
	padding-top: 2px;
	width:500px;
}

#footer a {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
text-decoration:none;
padding-bottom:5px;
}

#footer a:hover {
	color:#660000;
	text-decoration:underline;
	padding-bottom:5px;
}
/* ***************************************************************************************************fin FOOTER *************** */

/* ****************************************************************************************Début QUI SOMMES-NOUS ?*************** */

#histoire {
clear:both;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-left:20px;
margin-bottom: 30px;
margin-right:10px;
}

.photohistoire {
float:right;
background-image:url(images/logo_petit.gif);
background-repeat:no-repeat;
border:#000000 solid 1px;
width:150px;
height:151px;
}

#histoire ul {
	float:left;
	display:block;
	margin-left:5px;
	padding-left:20px;
	width: 450px;
}

#histoire li {
	display:block;
	margin-left:5px;
}

#organisation {
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-left:35px;
	margin-bottom: 30px;
	margin-right:10px;
	margin-top: 10px;
}

#engagement {
clear:both;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-left:20px;
margin-bottom: 30px;
margin-right:10px;
}

span.citation {
font-style:italic;
}

.photoengagement {
float:right;
background-image:url(images/codes_opt.jpg);
background-repeat:no-repeat;
border:#000000 solid 1px;
width:150px;
height:101px;
}

ul.histoire {
float:left;
display:block;
margin-left:5px;
}

li.histoire {
float:left;
display:block;
margin-left:5px;
}

ul.organisation {
	display:block;
	margin-left:5px;
	width: 650px;
	height: 300px;
	clear: both;
}

#organisation li {
	display:block;
	margin-left:5px;
	padding-bottom: 5px;
}

/* *****************************************************************************************fin QUI SOMMES-NOUS ?*************** */

/* *********************************************************************************************Début NOS ACTIONS*************** */
#juridique {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-left:20px;
	margin-bottom: 30px;
	margin-right:10px;
	width:750px;
}

.texte1 {
	float:left;
	width:540px;
	margin-bottom: 5px;
}

p.titre {
	float:left;
	margin-top: 15px;
	margin-right: 2px;
	width: 550px;
}

p.photojuridique {
float:left;
background-image:url(images/symboles_juridiques_opt.jpg);
background-repeat:no-repeat;
width:150px;
height:113px;
border:#000000 solid 1px;
}

#formation {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-left:20px;
	margin-bottom: 30px;
	margin-right:10px;
	width: 750px;
}

.texte2 {
float:left;
width:550px;
}

p.photoformation {
float:left;
background-image:url(images/formation_opt.jpg);
background-repeat:no-repeat;
width:150px;
height:186px;
border:#000000 solid 1px;
}

#ecrivain {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-left:20px;
	margin-bottom: 30px;
	margin-right:10px;
	width: 750px;
}

.texte3 {
float:left;
width:550px;
}

p.photoecrivain {
float:left;
background-image:url(images/ecrivain_public_opt.jpg);
background-repeat:no-repeat;
width:150px;
height:100px;
border:#000000 solid 1px;
}
/* **********************************************************************************************Fin NOS ACTIONS*************** */

/* **********************************************************************************************Début EN RESEAU*************** */
#europeen {
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-left:20px;
	margin-bottom: 30px;
	margin-right:10px;
	width:750px;
	margin-top: 10px;
}

p.photoreseaux {
	float:right;
	background-image:url(images/terre_reseaux_opt.jpg);
	background-repeat:no-repeat;
	width:150px;
	height:100px;
	border:#000000 solid 1px;
}

#national {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-left:20px;
	margin-bottom: 30px;
	margin-right:10px;
	width:750px;
}

p.photonational{
	float:right;
	background-image:url(images/symbole_republique_francaise_opt.jpg);
	background-repeat:no-repeat;
	width:150px;
	height:200px;
	border:#000000 solid 1px;
	background-position: top;
}

#femmes {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-left:20px;
	margin-bottom: 30px;
	margin-right:10px;
	width:750px;
}

p.photofemme{
	float:right;
	background-image:url(images/femme_terre_opt.jpg);
	background-repeat:no-repeat;
	width:100px;
	height:150px;
	border:#000000 solid 1px;
	margin-right: 50px;
}

/* ******************************************************************************************fin EN RESEAU*************** */

/* ***********************************************************************************debut NOS TEMOIGNAGES*************** */

#temoignages1 {
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-left:20px;
margin-bottom: 30px;
margin-right:10px;
width:750px;
}

p.titretemoignages {
	float:left;
	width:360px;
	font-weight:bold;
	margin-top: 15px;
}

p.temoignages {
	float:left;
	width:500px;
	font-style:italic;
}

p.photoombre{
	float:right;
	background-image:url(images/femme_ombre_opt.jpg);
	background-repeat:no-repeat;
	width:150px;
	height:224px;
	border:#000000 solid 1px;
	margin-right: 50px;
}
/* ***************************************************************************************Fin NOS TEMOIGNAGES*************** */

/* *************************************************************************************Début NOS PARTENAIRES*************** */
#gauche ul {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	list-style-type:none;
	margin-left: 20px;
	padding-left: 50px;
	margin-top: 10px;
	width: 150px;
}

#gauche li {
	clear:both;
	display:block;
	height:100px;
	padding-left: 5px;
}
#centre ul {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	list-style-type:none;
	margin-top: 10px;
	width: 100px;
}

#centre li {
	clear:both;
	display:block;
	height:100px;
	padding-left: 10px;
}

#droite ul {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	list-style-type:none;
	margin-top: 10px;
}

#droite li {
	clear:both;
	display:block;
	height:100px;
}

p.partenaires {
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
width:555px;
}

a.fasild {
	float:left;
	background-image:url(images/logo_Fasild.jpg);
	background-repeat:no-repeat;
	width:100px;
	height:38px;
	margin-top:20px;
	}
	
a.fasild span {
display:none;
}

a.ccfd{
float:left;
background-image:url(images/logo_CCFD.jpg);
background-repeat:no-repeat;
width:80px;
height:77px;
}

a.ccfd span {
display:none;
}

a.sport {
	float:left;
	background-image:url(images/logo_Jeunesse_Sports.jpg);
	background-repeat:no-repeat;
	width:250px;
	height:90px;
	padding-left: 5px;
}

a.sport span {
display:none;
}

a.droits {
float:left;
background-image:url(images/logo_Prefecture.jpg);
background-repeat:no-repeat;
width:62px;
height:80px;
padding-left: 5px;
}

a.droits span {
display:none;
}


a.france {
	float:left;
	background-image:url(images/logo_France_Libertes.jpg);
	background-repeat:no-repeat;
	width:80px;
	height:72px;
	margin-top:20px;
	}
	
a.france span {
display:none;
}
	
a.paris {
	float:left;
	background-image:url(images/logo_mairie_paris.jpg);
	background-repeat:no-repeat;
	width:140px;
	height:17px;
	margin-top: 50px;
	}
	
a.paris span {
display:none;
}
	
a.ile {
	float:left;
	background-image:url(images/logo_Ile_de_France.jpg);
	background-repeat:no-repeat;
	width:80px;
	height:24px;
	margin-top: 50px;
}

a.ile span {
display:none;
}
/* ***********************************************************************************fin NOS PARTENAIRES*************** */

/* ****************************************************************************************début BENEVOLE*************** */

p.photobenevole {
	float:right;
	background-image:url(images/benevoles_opt.jpg);
	background-repeat:no-repeat;
	width:150px;
	height:100px;
	border:#000000 solid 1px;
	margin-right: 10px;
}
/* **************************************************************************************fin BENEVOLE*************** */

/* *************************************************************début INFORMATIONS PRATIQUES CONTACTS*************** */

#coordonnees {
float:left;
}

#map {
float:left;
}

p.adresse {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width: 300px;
}

p.ouverture {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width: 600px;
}
span.bold {
font-weight:bold;
}
/* *******************************************************************fin INFORMATIONS PRATIQUES CONTACTS*************** */

/* *************************************************************************************début FAIRE UN DON*************** */
#don {
float:left;
}

#reductions {
float:left;
}

p.photodon {
	float:right;
	background-image:url(images/coeur_opt.jpg);
	background-repeat:no-repeat;
	width:200px;
	height:133px;
	border:#000000 1px solid;
	margin-right: 15px;
}

p.don {
float:left;
width:500px;
}
/* ********************************************************************************************FIN FAIRE UN DON*************** */

/* **************************************************************************************************Début LIENS*************** */
p.liens {
	float:left;
	width:700px;
}

/* ***************************************************************************************************fin LIENS*************** */