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

/*/////////////////////////////////////////////////////   General pour tout le site    ///////////////////////////////////*/
* {
	margin: 0;
	padding: 0;
}
p {
	margin-bottom: 10px;
}
ul {
	list-style: none;
}
li {
	list-style: none;
}
img {
	border-style: none;
}
a {
	text-decoration: none;
	color: #8BBF0B;
}
a:hover, a:active, a:visited {
	border: 0;
	text-decoration: underline;
}
a:active,a:focus { 
	outline:none;
}
a img { 
	border: 0;
}
.clear {
	clear:both;
}
#global {
	width: 960px;
	height: 580px;
	margin-right: auto;
	margin-left: auto;
}
#copyright {
	float:left;
	margin-top:20px;
	font-family:Verdana, Geneva, sans-serif;
	color:#CCC;
	font-size:8px;
	z-index:20;
	width:960px;
}
#copyright a {
	font-family:Verdana, Geneva, sans-serif;
	color:#CCC;
	font-size:9px;
	text-decoration:none;
}
#copyright a:hover {
	text-decoration:underline;
}
#background {
	position:fixed;
	z-index:1;
	width:100%;
	height:100%;
}
/*#IE7 #global {
	margin-left: 60px;
}*/
h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	padding: 10px 0;
}

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

p {
	font-size: 110%;
	line-height: 1.5em;
}
strong { font-size: 110%; }
html, body {
	font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	margin:0;
	padding:0;
	overflow:hidden;
}
#wrapper {
	margin: 0 auto;
	width: 980px;
	text-align: left;
	padding: 0;
	position:relative;
	z-index:5;
}
#IE7 #wrapper {
	width: 960px;
	overflow:hidden;
}
#main {
	clear: both;
	padding-left: 0px;
	margin:0;
}
#main h1 { clear:both; }
.content-slide {
	font-size: 9pt;
	margin-top: 20px;
	position: relative;
	padding: 0px 0 20px 0px;
	min-height: 380px;
}
.content-slide a img {
	border: 10px solid #FFFFFF;
	position: absolute;
	left: 20px;
	top: 30px;
	float: none;
}
.titre {
	margin: 0px;
	padding: 0 0 5px 0;
}
h2.pagetitle {
	font-size: 14pt;
	font-weight: normal;
	color:#6D786A;
	margin-top:0;
	background-image:url(../images/logo.png);
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
	height:50px;/*100px*/
	width:650px;
	z-index:2;
	padding:55px 0 0 140px;
}
.content-slide h2.titre {
	font-size: 16pt;
	font-weight: normal;
	color:#6D786A;
	margin-top: 0px;
	padding-top: 0px;
	/*text-transform: capitalize;*/
}
.content-slide p.categorie {
	margin-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	margin-bottom: 0;
	margin-left: 0;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px;
	color: #777;
	font-size:10pt;
	text-transform: capitalize;
	
}
.content-slide p.categorie span {
	text-transform: uppercase;
	font-size:10pt;
	font-weight:bold;
}
.contnue-droite {
	font-size: 100%;
	color: #fff;
	margin:0;
	float: right;
	width: 380px;
}
.content-slide .contnue-droite .explication {
	text-align:justify;
	font-size:14px;
}
.content-slide .contnue-droite .detail {
	text-align:justify;
	font-size:10px;
}
.content-slide div.contnue-droite ul, .content-slide div.contnue-droite ol { padding: 0 0 0 30px; }
.content-slide div.contnue-droite ul li, .content-slide div.contnue-droite ol li { color: #444; }
.content-slide span.topComments, .content-slide span.topMore, .content-slide span.topTags {
	font-size: 9pt;
	font-style: italic;
	margin-right: 0px;
	color: #fff;
	margin-bottom: 5px;
	display: block;
	background-color: #E9E9E9;
	margin-left: 0px;
	margin-top: 0px;
	padding: 0px;
}
.content-slide span.topComments:hover, .content-slide span.topMore:hover, .content-slide span.topTags:hover { background: #040404; }
.content-slide span.topComments a {
	color: #5e0000;
	background: url(images/comments.gif) left no-repeat;
	padding-left: 20px;
	line-height: 27pt;
	vertical-align: middle;
}
.content-slide span.topMore a {
	color: #1F1910;
	padding-left: 0px;
	padding-right: 0px;
	margin: 0px;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	background-color: #FFFFFF;
	font-size: 85%;
	display: block;
}

.content-slide span.topTags em {
	background: url(images/tags.gif) left no-repeat;
	padding-left: 20px;
	line-height: 27pt;
	vertical-align: middle;
	color: #0a0a0a;
	display: inline;
}
.content-slide span.topTags a {
	color: #567488;
	line-height: 27pt;
	vertical-align: middle;
}
.content-slide span.topComments a:hover, .content-slide span.topMore a:hover, .content-slide span.topTags a:hover {
	color: #bfedff !important;
	text-decoration: none;
}
.info a{
	color:#FFF;
	background-color:#6D786A;
	padding:5px 5px!important;
	text-decoration:none;
	margin-top:5px;
	display:block;
	width:85px;
	position:relative;
	text-align:center;
}
.info a:hover{
	color:#6D786A;
	background-color:#FFF;
	text-decoration:none;
}
.cleared {
	margin: 0;
	padding: 0;
	clear: both;
}
#page {
	margin:0 auto;
	min-height: 450px;
	width:960px;
	background-image:url(../images/bg-slide.png);
	background-position:left bottom;
	background-repeat:no-repeat;
}
#slider {
	margin:0 auto;
	position:relative;
}
#page #footer {
	background-image:url(../images/bg-nav.png);
	background-position:left top;
	background-repeat:no-repeat;
	float:left;
	padding:8px 5px 5px 10px;
	width:960px;
	height:300px;
}
#page .navigation {
	float:left;
	width:300px;
}
#page .navigation li {
	padding: 0;
	list-style-type: none;
	display:inline
}
#page .navigation a {
	display:block;
	float:left;
	margin:5px 7px 0 0;
	padding:0;
	width:40px;
}
#page .navigation a:hover, #page .navigation a.selected {
	margin:0 7px 0 0;
	border-top: solid 5px #FFF;
}
#page .navigation a:focus { outline:none; }

#page .slide-1, #page .slide-2, #page .slide-3, #page .slide-4, #page .slide-5, #page .slide-6 {
	padding:0px;
	height:450px; /*//////////////////////taille du slide en hauteur ////////////*/
	width:960px;
	overflow:hidden;
	background-position:left top;
	background-repeat:no-repeat;
}
#page .slide-1 {
	background-image:url(../images/slide-4.png);
}
#page .slide-2 {
	background-image:url(../images/slide-5.png);
}
#page .slide-3 {
	background-image:url(../images/slide-2.png);
}
#page .slide-4 {
	background-image:url(../images/slide-1.png);
}
#page .slide-5 {
	background-image:url(../images/slide-3.png);
}
#page .panel em { font-style:italic; }
#page .panel a { font-weight:normal; }
#page .panel a:hover { text-decoration:underline; }
#page .panel .gallery img {
	padding:2px;
	border:solid 1px #c0c5d6;
}
#page .readMore {
	font-size: 90%;
	margin-right: 20px;
}
#page .readMore a {
	padding-left: 3px;
	padding-right: 3px;
}
#page .panel blockquote, #page .panel ul, #page .panel ol, #page .panel pre {
	font-size:12px;
	margin:1em 2em 2em 2em;
	padding:10px 15px;
	background:#ecedf3;
}
#page .panel blockquote p {
	padding:.4em 0 !important;
	text-indent:0 !important;
}
#page .panel li {
	list-style-position: inside;
	padding: 0 0 .5em 0;
}
#page .panel ul li {
	margin:0 0 0 1em;
	list-style:square;
}

#page .panel ol li {
	margin:0 0 0 1.5em;
	list-style:decimal;
}
#page .panel pre {
	line-height:1em;
	color:#1C194C;
	font-size:13px;
	overflow:auto;
	background:#f8f8f8;
	border:solid 1px #e5e5e5;
}
#page .panel code {
	padding:0 3px;
	color:#33333e;
	background:#f8f8f8;
	border:solid 1px #e5e5e5;
	font-size:13px !important;
}
#page .panel .gallery { text-align:center; }
#page #contact a {
	position:absolute;
	bottom: 10px;
	right:10px;
	color:#6D786A;
	background-color:#FFF;
	padding:4px 4px 4px 10px;
	text-decoration:none;
	margin-top:20px;
	display:block;
	width:350px;
	text-align:left;
	z-index:100;
}
#page #contact a:hover {
	color:#FFF;
	background-color:#6D786A;
}
#page .scrollButtons {
	width:42px;
	height:42px;
	position:absolute;
	top: 458px;
	cursor:pointer;
	z-index:100;
}
#page .scrollButtons a {
	display:block;
	height:42px;
	width:42px;
	background-image:url(../images/previous.png);
	background-position:left top;
	background-repeat:no-repeat;
	z-index:100;
}
#page .scrollButtons span { display:none; }
#page .scrollMeRight{ right:0; }

#page .scrollMeRight a:hover { 
	background-position:-43px;
}
.floatleft {
	display: inline;
	float: left;
}
.post-image {
	height: 40px;
	width: 40px;
	overflow: hidden;
	border: none;
}
#IE7 #page .scroll {
	position:relative;
}