@charset "UTF-8";
/* CSS Document */
/*---------------------------------------------------------RESET--------*/
/*---------------------------------------------------------RESET--------*/


		html, body, div, span, applet, object, iframe,
		h1, h2, h3, h4, h5, h6, p, blockquote, pre,
		a, abbr, acronym, address, big, cite, code,
		del, dfn, em, font, img, ins, kbd, q, s, samp,
		small, strike, strong, sub, sup, tt, var,
		dl, dt, dd, ol, ul, li,
		fieldset, form, label, legend,
		table, caption, tbody, tfoot, thead, tr, th, td {
			margin: 0;
			padding: 0;
			border: 0;
			outline: 0;
			font-weight: inherit;
			font:inherit;
			font-size: 100%;
			font-family: inherit;
			vertical-align: baseline;
			}
		/* remember to define focus styles! */
		:focus {
			outline: 0;
			}
		body {
			line-height: 1;
			color:#106744;
			background: white;
			}
		ol, ul {
			list-style: none;
			}
		/* tables still need 'cellspacing="0"' in the markup */
		table {
			border-collapse: separate;
			border-spacing: 0;
			}
		caption, th, td {
			text-align: left;
			font-weight: normal;
			}
		blockquote:before, blockquote:after,
		q:before, q:after {
			content: "";
			}
		blockquote, q {
			quotes: "" "";
			}


/*---------------------------------------------------------CSS--------*/
/*---------------------------------------------------------CSS--------*/


#contenu {
	background:url(../img/back_top.png) repeat-x #f6faea;
	color:#106744;
	font-family:Arial, Helvetica, sans-serif;
			}
			
#contenu2 {
	width:950px;
	margin:0 auto;
	min-height:700px;
			}			

a:link {color: #024329;}
a:visited {color: #024329;}
a:active {color: #024329;}
a:hover {color: #5bc5c3;}
a {text-decoration:underline;}
			
#footer {
	background:url(../img/back_footer.png) center no-repeat #fff;
	min-height:95px;
			}
			
#menu {
	height:90px;
	width:950px;
	}

#citation {
	background:url(../img/citation.png) no-repeat center;
	width:950px;
	height:219px;
	}
	
#texte {
	width:618px;
	padding:23px 5px 0px 10px;
	float:left;
	}
	
#video {
	width:930px;
	padding:23px 10px 30px 10px;
	}
	
#video_box {
	width:930px;
	padding:0px;
	text-align:center;
	}
	
#image {
	width:317px;
	float:left;
	padding:10px 0px 0px 0px;
	}
	
h1{
	font-size:27px;
	line-height:24px;
	letter-spacing:2px;
	font-weight:normal;
	padding-bottom:10px;
	}
	
p.texte {
	font-size:12px;
	line-height:17px;
	padding:6px 0px;
	}
	
#btn_mission {
	float:right;
	padding:15px 0px 40px 0px;
	}
	
#box1 {
	width:301px;
	height:256px;
	float:left;
	padding:0px 5px 20px 10px;
	}
	
	
#box2 {
	width:307px;
	height:256px;
	float:left;
	padding:0px 5px 20px 5px;
	}
	
	
#box3 {
	width:302px;
	height:256px;
	float:left;
	padding:0px 10px 20px 5px;
	}
	
#box_texte {
	padding:8px 0px;
	}

h3 {
	font-size:14px;
	font-weight:bold;
	display:inline;
	}


p.date {
	font-size:12px;
	color:#5bc5c3;
	display:inline;
	}
	
p.footer {
	font-size:11px;
	color:#a3a3a3;
	font-family:Arial, Helvetica, sans-serif;
	line-height:14px;
	padding:15px 0px 5px 0px;
	}
	
#footer1 {
	width:930px;
	margin:0 auto;
	padding:0px 10px;
	}

#footer_left {
	float:left;
	}
	
#footer_right {
	float:right;
	text-align:right;
	}
	
li.mission {
		font-size:12px;
	line-height:17px;
	padding:5px 20px 5px 20px;
	list-style:inside;
	}
	
li.mission2 {
		font-size:12px;
	line-height:17px;
	padding:5px 20px 20px 20px;
	list-style:inside;
	}
	
#gall_box {
	padding:5px;
	float:left;
	}
	
#box4 {
	width:232px;
	text-align:center;
	float:left;
	padding:20px 0px 30px 0px;
	}
	
p.partenaires {
	font-size:14px;
	line-height:25px;
	padding:10px 0px;
	}