/* ---------------------------------------------
	GLOBAL 
	---------------------------------------------*/

body{
	font-family:'Arial', 'Helvetica', sans-serif;
	font-size:0.8em;
	margin:0px;
	background:url('../media/body_bg.gif') repeat-y center 0px #ffffff;
	/*
	background:#ffb70f;
	background:#ffffff;
	*/
}

div {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

p { 
	padding:0px;
	margin:0px;
	}


img {
	border:none;
}

#site {
	width:100%;
	padding:0px 0px 15px 0px; /* unité obligatoire */
	margin:0px auto; /* unité obligatoire */
	color:#707070;
	display:inline-block;
	background:url('../media/site_bg.jpg') no-repeat center 10px ;

}

.full_width {
	width:970px;
	padding:0px;
}

.nav {

}

.article {
	border:1px #858585 solid;
	color:#858585;
	padding:10px;
	text-align:justify;
	margin-top:5px;
	/*
	-moz-column-count: 2; 
	-moz-column-gap: 2em; 
	-moz-column-rule: 1px solid #aaaaaa; 
	-webkit-column-count: 2; 
	-webkit-column-gap: 2em; 
	-webkit-column-rule: 1px solid #aaaaaa;
	*/
}

.small {
	
}



/* ---------------------------------------------
	HEADER
	---------------------------------------------*/

#site_header {
	height:195px;
	margin-top:15px;
	padding:0px 10px 0px 10px;
}

#site_header .logo{
	float:left;
	margin:30px 0px 0px 40px;
}

#site_header .lang{
	float:right;
	font-size:11px;
	padding:10px 15px 10px 15px;
	border:2px #fff solid;
	border-style:none solid solid solid;
	visibility:hidden;
}

#site_header .lang a{
	color:#4f717b;
	color:#e4294e;
	text-decoration:none;
}

#site_header .title{
	float:right;
	clear:right;
	margin:0px 0px 5px 0px;
	padding-right:5px;
	color:#fff;
	/* color:#E4294E; */
	font-size:26px;
	font-weight:bold;
}

#site_header .nav{
	background:#fff;
	background:url('../media/nav_bg.png') no-repeat 0px 0px ;
	padding:6px 0px 6px 0px;
	width:100%;
	clear:both;
	display:inline-block;
	margin-top:20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	/*
	border:1px #fff solid;
	border-style:solid none solid none;
	*/
	/* border:1px #cccccc solid; */
}

#site_header .nav ul{
	width:700px;
	margin:0px 0px 0px 6px;
	padding:0px;
	text-align:left;
	float:left;
}

#site_header .nav ul li{
	float:left;
	display:inline;
	padding:8px 15px 8px 15px;
	margin-right:2px;
	cursor:pointer;
}

#site_header .nav ul div{
	display:inline;
}

#site_header .nav a{
	color:#353535;
	font-size:13px;
	font-weight:bold;
	padding:0px;
	text-decoration:none;
}
/*
#site_header .nav ul li:hover,
#site_header .nav ul .over li{
	background:#e31c45;
}
*/

#site_header .nav ul .over li{
	background:#e31c45;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

#site_header .nav a:hover,
#site_header .nav ul li:hover a{
	color:#aaaaaa;
}

#site_header .nav .over a,
#site_header .nav .over a:hover,
#site_header .nav ul .over li:hover a{
	color:#fff;
}



#site_header .cart{
	float:right;
	background:#feb103;
	background:url('../media/cart_bg.png') no-repeat 0px 0px;
	margin-right:6px;
	color:#fff;
	padding:5px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

#site_header .cart div{
	float:left;
	font-size:12px;
	padding:4px 10px 3px 10px;
}

#site_header .cart div:first-child{
	font-size:13px;
	padding:3px 10px 3px 10px;
	border-right:1px #fdda86 solid;
}

#site_header .cart a{
	font-weight:normal;
	color:#fff;
	text-decoration:underline;
}

#site_header .cart a:hover{
	text-decoration:none;
}

/* ---------------------------------------------
	PAGE
	---------------------------------------------*/

#site_page {
	display:inline-block; 
}
/*
#site_page h1{
	margin:0px 0px 0px 0px;
	font-weight:normal;
}
*/

/*
#site_page > div {
	border:1px #00A1DC solid;
	color:#00A1DC;
}

#site_page >*> div {
	border:1px #EA690B solid;
	color:#EA690B;
	margin-top:5px;
}
*/

#margin_frame{
	float:left;
	clear:left;
	width:265px;
	margin-top:10px;
	padding-bottom:20px;
	margin-left:15px;
	/* background:#ffffff; */
	/* background:#e31c45; */
	 -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	/*
	background:#ffb70f; */
	padding:15px 15px 0px 15px;
	background:url('../media/shadow.png') no-repeat right 0px ;
}

#margin_frame .news{
	float:left;
	width:235px;
	margin-top:2px;
	padding:0px 0px 15px 0px;
	text-align:left;
}
/*
#margin_frame .news p{
	line-height:17px;
	margin-bottom:0px;
	font-size:11px;
}

#margin_frame .news b{
	color:#454545;
	font-size:12px;
}



#margin_frame .news .link{
	margin:0px;
	padding:6px 0px 0px 0px;
}
*/


#margin_frame .news h1{
	color:#404040;
	font-size:13px;
	font-family:'Arial';
	margin:15px 0px 0px 0px;
	padding:0px 0px 2px 2px;
}

#margin_frame .news p{
	line-height:17px;
	margin-bottom:0px;
	font-size:11px;
	color:#f8cad3;
	color:#cccccc;
	color:#757575;
	padding:0px 0px 0px 2px;
	font-family:'Verdana';
}

#margin_frame .news b,
#margin_frame .news strong{
	color:#E4294E;
}

#margin_frame .news .link{
	margin:6px 0px 0px 2px;
	padding:0px 0px 0px 20px;
	
	font-size:12px;
	font-weight:bold;
	font-family:'Arial';
	background:url('../media/yellow_arrow.png') no-repeat 2px 4px;
}


#margin_frame .news a{
	color:#E4294E;
	text-decoration:none;
}

#margin_frame .news a:hover{
	color:#FFB70F;
}


#main_frame{
	float:right;
	width:645px;
	padding:0px 15px 0px 0px;
}

#page_header{
	width:630px;
	text-align:left;
	margin-top:20px;
}

#page_header h1{
	font-size:28px;
	color:#E4294E;
	padding:0px 0px 3px 0px;
	margin:0px;
}

#container{
	width:630px;
	display:inline-block;
}



/* ---------------------------------------------
	FOOTER
	---------------------------------------------*/

#site_footer {
	color:#88918c;
	margin-top:15px;
	/* float:left; */
	display:inline-block;
}

/*
#site_footer {
	border-top:1px #cccccc solid;
	margin-top:0px;
	padding-top:10px;
}
*/

#site_footer .nav{
	padding:0px;
	width:500px;
	float:left;
	display:inline-block;
	margin-top:8px;
}

#site_footer .nav ul{
	margin:0px 0px 0px 0px;
	padding:0px;
	text-align:left;
	float:left;
}

#site_footer .nav ul li{
	float:left;
	display:inline;
	padding:0px 8px 0px 8px;
	border-right:1px #bbbbbb solid;
}
/*
#site_footer .nav ul li:first-child{
	padding-left:0px;
	border-left:none;
}
*/

#site_footer .nav ul div{
	display:inline;
}

#site_footer .nav a{
	color:#69726d;
	/* color:#fff; */
	font-size:11px;
	font-weight:bold;
	padding:0px;
	text-decoration:none;
}

#site_footer .nav a:hover,
#site_footer .nav .over a,
#site_footer .nav ul li:hover a{
	color:#909090;
}

#site_footer .mentions{
	float:right;
	font-size:11px;
	padding-top:8px;
	padding-right:5px;
	/* color:#fff; */
}

#site_footer .mentions a{
	color:#88918c;
/*	color:#fff; */
	text-decoration:underline;
}

#site_footer .mentions a:hover{
	text-decoration:none;
}


/* m1 */
#site_footer {
	background:url('../media/footer_bg.png') no-repeat center 0px;
	margin-top:25px;
	padding-top:10px;
}



/* BLOG SUMMARY */
#article_list {
	float:left;
	border:1px #cccccc solid;
	border-style:none none none  none;
}

.blog_summary {
	float:left;
	width:630px;
	font-size:11px;
	border:1px #eae9d7 solid;
	border-style:none none solid none;
	padding:20px 0px 20px 0px;
}

.blog_summary .illus{
	padding-right:10px;
}

.blog_summary .illus img{
	border:1px #DDDDDD solid;
}


.blog_summary .content{
	width:100%;
	text-align:left;
	padding:5px 0px 0px 5px
}

.blog_summary .content h1{
	font-size:14px;
	color:#303030;
	margin:0px;
	font-family:'Arial';
}

.blog_summary .content .txt{
	line-height:16px;
	color:#606060;
	font-family:'verdana';
}

.blog_summary .content .txt b,
.blog_summary .content .txt strong{
	color:#555555;
}


.blog_summary .content .txt .date{
	/* float:left;
	background:#FFB70F;
	color:#FFFFFF;
	padding:2px 4px 2px 4px;
	margin:0px 5px 0px 0px; 
	*/
	color:#aaaaaa;
	font-size:11px;
	padding:6px 0px 6px 0px;
}

.blog_summary .content .txt .date b{
	color:#aaaaaa;
}

.blog_summary .content .txt p{
	padding:0px 0px 0px 0px;
	margin:0px;
	font-size:11px;
	line-height:17px;
}

.blog_summary .content .comment{
	color:#aaaaaa;
	padding:0px 0px 0px 20px;
	margin:9px 0px 0px 15px;
	text-decoration:none;
	font-size:11px;
	background:url('../media/grey_com_link.gif') no-repeat 2px 1px;
	float:left;
	font-family:'verdana';
}

.blog_summary .content .link{
	float:left;
	margin-top:8px;
	font-family:'Arial';
}


.blog_summary .content .link a{
	color:#70c013;
	color:#E4294E;
	padding:0px 0px 0px 20px;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	background:url('../media/yellow_arrow.png') no-repeat 3px 3px;
}

.blog_summary .content .link a:hover{
	color:#FFB70F;
}