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

/*------ basic elements -------------------------------------------------------------*/

p {
text-align:justify;
color: #7F7F7F;
font-size:12px;
font-weight:normal;
line-height:1.4em;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

}

.p1 {
text-align:justify;
padding-left:50px;
padding-right:50px;
}

.p2 {
text-align:justify;
margin-left:140px;
}




h1 {
font-family: Verdana,Geneva, Arial, Helvetica, sans-serif;
color:#00a4e4;
font-size:14px;
width:200px;
height:5px;
}

h2 {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color:#00a4e4;
font-size:14px;
width:200px;
height:25px;
}

h3 {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color:#00a4e4;
font-size:14px;
width:710px;
background-image:url(../images/puce1.gif);
background-position:left;
background-repeat:no-repeat;
padding-left:20px;
}

h4 {
font-family: Verdana,Geneva, Arial, Helvetica, sans-serif;
color:#00a4e4;
font-size:14px;
width:750px;
height:5px;

}

h5 {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color:#00a4e4;
font-size:12px;
width:710px;
background-image:url(../images/puce1.gif);
background-position:left;
background-repeat:no-repeat;
margin-left:50px;
padding-left:20px;
margin-bottom:-5px;
}

h6{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color:#00a4e4;
font-size:12px;
width:750px;
height:5px;
margin-left:50px;
}

h7{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color:#00a4e4;
font-size:12px;
width:750px;
height:5px;
}

h8{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #7F7F7F;
font-size:12px;
width:750px;
height:5px;
}


a{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color:#00a4e4;
font-size:12px;
}





ul	{
margin:0px;
padding:0px;
list-style: none;
}

ul#style1{
margin-left:50px;
}

ul#style2{
margin-top:12px;
list-style-image:url(../images/puce1.gif);
line-height:1em;
margin-left: 0;
padding-left: 1em;
}

ul#style2 li#style2{
color: #7F7F7F;
font-size:12px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
padding-left:15px;
}


ul#style1 li#style1{
color: #7F7F7F;
font-size:12px;
font-weight:normal;
line-height:1.4em;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
background-image:url(../images/puce1.gif);
background-position: left;
background-repeat:no-repeat;
padding-left:15px;
}


body { 

	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF url(../images/TopBg_02.jpg) repeat-x;
	margin: 0px;
	
	padding:0px;
	}
	

/*------ specific divs --------------------------------------------------------------*/

#container {
width:750px;
/*margin-left:auto;*/
/*margin-right:auto;*/

}

#bloc{
width:750px;
margin-bottom:20px;
}

#blocImage{
width:750px;
margin:20px 10px 10px 20px;
}

#banniere {
position:relative;
height:129px;
top:0px;
background-image:url(../images/TopImage_01.jpg);
background-repeat:no-repeat;
background-position:top;
background-position:left;
}

#logo {
position:absolute;
width:136;
height:129;
top:0px;
right:0px;
}

/*---------------------------------------------------------------------------------------*/
/*                      Declaration du menu principal                                    */
/*---------------------------------------------------------------------------------------*/


ul#menu {
width:750px;
height:32px;
}

ul#menu li a	{
height: 32px;
display: block;
position:absolute;
bottom:0px;
}

ul#menu li#lafriperie a	{
left: 36px;
width:125px;
background-image: url(../images/ButMenu01.jpg);
}

ul#menu li#lafriperie a:hover	{
background-image: url(../images/ButMenu01Over.jpg);
}

ul#menu li#emmaus a	{
left: 163px;
width:143px;
background-image: url(../images/ButMenu02.jpg);
}

ul#menu li#emmaus a:hover	{
background-image: url(../images/ButMenu02Over.jpg);
}

ul#menu li#nosactivites a	{
left: 308px;
width:86px;
background-image: url(../images/ButMenu03.jpg);
}

ul#menu li#nosactivites a:hover	{
background-image: url(../images/ButMenu03Over.jpg);
}

ul#menu li#nousrejoindre a	{
left:396px;
width:98px;
background-image: url(../images/ButMenu04.jpg);
}

ul#menu li#nousrejoindre a:hover	{
background-image: url(../images/ButMenu04Over.jpg);
}

ul#menu li#nosprojets a	{
left: 496px;
width:86px;
background-image: url(../images/ButMenu05.jpg);
}

ul#menu li#nosprojets a:hover	{
background-image: url(../images/ButMenu05Over.jpg);
}

ul#menu li#contact a	{
left: 584px;
width:108px;
background-image: url(../images/ButMenu06.jpg);
}

ul#menu li#contact a:hover	{
background-image: url(../images/ButMenu06Over.jpg);
}

/*---------------------------------------------------------------------------------------*/
/*                      Declaration des titres de page                                   */
/*---------------------------------------------------------------------------------------*/

#header {
width:750px;
height:104px;
margin-top:3px;
}

/*---------------------------------------------------------------------------------------*/
/*                      Declaration des sous titres de page                              */
/*---------------------------------------------------------------------------------------*/

#stitre {
width:710px;
height:43px;
margin-left:25px;
margin-bottom:10px;
}



#center{
width:750px;}

#bottom {
width:100%;
/*background-image:url(../images/BottomBg_13.jpg);*/
background-repeat:repeat-x;
background-position:bottom;
height:100px;
}

/*         Declaration des petits paragraphe : 3 blocs sur l'horizontale */

#bloctext{
width:750px;
height:350px;
}


ul	{
margin:0px;
padding:0px;
list-style: none;
}

ul#style3{
margin-left:50px;
}



ul#style3 li#style3{
width:200px;
height:320px;
margin-right:30px;
float:left;

}

ul#style4{
margin-left:30px;

}

ul#style4 li#style4{
width:350px;
margin-right:40px;
float:left;

}


#line0 {
width:200px;
height:90px;
background-image:url(../images/line.gif);
background-repeat:repeat-x;
background-position:bottom;

}

#line {
width:200px;
height:28px;
background-image:url(../images/line.gif);
background-repeat:repeat-x;
background-position:bottom;

}

#line2 {
width:660px;
height:28px;
margin-left:50px;
background-image:url(../images/line.gif);
background-repeat:repeat-x;
background-position:bottom;
}


#line4 {
position:relative;
width:660px;
margin-left:50px;
padding-bottom:10px;
padding-top:5px;
background-image:url(../images/line.gif);
background-repeat:repeat-x;
background-position:bottom;
}


#line3 {
width:200px;
height:50px;
background-image:url(../images/line.gif);
background-repeat:repeat-x;
background-position:bottom;

}

/*Ligne pointille page "nous contacter"*/

#line5 {
width:310px;
padding-bottom:10px;
padding-top:5px;
background-image:url(../images/line.gif);
background-repeat:repeat-x;
background-position:bottom;

}

/*page mvt emmaus rubrique liens*/

#LogoEF{
width:350px;
background-image:url(../images/LogoEF.gif);
background-position:bottom;
background-position:left;
background-repeat:no-repeat;
height:220px;
}

#LogoEI{
width:350px;
background-image:url(../images/LogoEI.gif);
background-position:bottom;
background-position:left;
background-repeat:no-repeat;
height:220px;
}

#LogoEIdF{
width:350px;
background-image: url(../images/LogoEIdF.gif);
background-position:bottom;
background-position:left;
background-repeat:no-repeat;
height:220px;
}