@charset "iso-8859-1";
/* CSS Document */

body{
	min-width:300px;
	background:#FFF;
	font-family: 'RobotoLight', Arial, Helvetica, sans-serif;
}
a{
	color:#C74F21;
}
a:hover{
	color:#2D695A;
}
.recentre{
	max-width:1000px;
	margin:auto;
}

h1, h2, h3, h4, h5, h6{
	font-weight:normal;
}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
	font-weight:normal;
}

/* HEADER */

#header{
	min-height:130px;
	border-bottom:1px solid #7DBD42;
	background:url(../../images/bandeau.png) center bottom;
}
#logo{
	float:left;
	height:85px;
	margin:0 0 0 20px;
	padding:45px 0 0 180px;
	background:url(../../images/logo.png) no-repeat center left;
}
#logo strong{
	color:#FFF;
	font-weight:normal;
	font-size:1.8em;
	font-family: 'caviar_dreamsregular';
}
#logo span{
	color:#DBE120;
	font-size:0.750em;
}

#social_haut{
	float:right;
	margin:40px 20px 0 0;
}
#social_haut span{
	display:none;
}
#btn_facebook{
	float:left;
	width:37px;
	height:35px;
	margin:0 8px 0 0;
	background:url(../../images/picto_facebook.png);
}
#btn_twitter{
	float:left;
	width:37px;
	height:35px;
	margin:0 8px 0 0;
	background:url(../../images/picto_twitter.png);
}
#btn_gplus{
	float:left;
	width:37px;
	height:35px;
	margin:0 8px 0 0;
	background:url(../../images/picto_gplus.png);
}
#btn_blog{
	float:left;
	width:63px;
	height:59px;
	background:url(../../images/picto_blog.png);
}

/* ARIANE */

#ariane{
	padding:6px 0 0 10px;
	margin:10px 0 0 0;
	list-style:none;
	min-height:20px;
}
#ariane li{
	float:left;
}
#ariane li a{
	display:block;
	padding:0 0 0 10px;
	margin:0 10px 0 0;
	font-size:0.625em;
	line-height:1.5em;
	color:#949899;
	background:url(../../images/puce_li.png) no-repeat center left;
}

/* COL GAUCHE */

#col_gauche{
	float:left;
	width:73%;
	min-height:200px;
	border-left:1px solid #2D695A;
	background:#FFFFFF;
	padding:20px 0 0 0;
}
.titre_article{
	float:left;
	width:100%;
	min-height:57px;
	background:#FFFFFF;
	margin:0;
}
.txt_titre{
	font-size:1.250em;
	color:#457D38;
	font-family: 'caviar_dreamsbold';
	line-height:1em;
	margin:0;
	height:49px;
	padding:8px 0 0 0;
}
.date_article{
	float:left;
	background:url(../../images/fond_date.png) no-repeat;
	color:#FFFFFF;
	font-size:1em;
	text-transform:uppercase;
	text-align:center;
	width:58px;
	height:48px;
	font-family: 'caviar_dreamsregular';
	line-height:1em;
	padding:10px 0 0 0;
	margin:0 15px 0 -20px;
}
.contenu_article{
	float:left;
	width:100%;
	padding:23px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
}
.contenu_article > .col1{
	float:left;
	width:32%;
}
.contenu_article > .col1 > a > .img{
	width:100%;
}
.contenu_article > .col1 > .sous_photo{
	width:100%;
	font-size:0.688em;
	font-family: 'RobotoMedium';
	margin:10px 0px;
}
.contenu_article > .col1 > .sous_photo > .lu{
	float:left;
	width:40%;
	color:#2D3437;
	background:url(../../images/picto_vu.png) left no-repeat;
	padding:0 0 0 30px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
}
.contenu_article > .col1 > .sous_photo > .commentaire{
	float:left;
	width:60%;
	color:#1A4278;
	background:url(../../images/bulle_commentaire.png) 15px 0px no-repeat;
	padding:0 0 0 32px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
}
.contenu_article > .col2{
	float:right;
	width:68%;
}
.contenu_article > .col2 > p{
	font-size:0.750em;
	font-family: 'RobotoMedium';
	margin:0 0 0px 20px;
}
.contenu_article > .col2 > .btn_lire{
	float:right;
	color:#ffffff;
	font-size:1em;
	font-family: 'caviar_dreamsregular';
	background:url(../../images/fleche_lire.png) right no-repeat #C74F21;
	padding:7px 48px 7px 10px;
	margin:10px 0px;
}
.contenu_article > .col2 > .btn_lire:hover{
	background:url(../../images/fleche_lire.png) right no-repeat #2D695A;
}

.contenu_article > .colfull {
	float:left;
	width:100%;
}

.contenu_article > .colfull > p {
	font-size:0.750em;
	font-family: 'RobotoMedium';
}

.contenu_article > .colfull > img.img {
	float:left;
	margin-right: 10px;
}

.contenu_article > .colfull > hr {
	border: 1px #ececec solid;
}

.contenu_article > .colfull > #tags > span {
	font-size: 12px;
	background-color: #458842;
	padding: 4px;
	border-radius: 5px;
	margin-right: 5px;
	color:#ffffff;
}

.contenu_article > .colfull > #tags {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 12px;
	margin-left: 10px;
}

.contenu_article > .colfull  > #commentaires > h3 {
	font-size: 1.250em;
	color: #457D38;
	font-family: 'caviar_dreamsbold';
	line-height: 1em;
	margin: 0;
	padding: 8px 0 0 0;
}

.contenu_article > .colfull  > #commentaires > .commentaire > p.nom {
	font-size: 0.8em;
	font-family: 'caviar_dreamsbold';
	padding: 8px 0 0 0;
	margin-bottom: 0px;
}

.contenu_article > .colfull  > #commentaires > .commentaire > p.contenu {
	font-size: 0.9em;
	margin-top: 5px;
	margin-left: 10px;
}
.contenu_article > .colfull  > #commentaires > hr {
	border: 1px #ececec solid;
}

.contenu_article > .colfull > #commentaires > form#ajouterCommentaire {
	margin-top: 10px;
	margin-bottom: 10px;
	padding : 0 10px;
}

.contenu_article > .colfull > #commentaires > form#ajouterCommentaire input,textarea {
	width: 100%;
}

.center {
	text-align: center;
}

.alerte {
	background-color: #2D695A;
	border-radius: 10px;
	margin-top: 5px;
	padding: 10px 10px;
	color: #FFF;
	font-size: 12px;
	margin: 3px 0px;
}

 .alerte > p{
	font-size: 12px;
	margin: 3px 0px;
}


.trait{
	float:left;
	border-bottom:1px solid #ececec;
	height:1px;
	width:100%;
	margin:15px 0 0 0;
}


/* COL DROITE */

#col_droite{
	float:right;
	width:23%;
	margin-bottom: 15px;
}
#col_droite > .bloc_droite{
	float:left;
	width:100%;
	box-shadow:0px 0px 8px rgba(0,0,0,0.15) ;
	margin:20px 0 0 0;
	list-style:none;
}
#col_droite > .bloc_droite > .titre{
	background:#2D695A;
	color:#FFF;
	font-family: 'caviar_dreamsregular';
	font-size:1.125em;
	margin:0;
	padding:10px;
}
.bloc_droite > li > a{
	display:block;
	color:#2D3437;
	font-size:0.750em;
	font-family: 'RobotoMedium';
	padding:10px;
	border-bottom:1px solid #e0e0e1;
}
.bloc_droite > li > a:hover{
	background:#C74F21;
	color:#FFF;
	border-bottom:1px solid #C74F21;
}

/* PAGINATION */

#pagination{
	background:url(../../images/bg_pagination.png) repeat-x;
	padding:0;
	margin:0 16px 0 0;
	height:31px;
}

.pagination{
	padding:0;
	margin:0;
	display:block;
	height:30px;
	width:100%;
	text-align:center;
}
.pagination li{
	text-align:center;
	display:inline-table;
	list-style:none;
	height:30px;
	padding:0;
	margin:0;
}
.btn_pagination{
	background:#1A4278;
	width:30px;
	height:23px;
	padding:7px 0 0 0;
	display:block;
	color:#AD946F;
}
.btn_pagination:hover{
	background:#FCBF17;
}
.btn_page{
	background:#FFF;
	width:28px;
	height:21px;
	padding:7px 0 0 0;
	display:block;
	color:#2D3437;
	line-height:1em;
	border:1px solid #EFEFF0;
}
.btn_page span{
	width:28px;
	height:21px;
	float:left;
	font-size:0.875em;
	line-height:1em;
	font-family: 'RobotoBlack';
}
.btn_page:hover{
	background:#1A4278;
	color:#FFF;
}
.btn_pagination img{
	display:block;
	margin:3px auto auto auto;
	height:31px;
	margin:-7px 0 0 0;
}
#page_nbr{
	position:relative;
	float:left;
	margin:0 0 0 0;
	padding:0 10px;
}
#page_nbr select{
	padding:5px;
	margin:0 5px;
	background:#FFF;
	border:1px solid #DCDCDC;
}
.btn_pagination.page_active{
	background:#FFF;
	color:#2D2623;
}
#btn_page_suivante{
	display:none;
}
#btn_page_suivante img{
	width:31px !important;
	margin:100px auto 25px auto;
}

#pagination_gauche{
	float:left;
}
#pagination_droite{
	float:right;
}
/* FOOTER */

#mentions{
	text-align:center;
	font-size:0.688em;
	color:#7DBD42;
	margin:0;
	padding:10px 0;
	background:#457D38;
}
#mentions a{
	color:#7DBD42;
}

.alert_message{
    position:relative;
    top:-10px;
    left:50%;
    width:400px;
    margin-left:-200px;
    border-radius:5px;
    box-shadow:0px 2px 5px rgba(0,0,0,0.56) ;
    padding:10px;
    z-index:120;
    color:#FFFFFF;
    text-align:center;
}

.alert_message.error {
    background: #d7246f;
}

.alert_message.success {
    background: #186e8c;
}

.alert_message p {
    margin-top: 0px;
    margin-bottom: 0px;
}


/* RESPONSIVE */
@media screen and (max-width:1024px) {
	.date_article{
		margin: 0 15px 0 -5px;
	}
	#logo strong{
		font-size: 1em;
	}
	
	
}
@media screen and (max-width:920px) {
	.contenu_article > .col1 > .sous_photo > .lu, .contenu_article > .col1 > .sous_photo > .commentaire{
		width:100%;
		margin:2px 0px;
	}
	.contenu_article > .col1 > .sous_photo > .commentaire{
		background: url(../../images/bulle_commentaire.png) 8px 0px no-repeat;
	}
	#col_gauche{
		border:none;
	}
}

@media screen and (max-width:768px) {
	#logo{
		padding: 45px 0 0 152px;
		width:35%;
	}
	
}
@media screen and (max-width:640px) {
	#logo{
		width:auto;
		padding: 25px 20px 0 152px;
		height: 105px;
	}
	#bloc_logos a{
		float:none;
	}
	#bloc_newsletter{
		display:none;
	}
	#col_gauche{
		width:100%;
	}
	#col_droite{
		float:left;
		width:100%;
	}
	#col_droite > .bloc_droite{
		margin:0;
	}
	#social_haut{
		display:none;
	}
}
@media screen and (max-width:480px) {
	.contenu_article > .col2 > .btn_lire{
		font-size: 1em;
		text-transform:uppercase;
	}
}
@media screen and (max-width:320px) {
	#logo{
		width:auto;
		padding: 10px 20px 0 145px;
		height: 120px;
		font-size:0.938em;
	}
	.contenu_article > .col1, .contenu_article > .col2{
		width:100%;
	}
	.contenu_article > .col2 > p{
		margin:10px 0 0 0;
	}
}

/* REDIM IMAGES HD */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (-o-min-device-pixel-ratio: 3/2),
    only screen and (min--moz-device-pixel-ratio: 1.5),
    only screen and (min-device-pixel-ratio: 1.5) {
		#logo {
			background-image:url(../../images/x2/logo.png);
			background-size:contain;
		}
		#ariane li a{
			background-image:url(../../images/x2/puce_li.png);
			background-size:3px 4px;
		}
		.contenu_article > .col1 > .sous_photo > .lu{
			background-image:url(../../images/x2/picto_vu.png);
			background-size:26px 9px;
		}
		.contenu_article > .col1 > .sous_photo > .commentaire{
			background-image:url(../../images/x2/bulle_commentaire.png);
			background-size:14px 12px;
		}
		.contenu_article > .col2 > .btn_lire{
			background-image:url(../../images/x2/btn_envoie_newsletter.png);
			background-size:22px 34px;
		}
		
}