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

/*less var*/
.box_shadow(@glow, @opacity){
	-moz-box-shadow:0px 0px @glow rgba(0, 0, 0, @opacity);
	-khtml-box-shadow:0px 0px @glow rgba(0, 0, 0, @opacity);
	-webkit-box-shadow:0px 0px @glow rgba(0, 0, 0, @opacity);
	box-shadow:0px 0px @glow rgba(0, 0, 0, @opacity);
}
@w_content_glob: 880px;

.marg_l(@val){margin-left:@val;}
.marg_r(@val){margin-right:@val;}
.float_l{float:left;}
.float_r{float:right;}
.uppercase{text-transform:uppercase;}

a{outline:medium none; text-decoration:none;}
h1, h2, h3, h4, ul, li, p{padding:0; margin:0;}
li{list-style:none;}
img{border:none !important;}


html{background:url(../images/bg.jpg) repeat;}
body{width:980px; height:auto; margin:0 auto; font:normal 12px Arial, Helvetica, sans-serif; color:#666666;}

.content_global_bg{width:950px; height:auto; .float_l; background:url(../images/bg_content.jpg) repeat; padding:0 20px;}
.content_global{width:@w_content_glob; height:auto; .float_l; padding:15px 35px; background:#fdfdfd; .box_shadow(5px, 0.1);}


/****START:header****/
.content_header{width:@w_content_glob - 20px; height:auto; .float_l; padding:10px; background:#f4f4f3;
	
	/*top_header*/
	.top_header{width:@w_content_glob - 20px; height:auto; .float_l;
		.logo_site{width:207px; height:90px; .float_l; background:url(../images/logo_site.jpg) no-repeat; margin-right:20px;}
		.logo_fondation{width:73px; height:77px; .float_l; background:url(../images/logo_fondation.jpg) no-repeat; margin:13px 0px 0px 0px;}
		.right_top_header{width:auto; height:auto; .float_r; padding:42px 0 0 0;
			
			.link_account{width:auto; height:32px; .float_r; background:url(../images/icon_account.png) no-repeat left center; padding:10px 0 0 62px; .marg_l(5px); font:normal 12px/12px "Trebuchet MS", Arial, Helvetica, sans-serif; .uppercase; color:#525252;
				&:hover{color:#000000;}
			}
			span.sep{width:2px; height:30px; .float_r; margin:6px 0 0 10px; overflow:hidden; background:#c0c0c0;}
		}
	}
	
	/*bottom_header*/
	.bottom_header{width:100%; height:auto; .float_l; padding-top:10px;
		.menu{width:100%; height:auto; .float_l; background:#6384b2;
			.nav_home{width:41px; height:41px; .float_l; background:url(../images/icon_home.jpg) no-repeat top;
				&:hover{background-position:bottom;}
			}
			ul{width:auto; height:auto; .float_r;
				li{width:auto; height:auto; .float_l; background:url(../images/bg_li_nav.jpg) no-repeat right 24px; 
					&:last-child{background:none;}
					a{width:auto; height:auto; .float_l; padding:16px 11.5px 12px 11.5px; font:bold 12px/12px Verdana, Geneva, sans-serif; color:#ffffff;
						&:hover{background:#6b8ec0;}
						&.on{color:#e98a3b;}
					}
				}
			}
			
		}
	}
}

.last_link_menu{background:none !important;}

.don_en_ligne{width:153px; height:40px; .float_r; background:url(../images/don_en_ligne.png) no-repeat top; padding:7px 5px 0 0; font:bold 12px/13px Verdana, Geneva, sans-serif; color:#ffffff; text-align:center;
	&:hover{background-position:bottom;}
}
.don_en_ligne_big{width:208px; height:50px; .float_r; background:url(../images/don_en_ligne_big.png) no-repeat top; padding:7px 5px 0 0; margin:10px 12px 0 0; font:bold 15px/17px Verdana, Geneva, sans-serif; letter-spacing:0.5px; color:#ffffff; text-align:center;
	&:hover{background-position:bottom;}
}
/****END:header*****/


/****START:content_site****/
.content_site{width:860px; height:auto; .float_l; padding:0 10px;}
.border_top_bottom{width:860px; height:auto; .float_l; padding:4px 0; background:url(../images/texture_cube.jpg) repeat;}

.slider_site{width:860px; height:438px; .float_l;}

.links_global{width:860px; height:auto; .float_l; overflow:hidden; background:#ffffff; padding-top:5px;
	ul{width:864px; height:auto; .float_l; background:url(../images/bg_and_sep.jpg) repeat #ece8e0;
		li{width:auto; height:auto; .float_l;
			a{width:140px; height:80px; .float_l; padding:35px 0 0 76px; font:bold 20px/20px Verdana, Geneva, sans-serif; color:#555148;
				&:hover{color:#333333;}
			}
			a.pourquoi_donner{background:url(../images/icon_link_global_01.jpg) left center no-repeat;}
			a.comment_donner{background:url(../images/icon_link_global_02.jpg) left center no-repeat;}
			a.fondateurs{background:url(../images/icon_link_global_03.jpg) left center no-repeat;}
			a.contacts{background:url(../images/icon_link_global_04.jpg) left center no-repeat; padding-top:45px; height:70px;}
		}
	}
}
/****END:content_site****/


/****START:actus****/
.content_actus{width:100%; height:auto; .float_l; padding:25px 0 0 0;
	h1{width:100%; height:auto; .float_l; padding-bottom:25px; font:bold 17px/15px Verdana, Geneva, sans-serif; color:#1f4775; .uppercase;
		span{font-weight:normal;}
	}
	.item_actus{width:100%; height:auto; .float_l; padding-bottom:30px;
		a.link_img_actu{width:90px; height:85px; .float_l; overflow:hidden; margin:0 15px 0 0;}
		&:hover{
			h2{color:#ff6000;}
			p{color:#000000;}	
		}
		h2{font:bold 14px/10px Verdana, Geneva, sans-serif; color:#e98a3b; padding:0 0 10px 0;}
		p{font:normal 11px/16px Verdana, Geneva, sans-serif; color:#555148;}
	}
	.other_actus{width:100%; height:auto; .float_l; padding:5px 0 25px 0;
		a{width:auto; height:auto; .float_r; font:normal 11px Verdana, Geneva, sans-serif; color:#555148;
			&:hover{color:#2994eb;}
		}
	}
}
/****END:actus****/

/****START:infos_site****/
.infos_site{width:820px; height:auto; .float_l; padding:20px; background:#f2efe9;
	.left_infos_site{width:470px; height:70px; .float_l; padding:20px 0 0 88px; background:url(../images/infos.jpg) no-repeat left center; border-right:1px solid #d6d3cc;
		p{padding:0 20px 0 0; font:italic 13px/20px Verdana, Geneva, sans-serif; color:#555148;}
	}
	.right_infos_site{width:226px; height:auto; .float_r; padding:10px 0 0 0; font:bold 13px Verdana, Geneva, sans-serif; letter-spacing:-0.5px; color:#555148;
		.don_en_ligne{.float_l; margin-top:10px;}
	}
}
/****END:infos_site****/

/****START:footer*****/
.footer{width:930px; height:auto; .float_l; padding:10px 10px 20px 10px;
	.top_footer{width:100%; height:auto; float:left; padding:8px 0; border:1px solid #dfdcd6; border-left:none; border-right:none;
		ul{width:100%; height:auto; float:left;
			li{width:auto; height:auto; float:left;background:url(../images/bg_li_nav_footer.jpg) no-repeat right 14px;
				a{width:auto; height:auto; float:left; font:bold 11px Verdana, Geneva, sans-serif; color:#555148; padding:5px 14px;
					&:hover{color:#e98a3b;}
				}
			}
		}
	}
	
	.bottom_footer{width:100%; height:auto; .float_l; padding:20px 0 0 0;
		.left{width:400px; height:auto; .float_l; font:normal 12px/18px Verdana, Geneva, sans-serif; color:#0c0c0c;
			span{color:#0d3d6e;
				span{color:#6d8bb5;}
			}
		}
		
		.right{width:280px; height:auto; .float_r; padding:20px 0;
			a{width:100%; height:auto; .float_r; text-align:right; font:bold 14px Verdana, Geneva, sans-serif; color:#0d3d6e; margin-bottom:10px;
				&:hover{color:#6d8bb5;}
			}
			a.small{font:bold 12px Verdana, Geneva, sans-serif; color:#0d3d6e;
				&:hover{color:#6d8bb5;}
				span{color:#6d8bb5;}
			}
		}
	}
}
/****END:footer****/


/****START:content_page****/
.content_page{width:100%; height:auto; .float_l; background:#ffffff;
	.left_page_50{width:49%; _width:48%; height:auto; .float_l; padding:30px 0;}
	.right_page_50{width:49%; height:auto; .float_r;}
	h2{width:100%; .float_l; font:bold 27px/28px Verdana, Geneva, sans-serif; color:#326490; padding-bottom:22px; letter-spacing:-1px; .uppercase;
		span{font-weight:normal;}
		&.orange{color:#e98a3b; padding-top:22px;}
	}
	p{width:100%; .float_l; font:normal 12px/20px Verdana, Geneva, sans-serif; color:#3b3b3b; padding:0 5px 16px 0;}
	.img_article{width:100%; height:auto; .float_l; padding:10px 0 0 0;}
	.download_plaquette{width:auto; height:auto; .float_r; margin:25px 0 40px 30px; font:bold 16px/16px Verdana, Geneva, sans-serif; color:#e98a3b; background:url(../images/icon_downmoad.jpg) no-repeat left center #f2efe9; padding:15px 15px 15px 48px; .uppercase;
		&:hover{color:#ff7400;}
	}
}

.content_actualites{width:100%; height:auto; .float_l; padding:20px 0;
	h1{width:100%; .float_l; font:bold 27px/28px Verdana, Geneva, sans-serif; color:#326490; padding-bottom:30px; letter-spacing:-1px; .uppercase;
		span{font-weight:normal;}
	}
	.items_actualites{width:100%; height:auto; .float_l;
		.item{width:100%; height:auto; .float_l; padding:0 0 35px 0;
			&:hover h2{color:#fe7300 !important;}
			&:hover p{color:#000 !important;}
			&:hover .savoir_plus{color:#3b5e90 !important;}
			.img{width:198px; height:130px; .float_l; overflow:hidden; margin:0 20px 0 0;}
			.details_item{width:635px; height:auto; .float_r;
				h2{width:100%; height:auto; .float_l; padding:0 0 5px 0; color:#e98a3b; font:bold 13px/10px Verdana, Geneva, sans-serif; .uppercase;}
				p{width:100%; height:auto; .float_l; padding:0 0 5px 0; font:normal 12px/20px Verdana, Geneva, sans-serif; color:#3b3b3b;}
				.savoir_plus{font:normal 12px Verdana, Geneva, sans-serif; color:#6384b2;
					
				}
			}
		}
	}
}
.content_pager{width:100%; height:auto; .float_l;
	a{font:normal 12px Verdana, Geneva, sans-serif; color:#342e2e;
		&:hover{color:#6384b2;}
	}
	.next_page{width:18%; height:auto; .float_r; text-align:right;}
	.prev_page{width:18%; height:auto; .float_l; text-align:left;}
	.nbr_pages{width:70%; height:auto; .float_l; text-align:center;}
}

.detail_actualite{width:100%; height:auto; .float_l; padding:20px 0 30px 0;
	.top_actu{width:100%; height:auto; .float_l; position:relative; margin-bottom:30px;
		h1{width:660px; .float_l; font:bold 27px/28px Verdana, Geneva, sans-serif; color:#326490; letter-spacing:-1px; .uppercase;
			span{font-weight:normal;}
		}
		.see_all{width:auto; height:auto; position:absolute; bottom:0; right:0; font:normal 13px/13px Verdana, Geneva, sans-serif; color:#6384b2; .uppercase;
			&:hover{color:#2c558e;}
		}
	}
	
	h2{width:100%; .float_l; font:bold 27px/28px Verdana, Geneva, sans-serif; color:#326490; padding-bottom:30px; letter-spacing:-1px; .uppercase;
		span{font-weight:normal;}
		&.orange{color:#e98a3b; padding-top:30px;}
	}
	p{width:100%; .float_l; font:normal 12px/20px Verdana, Geneva, sans-serif; color:#3b3b3b; padding:0 5px 16px 0; letter-spacing:-0.3px;
		span{.float_r; padding:8px 0 20px 20px;width:400px;height:215px;}
		.orange_color{color:#e98a3b;}
	}
	.details_actu{width:100%; height:auto; .float_l; padding:0 0 15px 0;
		h3{.float_l; font:bold 16px/16px Verdana, Geneva, sans-serif;color:#e98a3b;text-transform: uppercase;padding-bottom:25px;}
	}
}
.bold{font-style: italic !important;}
/****END:content_page****/


/****START:content_details_page****/
.logo_small_fondation{width:73px; height:77px; .float_l; margin:13px 0 0 0; background:url(../images/logo_fondation_small.png) no-repeat;}
.content_details_page{width:100%; height:auto; .float_l; background:#ffffff; padding:20px 0 30px 0;
	.left_page_70{width:60%; height:auto; .float_l; padding-right:15px; border-right:2px solid #f6d8c3;
		&.no_border{border:none !important; padding-right:0 !important;}
		span.color_orange{color:#e98a3b;}
		.bold_orange{color:#e98a3b; font-weight:bold;}
		.bold_blue{color:#6e8db7; font-weight:bold;}
	}
	.right_page_30{width:36%; height:auto; .float_r;
		&.border{padding-left:16px; border-left:2px solid #f6d8c3;}
		.row_list{width:100%; height:auto; .float_l;
			h2{width:90%; height:auto; .float_l; padding:5px 0 20px 35px; background:url(../images/row_liste.jpg) no-repeat left top; font:bold 14px Verdana, Geneva, sans-serif; color:#80a1ca;
				span{font:normal 12px/18px Verdana, Geneva, sans-serif; color:#3b3b3b;}
				&.gris{color:#555555 !important;}
				ul li a{font:normal 12px/18px Verdana, Geneva, sans-serif; color:#ed7d22;
					&:hover{color:#eda822;}
				}
				.color_orange{font:bold 12px Verdana, Geneva, sans-serif; color:#ed7d22;
					&:hover{color:#eda822;}
				}
			}
			h2.orange{font-size:12px; color:#ed7d22;
				span{font:bold 23px/14px Verdana, Geneva, sans-serif; color:#ed7d22;}
			}
		}
	}
	
	h3{text-transform:none !important;}
	
	.top_details_page{width:100%; height:auto; .float_l; padding-bottom:30px;
		h1{width:660px; .float_l; font:bold 27px/28px Verdana, Geneva, sans-serif; color:#326490; letter-spacing:-1px; .uppercase;
			span{font-weight:normal;}
			&.orange{color:#e98a3b; padding-top:30px;}
		}
		h4{width:660px; height:auto; .float_l; font:normal 11px/11px Verdana, Geneva, sans-serif; color:#e99052; padding:5px 0 0 0;}
		.logo_fondation{width:88px; height:93px; .float_r; background:url(../images/logo_fondation.jpg) no-repeat;}
		
	}
	h3{width:100%; .float_l; font:bold 12px/12px Verdana, Geneva, sans-serif; color:#e98a3b; padding-bottom:5px; .uppercase;}
	p{width:100%; .float_l; font:normal 12px/20px Verdana, Geneva, sans-serif; color:#3b3b3b; padding:0 5px 16px 0;
		&.p_small_padding{padding:0 0 8px 0;}
	}
	
	.photos_bottom_2_1{width:100%; height:auto; .float_l; padding:20px 0 0 0;
		.left{width:42%; height:auto; .float_l;
			img{padding-bottom:10px;}
			img{padding-bottom:7px\9;}
		}
		.right{width:57.5%; overflow:hidden; height:auto; .float_r;}
	}
	
	.photos_bottom_3_1{width:100%; height:auto; .float_l; padding:20px 0 0 0;
		.left{width:60%; height:auto; .float_l;
			img{padding:0 6px 10px 0; .float_r;}
		}
		.right{width:37%; _width:35%; height:251px; .float_r; padding:40px 0 0 20px; background:#6e8db7; position:relative;
			h2{font:normal 18px/18px Verdana, Geneva, sans-serif; color:#0d3d6f; .uppercase; padding:0 0 0 18px;}
			ul{padding:10px 0 0 0px;
				li{width:100%; height:auto; .float_l; background:url(../images/small_row.jpg) no-repeat left top; padding:0 0 7px 25px;
					a{font:normal 14px Verdana, Geneva, sans-serif; color:#fdfdfc;
						&:hover{color:#0d3d6f;}
					}
				}
			}
			p{width:250px; height:auto; position:absolute; bottom:0px; left:25px; font:normal 11px/14px Verdana, Geneva, sans-serif; color:#0d3d6f;
				&.description_blue{font:normal 14px/23px Verdana, Geneva, sans-serif; color:#ffffff; position:relative; left:18px;}
				&.infos_contact{font:normal 12px Verdana, Geneva, sans-serif; color:#ffffff;}
			}
			.infos_contact{height:auto; position:absolute; bottom:22px; left:15px; overflow:hidden;
				h4{font:normal 12px Verdana, Geneva, sans-serif; color:#0d3d6f; .uppercase; padding:0 0 0 22px;}
				ul li, ul li a{font:normal 11px Verdana, Geneva, sans-serif; color:#ffffff;}
				ul li a:hover{color:#d1e5ff;}
			}
		}
	}
}

.bold_orange_link{font:bold 14px/18px Verdana, Geneva, sans-serif; color:#e98a3b;
	&:hover{color:#e9ca3b;}
}
/****END:content_details_page****/


/****START:contact****/
.content_contact{width:100%; height:auto; .float_l;
	p.msg{width:100%; height:auto; .float_l; font:bold 13px Verdana, Geneva, sans-serif; color:#e98a3b; padding-bottom:35px;}
	.left_contact{width:300px; height:auto; .float_l;}
	.right_contact{width:500px; height:auto; .float_r;
		label{width:168px;}
	}
	ul{width:100%; height:auto; .float_l;
		li{width:100%; height:auto; .float_l; padding:0 0 10px 0;
			label{width:100px; height:auto; .float_l; font:normal 12px Arial, Helvetica, sans-serif; color:#8e8e8e; padding:3px 0 0 0;}
			.input_txt{width:150px; height:22px; .float_l; border:1px solid #e0e0e0; background:#f8f8f8; font:normal 12px/12px Arial, Helvetica, sans-serif; color:#8e8e8e; padding:0px 5px; *padding:3px 5px 0px 5px;*height:16px !important;}
			.txt_area{width:320px; height:120px; overflow:hidden; .float_l; border:1px solid #e0e0e0; background:#f8f8f8; font:normal 12px Arial, Helvetica, sans-serif; color:#8e8e8e; padding:5px 5px; resize:none;}
			span{width:100%; height:auto; .float_r; text-align:right; padding:5px 0 0 0; font:normal 11px Arial, Helvetica, sans-serif; color:#879f9e;}
		}
	}
	.submit_form{width:auto; height:auto; .float_r; border:none !important; padding:5px 10px; font:bold 17px Arial, Helvetica, sans-serif; color:#fefefe; background:#ea9045; cursor:pointer;
		&:hover{background:#eab945;}
	}
	.photos_bottom_3_1 .right{.float_l;}
}
/****END:contact****/