/*  =RESET
----------------------------------------------------------------------------- */
* { margin:0; padding:0; vertical-align:baseline; }

body {
    font-family:Arial, Verdana, Helvetica, sans-serif;
    font-size: 0.8125em;
    text-align:center;
    margin:0;
    height:100%;
    color:#404040;
    background:#fff;
}

input { height:auto; }
a img, fieldset, form { border:0; }
ins, abbr, acronym { text-decoration:none; border:0; font-style:normal; }
a:hover ins, a:hover abbr, a:hover acronym { text-decoration:underline; }
address { font-style:normal; }
ul { list-style:none; }
q:before, q:after { content:''; }
small { font-size:0.9em; }
input, select, textarea, button { font:1em Arial, Verdana, Helvetica, sans-serif; }
textarea { overflow:auto; }

button {
    width:auto;
    overflow:visible;
    border:0;
    background:none;
    cursor:pointer;
}

/*  =HEADER
----------------------------------------------------------------------------- */
#header {
	margin: 50px auto 0;
	width: 850px;
	height: 316px;
	display: block;
	position:relative;
}

#header h1 {
	position:absolute;
	left: 20px;
	top: -29px;
	z-index:3;
}

#header h1 a {
	text-decoration:none;
}

#header h2 {
	position:absolute;
	left: 87px;
	top: 22px;
	z-index:4;
}

#header h2 a {
	text-decoration:none;
}

#header .frame { 
	width: 850px;
	height: 316px;
	background: transparent url(../img/skin/filter_shadow.png) left top no-repeat; 
	position:absolute;
	left:0;
	top:0;
	z-index:2;
}

.msie6 #header .frame {
	background-image: none;
   	filter: Progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/skin/filter_shadow.png', sizingMethod='crop');
}

#header .frameNav { 
	width: 850px;
	height: 56px;
	background: transparent url(../img/skin/frameNavHeader.png) left top repeat; 
	position:absolute;
	left:0;
	top:260px;
	z-index:4;
}

.msie6 #header .frameNav {
	height: 56px;
	background-image:none;
	background: transparent url(../img/skin/frameNavHeader_msie6.jpg) left top repeat;
}

#header .frameNav ul.nav {
	height: 56px;
	width: 826px;
	padding-left:24px;
}

.msie6 #header .frameNav ul.nav {
	height: 56px;
	overflow:hidden;
}

#header .frameNav ul.nav li {
	list-style-type: none;
	display: inline;
	float: left;
	vertical-align:middle;
}

#header .frameNav ul.nav li.on span.leftCorner {
	width:9px; 
	height: 56px;
	display:block;
	background: transparent url(../img/skin/leftCornerHeader.png) left top repeat;
	float:left;
}

.msie6 #header .frameNav ul.nav li.on span.leftCorner {
	background-image: none;
   	filter: Progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/skin/leftCornerHeader.png', sizingMethod='crop');
}

#header .frameNav ul.nav li.on span.rightCorner {
	width:9px; 
	height: 56px;
	display:block;
	background: transparent url(../img/skin/rightCornerHeader.png) left top repeat;
	float:right;
}

.msie6 #header .frameNav ul.nav li.on span.rightCorner {
	background-image: none;
   	filter: Progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/skin/rightCornerHeader.png', sizingMethod='crop');
}

#header .frameNav ul.nav li#quiSommesNous.on{ 
	text-decoration: none;
	display: block;
	width: 191px;
	height: 56px;
	list-style: none;
	outline: none;
}

#header .frameNav ul.nav li#lesBeneficiaires.on{ 
	text-decoration:none;
	display:block;
	width: 168px;
	height: 56px;
	list-style:none;
	outline:none;
}

#header .frameNav ul.nav li#nosProjets.on{ 
	text-decoration:none;
	display:block;
	width: 127px;
	height: 56px;
	list-style:none;
	outline:none;
}

#header .frameNav ul.nav li#nosPartenaires.on{ 
	text-decoration:none;
	display:block;
	width: 163px;
	height: 56px;
	list-style:none;
	outline:none;
}

#header .frameNav ul.nav li#nousRejoindre.on{ 
	text-decoration:none;
	display:block;
	width: 153px;
	height: 56px;
	list-style:none;
	outline:none;
}

#header .frameNav ul.nav li#quiSommesNous a { 
	text-decoration:none;
	display:block;
	width: 191px;
	height: 56px;
	background: transparent url(../img/skin/navHeader.png) left top repeat;
	color:#FFF;
	text-indent:-9999px;
	list-style:none;
	outline:none;
}

#header .frameNav ul.nav li#quiSommesNous a:hover { 
	background-position: left -56px;
}

#header .frameNav ul.nav li#quiSommesNous a:active { 
	background-position: left -112px;
}

#header .frameNav ul.nav li#quiSommesNous.on a { 
	background-position: -9px -168px;
	float:left;
	background-color:#FFF;
	width:173px;
}

#header .frameNav ul.nav li#quiSommesNous.on a:hover { 
	background-position: -9px -224px;
}

#header .frameNav ul.nav li#quiSommesNous.on a:active { 
	background-position: -9px -280px;
}

.msie6 #header .frameNav ul.nav li#quiSommesNous a { 
	text-decoration:none;
	display:block;
	width: 191px;
	height: 48px;
	background: transparent url(../img/skin/navHeader_msie6.jpg) left top repeat;
	color:#FFF;
	text-indent:-9999px;
	list-style:none;
	outline:none;
}

.msie6 #header .frameNav ul.nav li#quiSommesNous a:hover { 
	background-position: left -56px;
}

.msie6 #header .frameNav ul.nav li#quiSommesNous a:active { 
	background-position: left -112px;
}

.msie6 #header .frameNav ul.nav li#quiSommesNous.on a { 
	background-position: -9px -168px;
	float:left;
	background-color:#FFF;
	width:173px;
	height:56px;
}

.msie6 #header .frameNav ul.nav li#quiSommesNous.on a:hover { 
	background-position: -9px -224px;
}

.msie6 #header .frameNav ul.nav li#quiSommesNous.on a:active { 
	background-position: -9px -280px;
}

#header .frameNav ul.nav li#lesBeneficiaires a { 
	text-decoration:none;
	display:block;
	width: 168px;
	height: 56px;
	background: transparent url(../img/skin/navHeader.png) -191px top repeat;
	color:#FFF;
	text-indent:-9999px;
	list-style:none;
	outline:none;
}

#header .frameNav ul.nav li#lesBeneficiaires a:hover { 
	background-position: -191px -56px;
}

#header .frameNav ul.nav li#lesBeneficiaires a:active { 
	background-position: -191px -112px;
}

#header .frameNav ul.nav li#lesBeneficiaires.on a { 
	background-position: -200px -168px;
	float:left;
	background-color:#FFF;
	width:150px;
	height:56px;
}

#header .frameNav ul.nav li#lesBeneficiaires.on a:hover { 
	background-position: -200px -224px;
}

#header .frameNav ul.nav li#lesBeneficiaires.on a:active { 
	background-position: -200px -280px;
}

.msie6 #header .frameNav ul.nav li#lesBeneficiaires a { 
	text-decoration:none;
	display:block;
	width: 168px;
	height: 48px;
	background: transparent url(../img/skin/navHeader_msie6.jpg) -191px top repeat;
	color:#FFF;
	text-indent:-9999px;
	list-style:none;
	outline:none;
}

.msie6 #header .frameNav ul.nav li#lesBeneficiaires a:hover { 
	background-position: -191px -56px;
}

.msie6 #header .frameNav ul.nav li#lesBeneficiaires a:active { 
	background-position: -191px -112px;
}

.msie6 #header .frameNav ul.nav li#lesBeneficiaires.on a { 
	background-position: -200px -168px;
	float:left;
	background-color:#FFF;
	width:150px;
	height:56px;
}

.msie6 #header .frameNav ul.nav li#lesBeneficiaires.on a:hover { 
	background-position: -200px -224px;
}

.msie6 #header .frameNav ul.nav li#lesBeneficiaires.on a:active { 
	background-position: -200px -280px;
}

#header .frameNav ul.nav li#nosProjets a { 
	text-decoration:none;
	display:block;
	width: 127px;
	height: 56px;
	background: transparent url(../img/skin/navHeader.png) -359px top repeat;
	color:#FFF;
	text-indent:-9999px;
	list-style:none;
	outline:none;
}

#header .frameNav ul.nav li#nosProjets a:hover { 
	background-position: -359px -56px;
}

#header .frameNav ul.nav li#nosProjets a:active { 
	background-position: -359px -112px;
}

#header .frameNav ul.nav li#nosProjets.on a { 
	background-position: -368px -168px;
	float:left;
	background-color:#FFF;
	width:109px;
}

#header .frameNav ul.nav li#nosProjets.on a:hover { 
	background-position: -368px -224px;
}

#header .frameNav ul.nav li#nosProjets.on a:active { 
	background-position: -368px -280px;
}

.msie6 #header .frameNav ul.nav li#nosProjets a { 
	text-decoration:none;
	display:block;
	width: 127px;
	height: 48px;
	background: transparent url(../img/skin/navHeader_msie6.jpg) -359px top repeat;
	color:#FFF;
	text-indent:-9999px;
	list-style:none;
	outline:none;
}

.msie6 #header .frameNav ul.nav li#nosProjets a:hover { 
	background-position: -359px -56px;
}

.msie6 #header .frameNav ul.nav li#nosProjets a:active { 
	background-position: -359px -112px;
}

.msie6 #header .frameNav ul.nav li#nosProjets.on a { 
	background-position: -368px -168px;
	float:left;
	background-color:#FFF;
	width:109px;
	height:56px;
}

.msie6 #header .frameNav ul.nav li#nosProjets.on a:hover { 
	background-position: -368px -224px;
}

.msie6 #header .frameNav ul.nav li#nosProjets.on a:active { 
	background-position: -368px -280px;
}

#header .frameNav ul.nav li#nosPartenaires a { 
	text-decoration:none;
	display:block;
	width: 163px;
	height: 56px;
	background: transparent url(../img/skin/navHeader.png) -486px top repeat;
	color:#FFF;
	text-indent:-9999px;
	list-style:none;
	outline:none;
}

#header .frameNav ul.nav li#nosPartenaires a:hover { 
	background-position: -486px -56px;
}

#header .frameNav ul.nav li#nosPartenaires a:active { 
	background-position: -486px -112px;
}

#header .frameNav ul.nav li#nosPartenaires.on a { 
	background-position: -495px -168px;
	float:left;
	background-color:#FFF;
	width:145px;
}

#header .frameNav ul.nav li#nosPartenaires.on a:hover { 
	background-position: -495px -224px;
}

#header .frameNav ul.nav li#nosPartenaires.on a:active { 
	background-position: -495px -280px;
}

.msie6 #header .frameNav ul.nav li#nosPartenaires a { 
	text-decoration:none;
	display:block;
	width: 163px;
	height: 48px;
	background: transparent url(../img/skin/navHeader_msie6.jpg) -486px top repeat;
	color:#FFF;
	text-indent:-9999px;
	list-style:none;
	outline:none;
}

.msie6 #header .frameNav ul.nav li#nosPartenaires a:hover { 
	background-position: -486px -56px;
}

.msie6 #header .frameNav ul.nav li#nosPartenaires a:active { 
	background-position: -486px -112px;
}

.msie6 #header .frameNav ul.nav li#nosPartenaires.on a { 
	background-position: -495px -168px;
	float:left;
	background-color:#FFF;
	width:145px;
	height:56px;
}

.msie6 #header .frameNav ul.nav li#nosPartenaires.on a:hover { 
	background-position: -495px -224px;
}

.msie6 #header .frameNav ul.nav li#nosPartenaires.on a:active { 
	background-position: -495px -280px;
}

#header .frameNav ul.nav li#nousRejoindre a { 
	text-decoration:none;
	display:block;
	width: 153px;
	height: 56px;
	background: transparent url(../img/skin/navHeader.png) -649px top no-repeat;
	color:#FFF;
	text-indent:-9999px;
	list-style:none;
	outline:none;
}

#header .frameNav ul.nav li#nousRejoindre a:hover { 
	background-position: -649px -56px;
}

#header .frameNav ul.nav li#nousRejoindre a:active { 
	background-position: -649px -112px;
}

#header .frameNav ul.nav li#nousRejoindre.on a { 
	background-position: -658px -168px;
	float:left;
	background-color:#FFF;
	width:135px;
}

#header .frameNav ul.nav li#nousRejoindre.on a:hover { 
	background-position: -658px -224px;
}

#header .frameNav ul.nav li#nousRejoindre.on a:active { 
	background-position: -658px -280px;
}

.msie6 #header .frameNav ul.nav li#nousRejoindre a { 
	text-decoration:none;
	display:block;
	width: 153px;
	height: 48px;
	background: transparent url(../img/skin/navHeader_msie6.jpg) -649px top no-repeat;
	color:#FFF;
	text-indent:-9999px;
	list-style:none;
	outline:none;
}

.msie6 #header .frameNav ul.nav li#nousRejoindre a:hover { 
	background-position: -649px -56px;
}

.msie6 #header .frameNav ul.nav li#nousRejoindre a:active { 
	background-position: -649px -112px;
}

.msie6 #header .frameNav ul.nav li#nousRejoindre.on a { 
	background-position: -658px -168px;
	float:left;
	background-color:#FFF;
	width:135px;
	height:56px;
}

.msie6 #header .frameNav ul.nav li#nousRejoindre.on a:hover { 
	background-position: -658px -224px;
}

.msie6 #header .frameNav ul.nav li#nousRejoindre.on a:active { 
	background-position: -658px -280px;
}

#header .pictureHeader {
	position:absolute;
	left: 0px;
	top: 0px;
	z-index:1;
	overflow:hidden;
	height:308px;
	width:850px;
}

/*  =CONTAINER
----------------------------------------------------------------------------- */
#container {
	overflow:hidden;
	margin: 30px auto 0;
	width: 850px;
}

/*  =CONTENT
----------------------------------------------------------------------------- */

#container #content { 
	float: left;
	width: 570px;
	margin-bottom:20px;
	background: transparent url(../img/skin/topBottomContent.jpg) -600px bottom no-repeat;
}

#content ul.navContent { 
	width:550px;
	background: transparent url(../img/skin/topBottomContent.jpg) left 38px no-repeat;
	padding:0 0 20px 20px;
	overflow:hidden;
}

#content ul.navContent li { 
	padding-right:12px;
	display:inline;
	float:left;
	list-style:none;
	display:block;

}

#content ul.navContent li {
		text-indent:-9999px;
}

#content ul.navContent li#bienvenue h3 {
	background: transparent url(../img/skin/navContentModules.png) Left -50px no-repeat;
	width:400px;
	height:38px;
}

#content ul.navContent li#agenda h3 {
	background: transparent url(../img/skin/navContentModules.png) Left top no-repeat;
	width:400px;
	height:38px;
}

#content ul.navContent li#donation h3 {
	background: transparent url(../img/skin/navContentModules.png) Left -100px no-repeat;
	width:400px;
	height:38px;
}

#content ul.navContent li#donationExplication h3 {
	background: transparent url(../img/skin/navContentModules.png) Left -150px no-repeat;
	width:400px;
	height:38px;
}

#content ul.navContent li#presHistorique.active h3 {
	background: transparent url(../img/skin/navContent.png) Left top no-repeat;
	width:162px;
	height:39px;
}

li#presHistorique h3 a {
	background: transparent url(../img/skin/navContent.png) Left -50px no-repeat;
	width:162px;
	height:38px;
	outline:none;
	display:block;
}

li#presHistorique h3 a:hover {
	background-position: Left -100px;
}

li#presHistorique h3 a:active {
	background-position: Left -150px;
}

li#presActions.active h3 {
	background: transparent url(../img/skin/navContent.png) -200px top no-repeat;
	width:123px;
	height:39px;
}

li#presActions h3 a {
	background: transparent url(../img/skin/navContent.png) -200px -50px no-repeat;
	width:123px;
	height:38px;
	outline:none;
	display:block;
}

li#presActions h3 a:hover {
	background-position: -200px -100px;
}

li#presActions h3 a:active {
	background-position: -200px -150px;
}

li#presTeamPacha.active h3 {
	background: transparent url(../img/skin/navContent.png) -400px top no-repeat;
	width:157px;
	height:39px;
}

li#presTeamPacha h3 a {
	background: transparent url(../img/skin/navContent.png) -400px -50px no-repeat;
	width:157px;
	height:38px;
	outline:none;
	display:block;
}

li#presTeamPacha h3 a:hover {
	background-position: -400px -100px;
}

li#presTeamPacha h3 a:active {
	background-position: -400px -150px;
}

#content ul.navContent li#benefRegionPotosi.active h3 {
	background: transparent url(../img/skin/navContent.png) -600px top no-repeat;
	width:176px;
	height:39px;
}

li#benefRegionPotosi h3 a {
	background: transparent url(../img/skin/navContent.png) -600px -50px no-repeat;
	width:176px;
	height:38px;
	outline:none;
	display:block;
}

li#benefRegionPotosi h3 a:hover {
	background-position: -600px -100px;
}

li#benefRegionPotosi h3 a:active {
	background-position: -600px -150px;
}

#content ul.navContent li#benefVillage.active h3 {
	background: transparent url(../img/skin/navContent.png) -800px top no-repeat;
	width:121px;
	height:39px;
}

li#benefVillage h3 a {
	background: transparent url(../img/skin/navContent.png) -800px -50px no-repeat;
	width:121px;
	height:38px;
	outline:none;
	display:block;
}

li#benefVillage h3 a:hover {
	background-position: -800px -100px;
}

li#benefVillage h3 a:active {
	background-position: -800px -150px;
}

#content ul.navContent li#benefHabitant.active h3 {
	background: transparent url(../img/skin/navContent.png) -1000px top no-repeat;
	width:134px;
	height:39px;
}

li#benefHabitant h3 a {
	background: transparent url(../img/skin/navContent.png) -1000px -50px no-repeat;
	width:134px;
	height:38px;
	outline:none;
	display:block;
}

li#benefHabitant h3 a:hover {
	background-position: -1000px -100px;
}

li#benefHabitant h3 a:active {
	background-position: -1000px -150px;
}

#content ul.navContent li#projetElevage.active h3 {
	background: transparent url(../img/skin/navContent.png) -1200px top no-repeat;
	width:95px;
	height:39px;
}

li#projetElevage h3 a {
	background: transparent url(../img/skin/navContent.png) -1200px -50px no-repeat;
	width:95px;
	height:38px;
	outline:none;
	display:block;
}

li#projetElevage h3 a:hover {
	background-position: -1200px -100px;
}

li#projetElevage h3 a:active {
	background-position: -1200px -150px;
}

#content ul.navContent li#projetEnvironnement.active h3 {
	background: transparent url(../img/skin/navContent.png) -1400px top no-repeat;
	width:146px;
	height:39px;
}

li#projetEnvironnement h3 a {
	background: transparent url(../img/skin/navContent.png) -1400px -50px no-repeat;
	width:146px;
	height:38px;
	outline:none;
	display:block;
}

li#projetEnvironnement h3 a:hover {
	background-position: -1400px -100px;
}

li#projetEnvironnement h3 a:active {
	background-position: -1400px -150px;
}

#content ul.navContent li#projetEducation.active h3 {
	background: transparent url(../img/skin/navContent.png) -1600px top no-repeat;
	width:109px;
	height:39px;
}

li#projetEducation h3 a {
	background: transparent url(../img/skin/navContent.png) -1600px -50px no-repeat;
	width:109px;
	height:38px;
	outline:none;
	display:block;
}

li#projetEducation h3 a:hover {
	background-position: -1600px -100px;
}

li#projetEducation h3 a:active {
	background-position: -1600px -150px;
}

#content ul.navContent li#partenaire.active h3 {
	background: transparent url(../img/skin/navContent.png) -1800px top no-repeat;
	width:154px;
	height:39px;
}

#content ul.navContent li#contact.active h3 {
	background: transparent url(../img/skin/navContent.png) -2000px top no-repeat;
	width:146px;
	height:39px;
}
#content div {
	width:570px;
	background: transparent url(../img/skin/topBottomContent.jpg) left -20px no-repeat;
	margin-bottom:20px;
	position:relative;
}

#content div .pictureContent {
	margin: 0 19px 20px 19px;
	width:532px;
}

#content div .pictureContent .legend {
	padding:5px 10px 0 0;
	width:522px;
	height:20px;
	background-color:#404040;
	color:#FFF;
	text-align:right;
	position:absolute;
	bottom:0;
}

#content div .pictureContent img {
	border:1px #404040 solid;
}

#content div .pictureContentCycle {
	width:532px;
	margin: 0 19px 20px 19px;
}

#content div .pictureContentCycle img {
	border:1px #404040 solid;
}

#content div .legend {
	padding:5px 10px 0 0;
	margin:0 0 0 19px;
	width:522px;
	height:20px;
	background: transparent url(../img/skin/frameLegend.png) left top repeat;
	position:absolute;
	top:267px;
	left:0;
	z-index:10;
}

.msie6 #content div .legend {
	background:#202020;
}

#content div .legend p {
	color:#FFF;
	text-align:right;
	padding: 0;
	font-weight:bold;
}

#display{ display: none; }

#content div h4 {
	margin-bottom:15px;
	text-align:left;
	padding:0 20px 0 20px;
	font-size:1.15em;
}

#content div h4 a {
	text-decoration:none;
	color:#404040;
}

#content div h4 a:hover {
	text-decoration: underline;
}

#content div h4 a:active {
	color:#ff0072;
}

#content div h4 span {
	color:#1DA1FD;
	font-size:0.8125em;
}

#content div p {
	text-align:left;
	padding:0 20px 15px 20px;
}


p.notaBene { 
	font-size:0.8em;
}

#content div p.center {
	text-align:center;
}


#content div p a {
	color:#404040;
	text-decoration:underline;
	outline: none;
	font-weight:bold;
}

#content div p a:hover {
	color:#404040;
	text-decoration:none;
}

#content div p a:active {
	color:#ff0072;
	text-decoration:none;
}

#content div ul {
	text-align:left;
	padding:0 20px 15px 60px;
	list-style:disc;
}

#content div ul li {
	padding-bottom:5px;
}

#content div ul li a {
	color:#404040;
	text-decoration:underline;
	outline: none;
	font-weight:bold;
}

#content div ul li a:hover {
	color:#404040;
	text-decoration:none;
}

#content div ul li a:active {
	color:#ff0072;
	text-decoration:none;
}

#content div ul.donation {
	padding:10px 0px 20px 0px;
	list-style: none;
	overflow:hidden;
}

#content div ul.donation li {
	float:left;
	background:url("../img/skin/block.png") no-repeat scroll right -22px transparent;
	width:250px;
	margin-left:23px;
	padding-top:5px;
	height:118px;
	overflow:hidden;
	text-align:center;
}

#content div ul.donation li form {
	padding-top:20px;
}

#content div ul.donation li span {
	display:block;
	padding-top:20px;
	color:#1DA1FD;
}

#content div ul.metro {
	list-style-type:none; 
	overflow:hidden;
	padding:0 0 15px 52px;
	font-size:0.9em;
	background: transparent url(../img/data/picto_metro.jpg) 20px 5px no-repeat;
}

ul.metro li {
	display:inline;
	float:left;
	list-style-type:none;
	padding:0 18px 0px 0 !important;
}

ul.metro li img {
	position:relative;
	top:5px;
	padding-left:4px;
}

#content div div.email {
	overflow:hidden;
	width:530px;
	padding:0 20px 0 20px;
	background:none;
	margin-bottom:35px;
}

#content div div.email img {
	float:left;
	margin-right:20px;
}

#content div div.email p {
}

#content div div.email2 {
	overflow:hidden;
	width:530px;
	padding:0 20px 0 20px;
	background:none;
	margin-bottom:35px;
}

#content div div.email2 img {
	float:right;
	margin-left:20px;
}

#content div div.email2 p {
	float:left;
	width:290px;
	padding:0 0 0 0;
}

/*  =MODULES
----------------------------------------------------------------------------- */

#container #modules { 
	float: right;
	width: 250px;
	padding-top:16px;
}

input.submit {
    width:30px;
    height:21px;
    cursor:pointer !important;
    border:0 !important;
    overflow:visible;
	background-color:#198edf;
	color:#FFF;
	font-weight:bold;
	font-size:15px;
}

input.submit:active {
	background-color:#ff0072;
}

span.error {
	color:red;
	position:absolute;
	display:block;
	top:34px;
	left:8px;
}

.msie6 span.error {
	left:0px;
}

input.text {
	width:180px;
	float:left;
	border:#b5b5b5 1px solid;
	height:20px;
	color:#404040;
}

form.form-verify {
	position:relative;
	padding:0 0 15px 8px;
	outline:none;
}

form.form-verify fieldset p {
	margin-bottom:25px;
	padding-left:0;
}

span.validEmail {
	display:none;
	color:red;
	font-weight:bold;
	float:left;
	padding-top:10px;
}

#modules .block { 
	background: transparent url(../img/skin/block.png) right top no-repeat;
	width: 250px;
	min-height: 118px;
	margin-bottom: 25px;
}

.block h2 img { 
	height: 22px;
	width: 250px;
	margin-bottom: 10px;
}

.block p { 
	padding-left: 8px;
	margin-bottom: 15px;
	text-align: left;
}

.block p.chevre { 
	background: transparent url(../img/data/picto_chevre.png) 8px top no-repeat;
	padding-top:6px;
}

.chevre span {
	padding:0 17px 0 0;
}

.block h3 {
	text-align:left;
	font-size:1.15em;
	margin-bottom:5px;
	padding-left:8px;
}

.block h3 span {
	font-size:0.8125em;
	color:#1DA1FD;
}

.block p a { 
	color:#1da1fd;
	text-decoration:none;
	outline:none;
}

.block h3 a:hover {
	text-decoration: underline;
}

.block p a:hover { 
	color:#1da1fd;
	text-decoration: underline;
}

.block h3 a:active {
	color:#ff0072;
	text-decoration: underline;
}

.block p a:active { 
	color:#ff0072;
	text-decoration: underline;
}


.block p.more {
	text-align:right;
}

.block p.more a { 
	padding-right: 16px;
	margin: 0 0 10px 0;
	background:none;
	color: #1da1fd;
	text-decoration: underline;
	outline:none;
}

.block p.more a:hover { 
	color: #1da1fd;
	text-decoration: none;
}

.block p.more a:active { 
	color: #ff0072;
	text-decoration: none;
}

.blockContribution { 
	background: transparent url(../img/skin/block.png) left top no-repeat;
	width: 250px;
	height: 173px;
	margin-bottom: 30px;
}

.blockContribution h2 img {
	display:block;
}


.blockContribution p { 
	padding: 10px 10px 0 16px;
	margin-bottom: 10px;
	text-align: left;
}

.blockContribution p a {
	background: transparent url(../img/skin/btn_je-fais-un-don.png) left top no-repeat;
	outline:none;
	width:160px;
	height:54px;
	display:block;
	text-indent:-9999px;
	margin:14px 0 0 27px;
}

.blockContribution p a:hover { 
	background-position: left -54px;
}

.blockContribution p a:active { 
	background-position: left -108px;
}

.blockContribution p.more {
	padding:5px 16px 0 0;
	text-align:right;
	overflow:hidden;
}

.blockContribution p.more a { 
	background:none;
	color: #1da1fd;
	text-decoration: underline;
	outline:none;
	width: auto;
	height:auto;
	margin:0;
}

.blockContribution p.more a:hover { 
	color: #1da1fd;
	text-decoration: none;
}

.blockContribution p.more a:active { 
	color: #ff0072;
	text-decoration: none;
}

/*  =FOOTER
----------------------------------------------------------------------------- */
#footer {
	margin: 30px auto 0;
	width:850px;
	position:relative;
	padding-bottom:30px;
	overflow:hidden;
}

#footer .frameNav { 
	width: 850px;
	height: 139px;
	background: transparent url(../img/skin/frameFooter01.png) left top repeat;
	margin-bottom:13px;
}

#footer .frameNav ul.nav {
	height: 126px;
	width: 826px;
	padding-left:24px;
	overflow:hidden;
}

#footer .frameNav ul.nav li {
	list-style:none;
	display: inline;
	float: left;
	vertical-align:middle;
}

#footer .frameNav ul.nav li.quiSommesNous ul.on{ 
	display: block;
	width: 191px;
	height: 126px;
	background: transparent url(../img/skin/frameNavFooter.png) left top repeat;
	font-weight:bold;
}

#footer .frameNav ul.nav li.lesBeneficiaires ul.on{ 
	display:block;
	width: 168px;
	height: 126px;
	background: transparent url(../img/skin/frameNavFooter.png) left top repeat;
	font-weight:bold;
}

.msie6 #footer .frameNav ul.nav li.lesBeneficiaires ul.on {
	background-image: none;
   	filter: Progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/skin/frameNavFooter.png', sizingMethod='crope');
}

#footer .frameNav ul.nav li.nosProjets ul.on{ 
	display:block;
	width: 127px;
	height: 126px;
	background: transparent url(../img/skin/frameNavFooter.png) left top repeat;
	font-weight:bold;
}

.msie6 #footer .frameNav ul.nav li.nosProjets ul.on {
	background-image: none;
   	filter: Progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/skin/frameNavFooter.png', sizingMethod='crope');
}

#footer .frameNav ul.nav li.nosPartenaires ul.on{ 
	display:block;
	width: 163px;
	height: 126px;
	background: transparent url(../img/skin/frameNavFooter.png) left top repeat;
	font-weight:bold;
}

.msie6 #footer .frameNav ul.nav li.nosPartenaires ul.on {
	background-image: none;
   	filter: Progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/skin/frameNavFooter.png', sizingMethod='crope');
}

#footer .frameNav ul.nav li.nousRejoindre ul.on { 
	display:block;
	width: 153px;
	height: 126px;
	background: transparent url(../img/skin/frameNavFooter.png) left top repeat;
	font-weight:bold;
}

.msie6 #footer .frameNav ul.nav li.nousRejoindre ul.on {
	background-image: none;
   	filter: Progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/skin/frameNavFooter.png', sizingMethod='crope');
}

#footer .frameNav ul.nav li.quiSommesNous ul {
	width: 191px;
	height:126px;
	display:block;
}

#footer .frameNav ul.nav li.quiSommesNous ul li {
	width: 191px;
	display:block;
	height:20px;
	padding-top:6px;
}

#footer .frameNav ul.nav li.quiSommesNous ul li a {
	color:#FFF;
	text-decoration:none;
	outline:none;
	width:auto;
	height:auto;
}

#footer .frameNav ul.nav li.quiSommesNous ul li a:hover {
	color:#FFF;
	text-decoration: underline;
}

#footer .frameNav ul.nav li.quiSommesNous ul li a:active {
	color:#FF0072;
	text-decoration: underline;
}

#footer .frameNav ul.nav li.quiSommesNous ul li.title {
	padding:0;
	list-style:none;
	text-indent:-9999px;
	height:48px;
}

#footer .frameNav ul.nav li.quiSommesNous ul li.title a { 
	text-decoration:none;
	display:block;
	height: 48px;
	background: transparent url(../img/skin/navFooter.png) left top repeat;
	color:#FFF;
}

#footer .frameNav ul.nav li.quiSommesNous ul li.title a:hover { 
	background-position: left -48px;
}

#footer .frameNav ul.nav li.quiSommesNous ul li.title a:active { 
	background-position: left -96px;
}

#footer .frameNav ul.nav li.lesBeneficiaires ul {
	width: 168px;
	height:126px;
	display:block;
}

#footer .frameNav ul.nav li.lesBeneficiaires ul li {
	width: 168px;
	display:block;
	height:20px;
	padding-top:6px;
}

#footer .frameNav ul.nav li.lesBeneficiaires ul li a {
	color:#FFF;
	text-decoration:none;
	outline:none;
}

#footer .frameNav ul.nav li.lesBeneficiaires ul li a:hover {
	color:#FFF;
	text-decoration: underline;
}

#footer .frameNav ul.nav li.lesBeneficiaires ul li a:active {
	color:#FF0072;
	text-decoration: underline;
}

#footer .frameNav ul.nav li.lesBeneficiaires ul li.title {
	padding:0;
	list-style:none;
	text-indent:-9999px;
	height:48px;
}

#footer .frameNav ul.nav li.lesBeneficiaires ul li.title a { 
	text-decoration:none;
	display:block;
	width: 168px;
	height: 48px;
	background: transparent url(../img/skin/navFooter.png) -191px top repeat;
	color:#FFF;
	text-indent:-9999px;
	padding:0;
}

#footer .frameNav ul.nav li.lesBeneficiaires ul li.title a:hover { 
	background-position: -191px -48px;
}

#footer .frameNav ul.nav li.lesBeneficiaires ul li.title a:active { 
	background-position: -191px -96px;
}

#footer .frameNav ul.nav li.nosProjets ul {
	width: 127px;
	height:126px;
	display:block;
}

#footer .frameNav ul.nav li.nosProjets ul li {
	width: 127px;
	display:block;
	height:20px;
	padding-top:6px;
}

#footer .frameNav ul.nav li.nosProjets ul li a {
	color:#FFF;
	text-decoration:none;
	outline:none;
}

#footer .frameNav ul.nav li.nosProjets ul li a:hover {
	color:#FFF;
	text-decoration: underline;
}

#footer .frameNav ul.nav li.nosProjets ul li a:active {
	color:#FF0072;
	text-decoration: underline;
}

#footer .frameNav ul.nav li.nosProjets ul li.title {
	padding:0;
	list-style:none;
	text-indent:-9999px;
	height:48px;
}

#footer .frameNav ul.nav li.nosProjets ul li.title a { 
	text-decoration:none;
	display:block;
	width: 127px;
	height: 48px;
	background: transparent url(../img/skin/navFooter.png) -359px top repeat;
	color:#FFF;
	text-indent:-9999px;
	padding:0;
}

#footer .frameNav ul.nav li.nosProjets ul li.title a:hover { 
	background-position: -359px -48px;
}

#footer .frameNav ul.nav li.nosProjets ul li.title a:active { 
	background-position: -359px -96px;
}

#footer .frameNav ul.nav li.nosPartenaires ul {
	width: 163px;
	height:126px;
	display:block;
}

#footer .frameNav ul.nav li.nosPartenaires a { 
	text-decoration:none;
	display:block;
	width: 163px;
	height: 48px;
	background: transparent url(../img/skin/navFooter.png) -486px top repeat;
	color:#FFF;
	text-indent:-9999px;
}

#footer .frameNav ul.nav li.nosPartenaires a:hover { 
	background-position: -486px -48px;
}

#footer .frameNav ul.nav li.nosPartenaires a:active { 
	background-position: -486px -96px;
}

#footer .frameNav ul.nav li.nousRejoindre ul {
	width: 153px;
	height:126px;
	display:block;
}

#footer .frameNav ul.nav li.nousRejoindre ul li {
	width: 153px;
	display:block;
	height:20px;
	padding-top:6px;
}

#footer .frameNav ul.nav li.nousRejoindre ul li a {
	color:#FFF;
	text-decoration:none;
	outline:none;
}

#footer .frameNav ul.nav li.nousRejoindre ul li a:hover {
	color:#FFF;
	text-decoration: underline;
}

#footer .frameNav ul.nav li.nousRejoindre ul li a:active {
	color:#FF0072;
	text-decoration: underline;
}

#footer .frameNav ul.nav li.nousRejoindre ul li.title {
	padding:0;
	list-style:none;
	text-indent:-9999px;
	height:48px;
}

#footer .frameNav ul.nav li.nousRejoindre ul li.title a { 
	text-decoration:none;
	display:block;
	width: 153px;
	height: 48px;
	background: transparent url(../img/skin/navFooter.png) -649px top no-repeat;
	color:#FFF;
	text-indent:-9999px;
	padding:0;
}

#footer .frameNav ul.nav li.nousRejoindre ul li.title a:hover { 
	background-position: -649px -48px;
}

#footer .frameNav ul.nav li.nousRejoindre ul li.title a:active { 
	background-position: -649px -96px;
}

#footer .modules {
	width:850px;
	height:40px;
	background: transparent url(../img/skin/frameFooter02.png) left top no-repeat;
}

#footer .modules ul {
	overflow:hidden;
}

#footer .modules ul li {
	list-style:none;
	display: inline;
	float: right;
	padding-right:20px;
	height:40px;
}

#footer .modules ul li a {
	outline:none;
	text-decoration:none;
	text-indent:-9999px;
}

#footer .modules ul li.module01 a {
	display:block;
	width: 102px;
	height: 40px;
	background: transparent url(../img/skin/modulesFooter.png) -216px top no-repeat;
	color:#404040;
}

#footer .modules ul li.module01 a:hover {
	background-position: -216px -40px;
}

#footer .modules ul li.module01 a:active {
	background-position: -216px -80px;
}

#footer .modules ul li.module02 a {
	display:block;
	width: 75px;
	height: 40px;
	background: transparent url(../img/skin/modulesFooter.png) -121px top no-repeat;
	color:#404040;
}

#footer .modules ul li.module02 a:hover {
	background-position: -121px -40px;
}

#footer .modules ul li.module02 a:active {
	background-position: -121px -80px;
}

#footer .modules ul li.module03 a {
	display:block;
	width: 81px;
	height: 40px;
	background: transparent url(../img/skin/modulesFooter.png) -20px top no-repeat;
	color:#404040;
}

#footer .modules ul li.module03 a:hover {
	background-position: -20px -40px;
}

#footer .modules ul li.module03 a:active {
	background-position: -20px -80px;
}

#footer .regulations {
	font-size:0.6875em;
	width:850px;
}

#footer .regulations ul {
	padding-top:5px;
	padding-right:15px;
	text-align:right;
}

#footer .regulations ul li.copyright {
	list-style:none;
	display: inline;
	float:left;
	padding-left:20px;
}

#footer .regulations ul li {
	list-style:none;
	display: inline;
}

#footer .regulations ul li a {
	outline:none;
	text-decoration:none;
	color:#404040;
	margin:0 5px 0 5px;
}

#footer .regulations ul li a:hover {
	color:#404040;
	text-decoration:underline;
}

#footer .regulations ul li a:active {
	color:#ff0072;
	text-decoration:underline;
}

/*------------------------------------------------------------------------------
    CSS Document (http://www.w3.org/Style/CSS/)

    project:    majx JavaScript Library http://code.google.com/p/majx-js/
    license:    New BSD License http://www.opensource.org/licenses/bsd-license.php
    author:     Copyright (c) 2009
                Yves Van Goethem and Vincent Valentin
                All rights reserved.

    module:     customizable popins (modal boxes)
    summary:    POPIN
----------------------------------------------------------------------------- */

/* =POPIN
------------------------------------------------------------------------------*/
#cache {
    position:fixed;
    _position:absolute; /* let's give IE6 absolute */
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:#000;
    color:inherit;
    display:none;
	z-index:5;
}

#popin {
    position:fixed;
    _position:absolute; /* let's give IE6 absolute */
    
    /* default dimensions and positions */
    top:50%;
    left:50%;
    margin-left:-400px;
    margin-top:-225px;
    width:800px;
    height:450px;
    
    /* styles */
    background-color:#FFF;
    color:inherit;
    overflow:auto;
    display:none;
	z-index:6;
}

#popin:focus {
    outline:0;
}

#close {
    position:absolute;
    top:0;
    right:0;
    margin:5px;
    padding:5px;
    background-color:#198EDF;
	color:#fff;
}

#close:active {
    background-color:#ff0072;
}

#close li {
    list-style-type:none;
}

#close li a {
	font:1em Arial,Verdana,Helvetica,sans-serif;
	color:#fff;
    font-size:15px;
	outline:none;
	text-transform:uppercase;
	font-weight:bold;
	text-decoration:none;
}

#close li a:active {
	background-color:#ff0072;
}

#popin #load-indicator {
    position:absolute;
    margin:auto;
    top:0;
    left:0;
    right:0;
    bottom:0;
}

#popin #pop-content {
    margin:0 10px;
}

#popin #pop-content img {
    display:block;
}

.pop-image {
    margin:0 !important;
}