div#animation{
	position:relative;
	width:90%;
	height:auto;
	margin:0 auto;
	max-width:1600px;
}
/*Cadres bloc haut*/
.cadre_bloc_haut{
	position:relative;
	float:left;
	width:21%;
	margin:0 0 0 8%;
	text-align:center;
	padding-bottom:20px;
}
div#cadre1 .nom_cadre, div#cadre1 .nb_cadre, div#cadre2 .nom_cadre, div#cadre2 .nb_cadre{
	position:relative;
	width:70%;
	margin:0 auto;
	background:#ff6600;
	color:#FFF;
}
div#cadre1 .nom_cadre, div#cadre2 .nom_cadre{
	font-size:0.9em;
	padding-top:15px;
}
div#cadre1 .nb_cadre, div#cadre2 .nb_cadre{
	font-size:2.6em;
	padding-bottom:5px;
}
div#cadre2 .nom_cadre, div#cadre2 .nb_cadre{
	background:#FFF;
	color:#ff6600;
}
div#cadre3{
	background:url(../img/public/fleche.png) no-repeat;
	margin:0 0 0 3%;
	background-position:0 30%;
}
div#cadre3 .nom_cadre{
	font-weight:bold;
	margin:0 0 0 120px;
	width:175px;
}
div#cadre3 .inscription{
	background:#262626;
	width:175px;
	margin:0 0 0 120px;
	padding:8px 0;
	margin-top:5px;
	font-weight:bold;
	font-size:1.3em;
}
div#cadre3 .inscription a{
	color:#FFF;
	display:block;
	text-decoration:none;
}
/*items*/
div#items{
	position:relative;
	background:url(../img/public/haut_items.png) no-repeat;
	background-position:top center;
	width:100%;
	height:auto;
	padding-top:50px;
	padding-bottom:20px;
	overflow:hidden;
}
.item{
	position:relative;
	float:left;
	width:20%;
	margin:0 0 0 4%;
}
.title_item{
	text-transform:uppercase;
	font-size:1.7em;
	line-height:25px;
	margin:4px 0;
}
.title_item .gras{
	font-weight:bold;
}
.content_item{
	font-size:0.7em;
	text-align:justify;
	padding:8px 0 12px 0;
	border-bottom:1px solid #9f9f9f;
}
.more_item{
	text-align:right;
	padding-top:5px;
	font-size:0.9em;
}
.more_item a{
	background:url(../img/public/more_item.jpg) no-repeat;
	background-position:left;
	padding-left:12px;
	color:#262626;
	text-decoration:none;
}
/*Presentation*/
div#presentation{
	position:relative;
	width:100%;
	background:#e2e2e2;
	padding:20px 0;
	overflow:hidden;
}
div#contenu_accueil{
	position:relative;
	width:42%;
	margin-left: 5%;
	float:left;
}
div#titre_accueil h1{
	text-transform:uppercase;
	font-size:1.7em;
	font-weight:bold;
	margin:0;
	text-align:center;
}
div#titre_accueil strong{
	color:#3db0e0;
}
div#texte_accueil p, div#texte_accueil_complement p{
	font-size:0.8em;
	margin:8px 0 20px 0;
	text-align:justify;
}
div#lire_plus_accueil, div#lire_moins_accueil{
	background:#ff6600;
	text-align:center;
	color:#FFF;
	width:100%;
	max-width:150px;
	margin:0 auto;
	padding:10px 0;
	text-transform:uppercase;
	font-size:1.2em;
}
div#lire_plus_accueil a, div#lire_moins_accueil a{
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	display:block;
}
/*blog*/
div#blog{
	position:relative;
	width:35%;
	margin-left: 10%;
	float:left;
}
div#titre_blog{
	text-transform:uppercase;
}
.news_content{
	position:relative;
	width:100%;
	overflow:hidden;
	margin:10px 0;
	text-align:justify;
}
.news_titre a{
	color:#262626;
	text-decoration:none;
	font-weight:bold;
}
.news_contenu{
	font-size:0.8em;
	color:#8f8f8f;
}
.news_contenu a{
	color:#3db0e0;
}
.blog_date, .blog_tag {
	position:relative;
	margin:0; padding:1% 0 1% 30px;
	font-size:0.8em;
	font-style:italic;
	overflow:hidden;
	font-size: 0.8em;
    font-style: italic;
	color:#8f8f8f;
}
.blog_date { width:30%;}
.blog_tag { width:50%;}
.blog_date a, .blog_tag a {color:inherit; text-decoration:none;}
.blog_tag {
	background:url(../img/public/blog_picto_tag.png) center left no-repeat;
	margin:0;
	min-width:200px;
}
.blog_date {
	background:url(../img/public/blog_picto_date.png) center left no-repeat;
}
.blog_tag p { margin:0 10px 0 0;}
.blog_tag p:hover {color:#d61d1d; text-decoration:underlined;}
footer{
	background:url(../img/public/footer2.png) repeat-x #222222;
}
@media screen and (max-width : 1600px) {

}
@media screen and (max-width : 1115px) {

}

@media screen and (max-width : 959px) {
	
	.cadre_bloc_haut{
		margin:0 0 0 1%;
		width:30%;
	}
	div#cadre3{
		background:url(../img/public/fleche_petite.png) no-repeat;
		background-position:0 30%;
		margin:0 0 0 1%;
	}
	div#cadre3 .nom_cadre{
		margin:0 0 0 70px;
		width:175px;
	}
	div#cadre3 .inscription{
		width:175px;
		margin:0 0 0 70px;	
	}
	
	
}
@media screen and (max-width : 749px) {
	div#cadre1, div#cadre2{
		width:40%;
		margin:0 0 0 7%;
	}
	
	div#cadre3{
		float:inherit;
		clear:left;
		width:305px;
		margin:0 auto;
		background:url(../img/public/fleche.png) no-repeat;
		background-position:0 50%;
	}
	div#cadre3 .nom_cadre{
		margin:0 0 0 130px;
		width:175px;
	}
	div#cadre3 .inscription{
		width:175px;
		margin:0 0 0 130px;	
	}
	
	.item{
		width:45%;
		min-height:350px;
	}
	div#contenu_accueil{
		width:90%;
	}
	div#blog{
		border-top:1px solid #8f8f8f;
		margin-top:20px;
		padding-top:10px;
		margin-left:5%;
		width:90%;
	}
	.blog_tag{
		min-width:inherit;
	}
}
@media screen and (max-width : 600px) {
	div#cadre1, div#cadre2{
		float:inherit;
		width:305px;
		margin:0 auto 0 auto;
		
	}
	div#cadre1 .nom_cadre, div#cadre2 .nom_cadre, div#cadre1 .nb_cadre, div#cadre2 .nb_cadre{
		width:100%;
	}
}
@media screen and (max-width : 480px) {
	.item{
	width:92%;
	}
}
@media screen and (max-width : 360px) {
	div#items{
		background-image:none;
	}
	.blog_tag, .blog_date{
		width:89%;
		margin-left:20px;
	}
}