/* ----- Général ----- */
* {
  margin: 0;
  padding: 0;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 11px;
}
img {
  border: 0;
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
ul, ol {
  list-style-type: none;
}
label {
  cursor: pointer;
}

/* ----- Structure ----- */
body {
  text-align: center; /* Hack pour IE, permet de centrer le site horizontalement */
  background: #91007b url(/images/bg-body.jpg) center 130px no-repeat;
}
#conteneur {
  width: 977px; /* Spécifier la largeur du site, afin de le centrer */
  margin-left: auto; /* Permet de centrer le site horizontalement */
  margin-right: auto; /* Permet de centrer le site horizontalement */
  text-align: left; /* Rétabli le texte aligné à gauche */
  position: relative;
}

#conteneur #erreur-formulaire {
	background: #F8F9F9;
	color: #000;
	border:solid #129a9c 1px;
	position:absolute;
	padding: 10px;
	text-align:center;
	top: 150px;
	margin-left:32px;
	width: 225px;
}

#conteneur #erreur-formulaire a{
	color: #91007b;
	text-decoration:none;
}



#header {
    float: left;
    width: 100%;
}
#content {
    clear: both;
    float: left;
    display: inline;
    position: relative;
    margin-left: 58px;
    width: 877px;
    min-height: 576px;
	background: #fff url(/images/bg-bottom.gif) no-repeat;
	background-position:bottom;
}

#content-naissance {
    clear: both;
    float: left;
    display: inline;
    position: relative;
    margin-left: 58px;
    background: #fff;
    width: 877px;
    min-height: 708px;
	

	
	background-image:url(/images/naissance-pied_page.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	
}

#content-erreur {
    clear: both;
    float: left;
    display: inline;
    position: relative;
    margin-left: 58px;
    background: #fff;
    width: 877px;
    min-height: 408px;
	

	
	background-image:url(/images/bg-bottom.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	
}

#contenu-erreur {
	position:absolute;
	top:53px;
	left:50px;
}

#contenu-erreur h4{
	font-size:22px;
	color:#139a9c;
}

#content-missions {
    clear: both;
    float: left;
    display: inline;
    position: relative;
    margin-left: 58px;
    background: #fff;
    width: 877px;
    min-height: 708px;
	color:#3f3f3f;
	
	
	background-image:url(/images/missions-pied_page.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	
	
}

#content-marche {
    clear: both;
    float: left;
    display: inline;
    position: relative;
    margin-left: 58px;
    background: #fff;
    width: 877px;
    min-height: 788px;
	color:#3f3f3f;
	
	
	background-image:url(/images/missions-pied_page.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	
	
}

#content-aide-partenaire {
    clear: both;
    float: left;
    display: inline;
    position: relative;
    margin-left: 58px;
    background: #fff;
    width: 877px;
    min-height: 728px;
	color:#3f3f3f;
	
	
	background-image:url(/images/missions-pied_page.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	
	
}

#content-relais {
    clear: both;
    float: left;
    display: inline;
    position: relative;
    margin-left: 58px;
    background: #fff;
    width: 877px;
    min-height: 668px;
	color:#3f3f3f;
	
	
	background-image:url(/images/missions-pied_page.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	
	
}

#content-temoignage {
    clear: both;
    float: left;
    display: inline;
    position: relative;
    margin-left: 58px;
    background: #fff;
    width: 877px;
    min-height: 728px;
	color:#3f3f3f;
	
	
	background-image:url(/images/missions-pied_page.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	
	
}


#content-marche-ville {
    clear: both;
    float: left;
    display: inline;
    position: relative;
    margin-left: 58px;
    background: #fff;
    width: 877px;
    min-height: 808px;
	color:#3f3f3f;
	
	
	background-image:url(/images/missions-pied_page.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	
	
}

#footer {
    clear: both;
    float: left;
    width: 100%;
    margin-top: 30px;
    padding-bottom: 30px;
    
}

#footer-big {
    clear: both;
    float: left;
    width: 100%;
    margin-top: 130px;
    padding-bottom: 30px;
}


/* ----- Header ----- */
#son-on-off {
    position: absolute;
    top: 0;
    right: 70px;
}
#logo {
    float: left;
    display: inline;
    margin-left: 87px;
    margin-top: 38px}
#en-marche {
    float: left;
    display: inline;
    margin-top: 20px;
}

/* ----- Menu ----- */
#menu {
    clear: both;
    float: left;
    display: inline;
    width: 100%;
    margin-left: 121px;
    margin-top: 20px;
}
#menu li {
    float: left;
    display: inline;
    margin-right: 2px;
    text-align: center;
}
#menu li a {
    display: block;
    height: 37px;
    line-height: 48px;
    color: #91007b;
    font-size: 13px;
    text-transform: uppercase;
    background-position: 0 0;
    background-repeat: no-repeat;
    font-weight: bold;
}
#menu li a#menu-association {
    background-image: url(/images/bg-menu-1.png);
    width: 143px;
}

#menu li a#menu-association2 {
    background-image: url(/images/bg-menu-1.png);
    width: 143px;
	color: #fff;
    text-decoration: none;
    background-position: 0 -37px;
} 
#menu li a#menu-marche {
    background-image: url(/images/bg-menu-2.png);
    width: 127px;
}

#menu li a#menu-marche2 {
    background-image: url(/images/bg-menu-2.png);
    width: 127px;
	color: #fff;
    text-decoration: none;
    background-position: 0 -37px;	
}

#menu li a#menu-aider {
    background-image: url(/images/bg-menu-3.png);
    width: 115px;
}

#menu li a#menu-aider2 {
    background-image: url(/images/bg-menu-3.png);
    width: 115px;
	color: #fff;
    text-decoration: none;
    background-position: 0 -37px;
}

#menu li a#menu-relais {
    background-image: url(/images/bg-menu-4.png);
    width: 143px;
}

#menu li a#menu-relais2 {
    background-image: url(/images/bg-menu-4.png);
    width: 143px;
	color: #fff;
    text-decoration: none;
    background-position: 0 -37px;		
}

#menu li a#menu-racontent {
    background-image: url(/images/bg-menu-5.png);
    width: 172px;
}

#menu li a#menu-racontent2 {
    background-image: url(/images/bg-menu-5.png);
    width: 172px;
	color: #fff;
    text-decoration: none;
    background-position: 0 -37px;
}

#menu li#racontent-temp {
    background: url(/images/bg-menu-5temp.png) 0 0 no-repeat;
    width: 172px;
    height: 37px;
    line-height: 48px;
    color: #91007b;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
}


#menu li a:hover {
    color: #fff;
    text-decoration: none;
    background-position: 0 -37px;
}

#ariane {
    color: #8b8b8b;
    margin-left: 13px;
    padding-top: 10px;
}

#ariane a{
    color: #8b8b8b;
    text-decoration:none;
}

#ariane a:hover{
    color: #8b8b8b;
    text-decoration:underline;
}

/* ----- Encart video ----- */
#encart-video {
    position: absolute;
    top: 25px;
    left: -30px;
    width: 313px;
    height: 330px;
    background: url(/images/bg-encart-video.png) 0 0 no-repeat;
}
#intro-video {
    text-align: center;
    padding-top: 15px;
}
#video {
    margin-left: 12px;
    padding-top: 10px;
}

/* ----- encart le mot ----- */
#le-mot {
    position: absolute;
    width: 372px;
    height: 237px;
    background: url(/images/bg-le-mot.png) 0 0 no-repeat;
    left: 280px;
    top: 25px;
}
#le-mot .titre {
    padding-top: 25px;
    margin-left: 25px;
}
.content-mot {
    margin-left: 25px;
    margin-top: 15px;
    width: 300px;
}
.scroll-mot {
    width: 300px;
    padding-right: 15px;
    height: 150px;
    overflow: auto;
    color: #8b8b8b;
}

.scroll-mot a {
    color: #129a9c;
}

.scroll-mot p {
    padding-bottom: 10px;
}
.scroll-mot p.intro {
    color: #129a9c;
}

/* ----- encart marche ville ----- */
#marche-ville {
    position: absolute;
    width: 362px;
    height: 235px;
    background: url(/images/bg-marche.png) 0 0 no-repeat;
    left: 290px;
    top: 253px;
}
#marche-ville .titre {
    padding-top: 25px;
    margin-left: 25px;
}
#marche-ville .carte {
    padding-top: 8px;
    margin-left: 25px;
}
#marche-ville .carte .left {
    float: left;
    width: 161px;
}
#marche-ville .carte .left .intro {
    color: #fbc76c;
}
#marche-ville .carte .left .villes {
    padding-top: 10px;
    text-align: center;
}
#marche-ville .carte .left .villes li {
    line-height: 16px;
}
#marche-ville .carte .left .villes li a {
    color: #616161;
    font-weight: bold;
}
#marche-ville .carte .left .bt-savoir-plus {
    padding-top: 8px;
    text-align: center;
}
#marche-ville .carte .right {
    float: right;
    display: inline;
    margin-right: 17px;
}
#photo-stephanie-fugain {
    position: absolute;
    top: -8px;
    right: -80px;
}

/* ----- encart faire don ----- */
#faire-don {
    position: absolute;
    top: 40px;
    right: 60px;
    background: url(/images/bg-faire-don.png) 0 0 no-repeat;
    width: 168px;
    height: 159px;
    text-align: center;
}
#faire-don a img {
    padding-top: 20px;
}

/* ----- encart besoins urgents ----- */
#besoins-urgents {
    position: absolute;
    top: 155px;
    right: -69px;
    background: url(/images/bg-besoins-urgents.png) 0 0 no-repeat;
    width: 290px;
    height: 159px;
}
#traits-violets {
    padding-top: 15px;
    margin-left: 15px;
}
#titre-besoins-urgents {
    padding-top: 15px;
    margin-left: 35px;
}
#txt-besoins-urgents {
    color: #8b8b8b;
    margin-left: 35px;
    padding-top: 15px;
    width: 220px;
    height: 50px;
}
#besoins-urgents .bt-savoir-plus {
    text-align: right;
    margin-right: 30px;
}

/* ----- encart affiche ----- */
#affiche {
    position: absolute;
    right: -55px;
    top: 310px;
    background: url(/images/bg-affiche.png) 0 0 no-repeat;
    width: 265px;
    height: 293px;
}
#affiche .titre {
    padding-top: 20px;
    margin-left: 55px;
}
#content-affiche {
    position: relative;
    margin-top: 10px;
    margin-left: 55px;
}
.lien-affiche {
    position: absolute;
    bottom: 0;
    width: 150px;
    height: 31px;
    line-height: 31px;
    text-align: center;
    background: url(/images/bg-lien-affiche.png) 0 0 no-repeat;
}
.lien-affiche a {
    color: #fff;
    text-decoration: underline;
}

#photo-home {
    position: absolute;
    bottom: 5px;
    left: -60px;
}

/* ----- encart marche images ----- */
#marche-images {
    position: absolute;
    bottom: -100px;
    left: 10px;
    background: url(/images/bg-photos-home.png) 0 0 no-repeat;
    width: 629px;
    height: 173px;
}
#marche-images .titre {
    padding-top: 25px;
    margin-left: 25px;
}
#fleche-gauche {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    left: -10px;
}
#fleche-droite {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: -5px;
}
#defilement-photos {
    float: left;
    display: inline;
    margin-left: 25px;
    margin-top: 20px;
    width: 570px;
    height: 120px;
}
#content-defilement {
    position: relative;
    overflow: hidden;
    margin-left: 25px;
    width: 570px;
}
#defilement-photos ul {
  position: absolute;
  float: left;
  height: 115px;
}

#defilement-photos a:hover {
  color: #129a9c;
}

#defilement-photos ul li {
    float: left;
    display: inline;
    margin-left: 10px;
    margin-right: 10px;
    width: 95px;
    text-align: center;
}
#defilement-photos ul li span {
    color: #129a9c;
    font-size: 13px;
}

/* ----- Footer ----- */
#footer ul {
    float: left;
    display: inline;
    margin-left: 70px;
    background: url(/images/bg-ul-footer.gif) right top no-repeat;
    padding-right: 50px;
    min-height: 150px;
}
#footer ul.last {
    background: none;
    padding-right: 0;
}
#footer ul li {
    color: #fff;
    padding: 2px 0;
}
#footer ul li a {
    background: url(/images/puce-footer.gif) 0 5px no-repeat;
    padding-left: 10px;
    color: #fff;
}
#footer ul li.rubrique {
    font-size: 12px;
    font-weight: bold;
}
#footer #mention {
    clear: both;
    text-align: right;
    padding: 10px 0;
    color: #fff;
}
#footer #mention a {
    color: #fff;
}

#footer-big ul {
    float: left;
    display: inline;
    margin-left: 70px;
    background: url(/images/bg-ul-footer.gif) right top no-repeat;
    padding-right: 50px;
    min-height: 150px;
}
#footer-big  ul.last {
    background: none;
    padding-right: 0;
}
#footer-big  ul li {
    color: #fff;
    padding: 2px 0;
}
#footer-big  ul li a {
    background: url(/images/puce-footer.gif) 0 5px no-repeat;
    padding-left: 10px;
    color: #fff;
}
#footer-big  ul li.rubrique {
    font-size: 12px;
    font-weight: bold;
}
#footer-big  #mention {
    clear: both;
    text-align: right;
    padding: 10px 0;
    color: #fff;
}
#footer-big  #mention a {
    color: #fff;
}


.titre-page {
    clear: both;
    margin-left: 50px;
    padding-top: 30px;
}

/* ----- Page aider ----- */
#left-aider {
    float: left;
    display: inline;
    margin-left: 50px;
    margin-top: 40px;
    width: 370px;
    color: #3f3f3f;
    text-align: justify;
    line-height: 18px;

}


#left-aider-bottom {
	position: relative;
    float: left;
    display: inline;
    margin-left: 50px;
    margin-top: 40px;
    width: 580px;
    color: #3f3f3f;
    text-align: justify;
    line-height: 18px;

}

#left-aider-bottom-image {
	position: relative;
    float: left;
    display: inline;
    margin-left: 50px;
    margin-top: 10px;
	margin-bottom: 85px;
    width: 530px;
    color: #3f3f3f;
    text-align: justify;
    line-height: 18px;
}

#left-aider-bottom-image .left {
    float: left;
    width: 160px;
}



#left-aider-bottom-image .right {
    float: left;
    width: 370px;
}

#left-aider-bottom-image .right ul li {
    float: left;
    width: 370px;
	background:url(/images/puce.gif) 0 3px no-repeat;
	margin-left:3px;
	color:#433e3e;
	padding-left:19px;
	margin-bottom:23px;
}

#left-aider .intro {
    font-size: 13px;
    font-weight: bold;
    color: #129a9c;
    padding-bottom: 10px;
}

#left-aider-bottom .intro {
    font-size: 13px;
    font-weight: bold;
    color: #129a9c;
    padding-bottom: 10px;
}


#right-aider {
    float: left;
    display: inline;
    margin-top: 40px;
    margin-left: 30px;
}

#right-aider-bottom {
	position: absolute;
    float: left;
    display: inline;
    margin-top: 40px;
    margin-left: 30px;
	border:solid #129a9c 1px;
}

#photos-aider {
    clear: both;
    padding-top: 65px;
    padding-bottom: 130px;
    margin-left: 60px;
}

/* ----- Encart aider ----- */
#form-aider {
    position: absolute;
    top: 178px;
    right: -82px;
    width: 313px;
    height: 667px;
    background: url(/images/bg-form.png) 0 0 no-repeat;
}


.titre-proposez {
    color: #139a9c;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    margin-left: 45px;
    padding-top: 25px;
}


#form-aider .intro {
    margin-left: 45px;
    width: 230px;
    text-align: justify;
}
#form-aider ul {
    margin-left: 45px;
    padding-top: 5px;
    float: left;
    display: inline;
    width: 238px;
}
#form-aider ul li {
    clear: both;
    float: left;
    width: 100%;
    padding: 5px 0;
}
#form-aider ul li label {
    display: block;
    float: left;
    margin-top: 2px;
    width: 70px;
    color: #93017d;
}
#form-aider ul li label.label-long {
    width: 100%;
}
#form-aider ul li input {
    border: 1px solid #c0bcbc;
    padding: 2px 0;
    text-indent: 2px;
    width: 100%;
    margin-top: 3px;
}
#form-aider ul li input.input-text {
    float: left;
    width: 166px;
    margin: 0;
}
#form-aider ul li textarea {
    border: 1px solid #c0bcbc;
    width: 100%;
    margin-top: 3px;
}
#form-aider ul li textarea.textarea-right {
    width: 166px;
}
.capcha {
    clear: both;
    margin-left: 45px;
    width: 260px;
}
.mention-capcha {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 10px;
    color: #ff0000;
}
.mention-capcha2 {
    padding-top: 5px;
    color: #878383;
    font-size: 10px;
}
.champs-obligatoires {
    float: left;
    display: inline;
    margin-left: 45px;
    margin-top: 15px;
    font-size: 10px;
    color: #3f3f3f;
}
.bt-envoyer {
    float: right;
    display: inline;
    margin-top: 5px;
    margin-right: 30px;
}
#mention-aider {
    position: absolute;
    width: 550px;
    text-align: center;
    color: #fff;
    font-size: 10px;
    top: 740px;
    left: 90px;
}



/* ----- Encart  presse ----- */

#left-presse {
    float: left;
    display: inline;
    margin-left: 80px;
    margin-top: 60px;
    width: 227px;
    color: #3f3f3f;
    text-align: justify;
    line-height: 18px;

}


#left-presse .intro {
    font-size: 13px;
    font-weight: bold;
	text-align:center;
    color: #129a9c;
    padding-bottom: 10px;
}

#left-presse .telecharger {
	text-align:center;
	color: #91007b;
	padding-top: 20px;
    padding-bottom: 10px;
	margin-bottom: 105px;
}

#left-presse .telecharger a{
	font-size: 13px;
	color: #91007b;
	text-decoration:none;
}

#left-presse .telecharger a:hover{
	text-decoration:underline;
}


#right-presse {
    float: left;
    display: inline;
	width: 229px;
    margin-top: 60px;
    margin-left: 30px;
}

#right-presse .intro {
    font-size: 13px;
    font-weight: bold;
	text-align:center;
    color: #129a9c;
    padding-bottom: 10px;
}

#right-presse .telecharger {
	text-align:center;
    color: #91007b;
	padding-top: 20px;
    padding-bottom: 10px;
	margin-bottom: 105px;
}

#right-presse .telecharger a{
	font-size: 13px;
	color: #91007b;
	text-decoration:none;
}

#right-presse .telecharger a:hover{
	text-decoration:underline;
}

.top-choix-page {
	margin-top:45px;
	margin-left:52px;
	margin-bottom: 5px;
}

.top-choix-page a{
	color: #000;
	padding-top:1px;
    padding-bottom:1px;
    padding-left:10px;
    padding-right:10px;
	text-decoration: none;
	font-size:13px;	
}

.top-choix-page a:hover {
   padding-top:1px;
   padding-bottom:1px;
   padding-left:10px;
   padding-right:10px;
   color: #fff;
   background-color: #129a9c;
  }

.top-choix-page u{
	padding-top:1px;
	padding-bottom:1px;
	padding-left:10px;
	padding-right:10px;
	background-color: #91007b;
	color: #fff;
	text-decoration: none;
	font-size:13px;
}

/* ----- Encart relais  ----- */

#relais {
    float: left;
    display: inline;
    margin-left: 50px;
    margin-top: 40px;
    margin-bottom: 50px;
    width: 567px;
    color: #3f3f3f;
    text-align: justify;
    line-height: 18px;

}

#relais p {
	
font-size:11px;
text-align: justify;

}

#left-relais {
	float: left;
	margin-left: 20px;
	margin-top: 60px;
	width: 150px;
	color: #3f3f3f;
}

#left-relais .intro {
    font-size: 15px;
    font-weight: bold;
	text-align:center;
    color: #129a9c;
	text-transform:uppercase;
    padding-bottom: 10px;
}

#left-relais .telecharger {
	text-align:left;
	color: #91007b;
    padding-bottom: 10px;
}


#middle-relais {
	float: left;
	margin-left: 60px;
	margin-top: 60px;
	width: 132px;
	color: #3f3f3f;
}

#middle-relais .intro {
    font-size: 15px;
    font-weight: bold;
	text-align:center;
    color: #129a9c;
	text-transform:uppercase;
    padding-bottom: 10px;
}

#middle-relais .telecharger {
	text-align:left;
	color: #91007b;
    padding-bottom: 10px;
}

#middle-relais .telecharger a{
	font-size: 13px;
	color: #91007b;
	text-decoration:none;
}

#middle-relais .telecharger a:hover{
	text-decoration:underline;
}


#right-relais {
	float: left;
	margin-left: 60px;
	margin-top: 60px;
	width: 132px;
	color: #3f3f3f;
}

#right-relais .intro {
    font-size: 15px;
    font-weight: bold;
	text-align:center;
    color: #129a9c;
	text-transform:uppercase;
    padding-bottom: 10px;
}

#right-relais .telecharger {
	text-align:left;
	color: #91007b;
    padding-bottom: 10px;
}

#right-relais .telecharger a{
	font-size: 13px;
	color: #91007b;
	text-decoration:none;
}

#right-relais .telecharger a:hover{
	text-decoration:underline;
}

#left-relais ul {
    padding-top: 5px;
    float: left;
}
#left-relais ul li {
	clear: both;
	float: left;
	width: 100%;
	padding: 0px 0;
	color: #818181;
	font-size:13px;
}


#left-relais ul li select {
	border: 1px solid #c0bcbc;
	text-indent: 2px;
	font-size:10px;
	color: #999;
	width: 150px;
	margin-top: 3px;	
}

#left-relais ul li a {
    font-size: 13px;
	color: #91007b;
	text-decoration:none;
	
}

#left-relais ul li a:hover {
    text-decoration:underline;
	
}


#middle-relais ul {
    padding-top: 5px;
    float: left;
}
#middle-relais ul li {
    clear: both;
    float: left;
    width: 100%;
    padding: 0px 0;
	color: #818181;
	font-size:13px;
}


#middle-relais ul li select {
    border: 1px solid #c0bcbc;
    text-indent: 2px;
	font-size:10px;
	color: #999;
    width: 132px;
    margin-top: 3px;
	
}

#middle-relais ul li a {
    font-size: 13px;
	color: #91007b;
	text-decoration:none;
	
}

#middle-relais ul li a:hover {
    text-decoration:underline;
	
}

#right-relais ul {
    padding-top: 5px;
    float: left;
}
#right-relais ul li {
	clear: both;
	float: left;
	width: 100%;
	padding: 0px 0;
	color: #818181;
	font-size:13px;
}


#right-relais ul li select {
    border: 1px solid #c0bcbc;
    text-indent: 2px;
	font-size:10px;
	color: #999;
    width: 131px;
    margin-top: 3px;
	
}

#right-relais ul li a {
    font-size: 13px;
	color: #91007b;
	text-decoration:none;
	
}

#right-relais ul li a:hover {
    text-decoration:underline;
	
}

#form-relais-presse {
    position: absolute;
    top: 178px;
    right: -82px;
    width: 313px;
    height: 687px;
    background: url(/images/bg-form-presse.png) 0 0 no-repeat;
}

#form-relais-presse .intro {
    margin-left: 45px;
    width: 230px;
    text-align: justify;
}
#form-relais-presse ul {
    margin-left: 45px;
    padding-top: 5px;
    float: left;
    display: inline;
    width: 238px;
}
#form-relais-presse ul li {
    clear: both;
    float: left;
    width: 100%;
    padding: 5px 0;
}
#form-relais-presse ul li label {
    display: block;
    float: left;
    margin-top: 2px;
    width: 70px;
    color: #93017d;
}
#form-relais-presse ul li label.label-long {
    width: 100%;
}
#form-relais-presse ul li input {
    border: 1px solid #c0bcbc;
    padding: 2px 0;
    text-indent: 2px;
    width: 100%;
    margin-top: 3px;
}
#form-relais-presse ul li input.input-text {
    float: left;
    width: 166px;
    margin: 0;
}
#form-relais-presse ul li textarea {
    border: 1px solid #c0bcbc;
    width: 100%;
    margin-top: 3px;
}
#form-relais-presse ul li textarea.textarea-right {
    width: 166px;
}

/* ----- Page témoignage  ----- */

#temoignage {
	float: left;
	margin-left: 50px;
	margin-top: 10px;
	width: 560px;
	color: #3f3f3f;
}

.scroll-mot-temoignage {
    width: 540px;
    padding-right: 5px;
    height: 550px;
    overflow: auto;
    color: #433e3e;
}

#temoignage p {
	margin-top: 5px;
}

#temoignage b {
	text-decoration: bold;
	color: #129a9c;
}

#temoignage ul {
border: 1px solid #c0bcbc;
padding-top: 10px;
padding-left: 10px;
padding-bottom: 10px;
padding-right: 10px;
margin-top:10px;

}

#form-temoignage {
    position: absolute;
    top: 178px;
    right: -82px;
    width: 313px;
    height: 687px;
    background: url(/images/bg-form-presse.png) 0 0 no-repeat;
}

#form-temoignage .intro {
    margin-left: 45px;
    width: 230px;
    text-align: justify;
}
#form-temoignage ul {
    margin-left: 45px;
    padding-top: 5px;
    float: left;
    display: inline;
    width: 238px;
}

#form-temoignage ul li {
    clear: both;
    float: left;
    width: 100%;
    padding: 5px 0;
}
#form-temoignage ul li label {
    display: block;
    float: left;
    margin-top: 2px;
    width: 70px;
    color: #93017d;
}
#form-temoignage ul li label.label-long {
    width: 100%;
}
#form-temoignage ul li input {
    border: 1px solid #c0bcbc;
    padding: 2px 0;
    text-indent: 2px;
    width: 100%;
    margin-top: 3px;
}
#form-temoignage ul li input.input-text {
    float: left;
    width: 166px;
    margin: 0;
}
#form-temoignage ul li textarea {
    border: 1px solid #c0bcbc;
    width: 100%;
    margin-top: 3px;
}

#form-temoignage-message {
    border: 1px solid #c0bcbc;
    width: 100%;
    height: 100px;
    margin-top: 3px;
}

#form-temoignage ul li textarea.textarea-right {
    width: 166px;
}

/* ----- Encart Comment nous aider  ----- */


#left-nous-aider {
	float: left;
	margin-left: 130px;
	margin-top: 60px;
	width: 169px;
}

#right-nous-aider {
	float: left;
	margin-left: 60px;
	margin-top: 60px;
	width: 169px;
}

#bottom-nous-aider {
	float: left;
	margin-top: 80px;
	margin-bottom: 80px;
	margin-left: 60px;
	width: 521px;
}

/* ----- Sous-menu Naissance-Missions ----- */
#sous-menu {
	margin:36px 0 0 35px;
	word-spacing:10px;
}

#sous-menu a {
	display:block;
	float:left;
	margin-left:1px;
	width:87px;
	text-align:center;
	border-right: 1px solid #890174;
}

#sous-menu a:link {
	color:#433e3e;
}

#sous-menu a:visited {
	color:#433e3e;
}

.encours { /* pour indiquer la page en cours*/
	display:block;
	float:left;
	background-color:#990b84;
	width:73px;
	margin-left:8px;
	text-align:center;
	color:#FFF;
}

/* ----- Le contenu de la rubrique Missions ----- */
#contenu-missions {
	position:absolute;
	top:107px;
	left:0px;
	margin-left:42px;
	}

#contenu-missions h1 {
	margin-bottom:8px;
}

#contenu-missions h2 {
	font-size:12px;
	width:540px;
	margin:23px 0 13px 0;
	line-height:16px;
	color:#129a9c;
}

#contenu-missions ul {
	margin:22px 0 0 49px;
	width:350px;
}

#contenu-missions-img {
	position:absolute;
	left:414px;
	top:125px;
}

#contenu-missions li {
	list-style-image:url(/images/missions-puce.jpg);
	width:335px;
	line-height:18px;
	margin-bottom:18px;
	text-align:justify;
}

#contenu-missions p{
	position:relative;
	margin-top:9px;
	margin-bottom:18px;
	width:560px;
	line-height:18px;
}

.mise-en-valeur {
	color:#129a9c;
}

/* ----- Le contenu de la rubrique Naissance ----- */
#contenu-naissance {
	position:absolute;
	top:123px;
	left:0px;
}

#contenu-naissance p{
	position:relative;
	color:#3f3f3f;
	text-align:justify;
	margin:9px 0 18px 78px;
	width:495px;
	line-height:18px;
}

.mise-en-valeur {
	color:#129a9c;
}

.quote-debut {
	position:absolute;
	margin:0 0 25px 42px;
}
.quote-fin {
	position:absolute;
	margin:-30px 0 25px 573px;
}

/* ----- La signature ----- */
#signature {
	color:#92067e;
	position:relative;
	top:394px;
	left:469px;
	font-size:12px;
}

/*lamarchedansmaville*/


#marcheVille {
    float: left;
    margin-left: 50px;
    margin-top: 40px;
	margin-bottom: 50px;
    width: 620px;
    color: #3f3f3f;
    text-align: justify;
    line-height: 18px;

} 

#marcheVille .boxCarte{
	position:absolute;
	float:left;
	width:300px;
	left:50px;
	margin-top:30px;
	font:bold 12px arial;
	color:#129a9c;
}
#marcheVille .label-carte { float:left; margin-top:2px; }
#marcheVille #select-carte { float:left; display:inline; margin-left:5px; }
#marcheVille #bt-ok-carte { float:left; display:inline; margin-left:5px; margin-top:3px }

#marcheVille select {
	border: 1px solid #c0bcbc;
	text-indent: 2px;
	font-size:10px;
	color: #999;
	width: 90px;
}


#marcheVille .boxCarte .carte{
margin:64px 0 0 0;	
}



#marcheVille .rendezVous{
position:absolute;
float:left;
left:380px;
width:220px;
margin-left:9px;
padding-top:30px;
}

.rendezVous ul li{
background:url(/images/puce.gif) 0 3px no-repeat;
margin-left:3px;
color:#433e3e;
padding-left:19px;
margin-bottom:23px;
}

#marcheVille .rendezVous h4{
font:bold 12px arial;
color:#129a9c;
margin:0 0 20px 0;
width:240px;
}
#marcheVille .rendezVous h5{
font:bold 12px arial;
color:#129a9c;
margin:0;
width:240px;
margin-top:30px;
}
#marcheVille .rendezVous p{
font:normal 10px arial;
color:#433e3e;
width:210px;	
line-height:16px;
text-align: justify;
}

#marcheVille .devenirPartenaire{
margin-left:100px;
margin-top:30px;
}

#le-mot-ville {
    position: absolute;
    width: 372px;
    height: 237px;
    background: url(/images/bg-le-mot.png) 0 0 no-repeat;
    left: 280px;
    top: 25px;
}
#le-mot-ville .titre {
    padding-top: 25px;
    margin-left: 25px;
}

.content-mot-ville {
    margin-top: 15px;
    width: 220px;
	font-size: 12px;
}
.scroll-mot-ville {
    width: 250px;
    padding-right: 5px;
    height: 150px;
    overflow: auto;
    color: #8b8b8b;
}



.scroll-mot-ville a {
	color: #433e3e;
	font-size: 10px;
}

.scroll-mot-ville p {

   margin-left:3px;
   color:#433e3e;
   padding-left:19px;
   margin-bottom:23px;
}

/* ----- Page La marche ----- */
#left-marche {
    float: left;
    display: inline;
    margin-left: 50px;
    margin-top: 40px;
    width: 370px;
    color: #3f3f3f;
    text-align: justify;
    line-height: 18px;

}

#left-marche-bottom {
	position: relative;
    float: left;
    display: inline;
    margin-left: 50px;
    margin-top: 40px;
    width: 580px;
    color: #3f3f3f;
    text-align: justify;
    line-height: 18px;

}

#left-marche-bottom-image {
	position: relative;
    float: left;
    display: inline;
    margin-left: 50px;
    margin-top: 10px;
	margin-bottom: 85px;
    width: 560px;
    color: #3f3f3f;
    text-align: justify;
    line-height: 18px;
}

#left-marche-bottom-image .left {
    float: left;
    width: 195px;
}



#left-marche-bottom-image .right {
    float: left;
    width: 365px;
}

#left-marche-bottom-image .right ul li {
    float: left;
    width: 350px;
	background:url(/images/puce.gif) 0 3px no-repeat;
	margin-left:3px;
	color:#433e3e;
	padding-left:19px;
	margin-bottom:23px;
}


#left-marche .intro {
    font-size: 13px;
    font-weight: bold;
    color: #129a9c;
    padding-bottom: 10px;
	margin-top:20px;
}

#left-marche p {
	padding-top:15px;
    
}

#left-marche b {
	text-decoration:none;
	font-weight: bold;
	color:#990b84;
    
}

#left-marche-bottom .intro {
    font-size: 13px;
    font-weight: bold;
    color: #129a9c;
    padding-bottom: 10px;
}


#right-marche {
    float: left;
    display: inline;
    margin-top: 80px;
    margin-left: 30px;
}

#right-marche-bottom {
	position: absolute;
    float: left;
    display: inline;
    margin-top: 40px;
    margin-left: 30px;
	border:solid #129a9c 1px;
}

#photos-aider {
    clear: both;
    padding-top: 65px;
    padding-bottom: 130px;
    margin-left: 60px;
}

/* ----- Page Marche en Image Index ----- */

#content-marche-image {
    clear: both;
    float: left;
    display: inline;
    position: relative;
    margin-left: 58px;
    width: 877px;
    min-height: 709px;
	
	
	background-color: #fff;
	background-image:url(/images/missions-pied_page.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	
	/*
	background-image:url(../../img/PAGE_lamarcheville2006-placements.jpg);
	background-repeat:no-repeat;
	*/

}


#marche-en-image-index {
    float: left;
    display: inline;
    margin-left: 50px;
    margin-top: 40px;
    width: 550px;
    color: #3f3f3f;
    text-align: justify;
    line-height: 18px;

}

#marche-en-image-index .intro {
    font-size: 13px;
    font-weight: bold;
    color: #129a9c;
    padding-bottom: 10px;
	text-align:center;

}

#marche-en-image-index .vignette {
    font-size: 13px;
    font-weight: bold;
	margin-top: 20px;
	margin-bottom: 40px;
	text-align:center;
    color: #129a9c;
    padding-bottom: 10px;

}

#marche-en-image-index ul li {
    float: left;
	padding-left:19px;
	margin-bottom:23px;
}

/* ----- Contenu de la page Rétrospective  ----- */
#contenu-retro {
	position:absolute;
	top:10px;
	left:10px;
}

#contenu-retro h1 {
	position:absolute;
	top:97px;
	left:50px;
}

#contenu-retro-illust {
	position:absolute;
	top:151px;
	left:47px;
}

#selection-ville {
	position:absolute;
	top:153px;
	left:220px;
	font-size:12px;
	font-weight:bold;
	color:#90017a;
	line-height:18px;
	width:380px;
}

#selection-ville img {
	margin-left:10px;
	vertical-align:middle;
}

#selection-ville a {
	margin-left:18px;
	margin-right:5px;
	font-size:13px;
}

#selection-ville u {
	color: #fff;
	padding-top:1px;
  padding-bottom:1px;
  padding-left:5px;
  padding-right:5px;
  background-color: #129a9c;
	margin-left:18px;
	margin-right:5px;
	font-size:13px;
	text-decoration:none;
}

#selection-ville a:link {
	color:#90017a;
}

#selection-ville a:hover {
	color:#90017a;
}

#selection-ville a:visited {
	color:#90017a;
}

#polaroid {
	position:absolute;
	top:400px;
	left:40px;
}

#le-mot-marche-image {
    position: absolute;
    width: 372px;
    height: 237px;
	/*
    background: url(../images/bg-le-mot.png) 0 0 no-repeat;
	*/
    left: 240px;
    top: 188px;
	  color:#3f3f3f;
	  line-height:18px;
	  text-align:justify;
}
#le-mot-marche-image .titre {
    padding-top: 25px;
    margin-left: 25px;
}
.content-mot-marche-image {
    margin-top: 15px;
    width: 390px;
}

.scroll-mot-marche-image {
    width: 370px;
    padding-right: 5px;
    height: 180px;
    overflow: auto;
    color: #433e3e;
}



.scroll-mot-marche-image a {
    color: #129a9c;
}


#marche-images-marche-image {
	position: absolute;
	bottom: -23px;
	left: -16px;
	background: url(/images/bg-photos-home.png) 0 0 no-repeat;
	width: 629px;
	height: 173px;
}
#marche-images-marche-image .titre {
    padding-top: 25px;
    margin-left: 25px;
}
#fleche-gauche-marche-image {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    left: -10px;
}
#fleche-droite-marche-image {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: -5px;
}