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

@import url('fonts.css');

/* CSS Reset */
html * { margin:0; padding:0; border:none; outline:none; }
body { font-size:62.5%; font-family:"Trebuchet MS"; font-style:normal; width:100%; background:#e4e5e5 url(../img/design/bg-site.jpg) repeat-x; }
body * { font-size:1em; font-family:"Trebuchet MS"; }

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

img,
input,
select,
textarea { vertical-align:middle; }

img{border:none;}

ul { list-style:none; }
ul li{ list-style:none; }
ol { list-style:decimal; }
table { border-collapse:collapse; width:100%; }

a { text-decoration:none; cursor:pointer; }
a:hover { text-decoration:underline; }
legend { display:none; }

input.texte,
textarea { padding:1px 5px 2px; }
textarea { overflow:auto; }

* html input,
* html textarea { padding:2px 5px 1px; }
select { padding:1px 0; }
option { padding:0 10px; }

input.radio,
input.checkbox { width:13px; height:13px; border:none; padding:0; }
input.button { border:none; padding:0; }

* html input.radio,
* html input.checkbox { margin-top:1px; }

/* ::: clearing :::*/
.clear { display:block; clear:both; height:0;/* overflow:hidden;*/ }

.clearfix:before,
.clearfix:after { content:""; display:table; }
.clearfix:after { clear:both; }

/* ---For IE 6/7 (trigger hasLayout) ---*/
.clearfix { zoom:1; }


#page {width:1010px; margin:0 auto;overflow:hidden;}


/* --- Header ---*/
header { width:100%; min-height:77px; }

header p.logo { margin:0 0 0 39px; float:left;display:inline-block;vertical-align:top;}
header p.logo a img { width:124px; height:77px; }


header nav {display:inline-block;vertical-align:top;text-align:right;width:800px; }
header nav ul { position:relative;}
header nav li { display:inline-block; position:relative; }
header nav li a { display:block; position:relative; z-index:40; }
header nav li a span { display:none; }
header nav li a {
    border-radius: 0 0 5px 5px;
    color: #333333;
    font-size: 9px;
    padding: 15px 20px ;
	margin: 0 2px;
    text-transform: uppercase;
	background: #ebebeb; /* Old browsers */
	background: -moz-linear-gradient(top,  #ebebeb 0%, #ccc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebebeb), color-stop(100%,#ccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ebebeb 0%,#ccc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ebebeb 0%,#ccc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ebebeb 0%,#ccc 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ebebeb 0%,#ccc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#ccc',GradientType=0 ); /* IE6-9 */
	font-family:'PT sans',sans-serif;font-weight:bold;
}
.submenu ul li a {padding:5px 20px;font-size:8px;}
.submenu ul li a:hover {background:#333;color:#d5d5d5;border-radius:3px;}
header nav li a:hover{
	background: #ac1c27; /* Old browsers */
	background: -moz-linear-gradient(top,  #ac1c27 0%, #28070b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ac1c27), color-stop(100%,#28070b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ac1c27 0%,#28070b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ac1c27 0%,#28070b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ac1c27 0%,#28070b 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ac1c27 0%,#28070b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ac1c27', endColorstr='#28070b',GradientType=0 ); /* IE6-9 */
	color:#fff;
	text-decoration:none;
}

header nav p.recherche { background:url(../img/design/bg-recherche.jpg) no-repeat; width:254px; height:26px; margin:7px 0 0 0; float:right }
header nav p.recherche input { background:none; width:187px; height:18px; padding:5px 0 0 14px; font-size:1em; color:#818181;  }
header nav p.recherche input.bouton { width:44px; height:20px; padding:0; cursor:pointer; }
header nav li .submenu { display:none; position:absolute; }
header nav li ul.smenu { z-index:1;background-color:#f5f5f5;font-family:Arial, Helvetica, sans-serif; -webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; -moz-box-shadow:0 0 5px #999; -webkit-box-shadow:0 0 5px #999; box-shadow:0 0 5px #999; }
header nav li ul.smenu li { padding:0 8px;text-align:left; }
header nav li ul.smenu li a { color:#424342; background:none; width:auto; height:auto;font-family:'arial', sans-serif;font-weight:bold; }
header nav li ul.smenu li ul { padding:5px 0; }
header nav li ul.smenu li li { font-size:0.8em; background:none; width:auto; height:auto; text-transform:none; font-weight:normal; padding:0; margin:0 -4px; }
header nav li ul.smenu li li a { text-transform:none;background:none; padding:7px 10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; position:relative; display:inline-block;text-align:left;}
header nav li ul.smenu li li a:hover { background:#424242; color:#FFFFFF; text-decoration:none; }

p.recherche {
    background: url("../img/design/bg-recherche.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: right;
    height: 26px;
    margin: -22px 45px 0;
    text-align: right;
    width: 254px;
}
p.recherche input { background:none; width:187px; height:18px; padding:5px 0 0 14px; font-size:1em; color:#818181;  }
p.recherche input.bouton { width:44px; height:20px; padding:0; cursor:pointer; }

.slogan {
    left: 349px;
    position: relative;
    top: 0px;
}

/*--- Fil d'ariane ---*/

.filAriane {
    color: #424242;
    font-size: 1.1em;
    margin: 6px 0 20px 10px;
}
.filAriane a { color:#367bbf; }


/* --- aside---*/

aside {
    margin: 0 20px 0 0;
    vertical-align: top;
    width: 100%;
}

aside .sidebar_left{width:190px;float:left;}
aside .sidebar_right{width:190px;float:right;}

aside sidebar_left li ul,aside sidebar_right li ul  {
    padding: 15px 5px 5px 15px;
}

aside  li {
    background: url("../img/design/bg-deg-bloc-layout.png") repeat-x scroll left top #FEFEFE;
    border: 3px solid #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 4px #939696;
    padding:12px 1px 5px 7px;
    position: relative;
}
aside  li ul li{
	border:none;background:none;border-radius:0;box-shadow:0 0 0 0;padding:1px;
}
aside  li ul li ul li a{
	color:#666;font-size:11px;
}aside a:hover{
	text-decoration:none;
}
aside  li ul li ul{
	border:none;background:none;border-radius:0;box-shadow:0 0 0 0;
}
aside sidebar_left li a,aside sidebar_right li a {
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 0 5px #939696;
    margin: 0 0 9px;
    padding: 5px 7px;
    position: relative;
    width: 157px;
}
aside  li ul li ul{
    background:none;
    border-radius: 0;
    box-shadow: 0;
    margin: 0 0 9px;
    padding: 5px 7px;
    position: relative;
}

aside sidebar_left li ul li a,aside sidebar_right li ul li a {
    background: url("../img/design/puce-grey.jpg") no-repeat scroll 0 9px rgba(0, 0, 0, 0);
    padding: 3px 0 3px 10px;
}


#reseau-sociaux   li {
    display: inline-block;
    margin: 5px 3px;
    padding: 0;
    width: 24px;
	background:none;
}
#reseau-sociaux   li a {
    width:60px;
	border:none;
	background:none;
	box-shadow:0 0 0 ;
}
#reseau-sociaux li a img{
	width:25px;
}
ul#reseau-sociaux li a:hover{
	opacity:0.7;
}

nav span{color:#ccc;}


ul li h2{font-size:20px;color:#f5f5f5;}

.sidebar_left li a ,.sidebar_right li a{
						background: url("../img/design/bg-slide-left.png") repeat-x scroll left top #DBDDDC;
						border-radius: 4px 4px 4px 4px;
						box-shadow: 0 0 5px #939696;
						display: block;
						font-size: 12px;
						margin: 0 0 1px;
						padding: 9px 6px 9px 7px;
						position: relative;
						width: 161px;
						color: #58615F;
					}
.sidebar_left li ul li a ,.sidebar_right li ul li a{background:none;box-shadow:0 0 0;border-radius:0; color: #666666;white-space:nowrap;overflow:hidden;width:132px;}
.sidebar_left li ul li  ,.sidebar_right li ul li {line-height:1px;background: url("../img/design/puce-grey.jpg") no-repeat scroll 15px 7px rgba(0, 0, 0, 0);padding: 0 0 0 21px;
}

.sidebar_left ul,.sidebar_right ul {
    margin: 15px 0 0;
}

.sidebar_right li {list-style:none}



/*--- section ---*/

section ul li  ul li{background:none;border-bottom:1px solid ;border-top:none;border-left:none;border-right:none;color:#fff;font-size:11px;box-shadow:0 0 0 0;border-radius:0;min-height:250px;}
section ul li  ul li:last-child{background:none;border-bottom:none ;border-top:none;border-left:none;border-right:none;color:#fff;font-size:11px;box-shadow:0 0 0 0;border-radius:0;min-height:250px;}

li a.show {
    background: url("../img/design/arrow-close.png") no-repeat scroll 147px center rgba(0, 0, 0, 0);
    color: #58615F;
    display: block;
    font-family: Arial;
    font-size: 13px !important;
    font-weight: bold;
    padding: 5px 10px 5px 5px;
}

section {
    display: inline-block;
    width: 760px;margin:0 0 20px 10px;vertical-align:top;
}
section ul li{clear:both;}
section ul li,section .article{
    background: url("img/design/motif-bloc-layout.png") repeat scroll 0 0#d5d5d5;
    border: 3px solid #F5F5F5;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 4px #666666;
	margin:0 0 10px 0;
	padding:3px;
}
section ul li h1,section .article h1 {
    color: #6F6F6F;
    font-family: 'ColaborateBoldRegular';
    font-size: 3.6em;
    padding: 5px 10px;
}


section ul li ul img{
	max-width:350px;float:left;margin:10px 10px 10px 0;
	border:3px solid #999;border-radius:5px;
}

nav ul.menu li .submenu ul.smenu li ul li a{font-size:9px;font-weight:normal;}

section ul li h3 {
    color: #FFFFFF;
    font-family: arial;
    font-size: 18px;
    font-weight: bold;
    padding: 7px 0 0 12px;
}

section ul li p,section .article * {
    color: #666666;
    font-family: 'arial',sans-serif;
    font-size: 11px;
    line-height: 1.5em;
    padding: 5px;
    text-align: justify;
}

section ul li  ul li ul {
    height: 20px;
    margin: 11px 0 15px 7px;
    padding: 0 0 15px;
	overflow:hidden;
}

section ul li  ul li ul li { float:left; font-size:10px; font-family:Arial, Helvetica, sans-serif; margin:0 18px 0 0; }
section ul li  ul li ul li a { color:#b4b4b4; margin:0; text-shadow:-1px -1px 1px #000; font-weight:bold; }
section ul li  ul li ul li a:hover, .header nav-top-offre li a.active { color:#fff; text-decoration:none; }

section ul li ul{margin:11px 0 15px 7px; padding:0 0 15px 0; }
.article-add form ul li{width:250px;}
.article-add form ul.second-col li{width:375px;height:186px;}
.article-add form ul.second-col li:last-child {
    height: 18px;
    left: 311px;
    position: relative;
    text-align: center;
    width: 64px;
	border:none;
}

.article-comments ul li{
	border:none;background:#ccc;
	box-shadow:0 1px 2px #999 inset;
	height:150px;
	overflow:auto;
	color:#f5f5f5;
}
.article-comments ul li span.comment-user{
	font-size:13px;font-weight:bold;
	text-transform:uppercase;
	color:#fff;
}



.article-add form ul.second-col textarea {
    height: 176px;
    width: 365px;
}
.article-add form ul.first-col{
	display:inline-block;
	vertical-align:top;
	width:42%;
}
.article-add form ul.second-col{
	display:inline-block;
	vertical-align:top;
	width:50%;
}

article-add form ul.second-col text-area{
	width:100px;
} 


.article-add form ul li input { background:none; padding:0; cursor:pointer; width:250px;}
.article-add form ul li:nth-child(6) {position:relative;left:250px; width:64px; margin: 30px 0 0 386px;color:#666;
	background: #ebebeb; /* Old browsers */
	background: -moz-linear-gradient(top,  #ebebeb 0%, #999999 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebebeb), color-stop(100%,#999999)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ebebeb 0%,#999999 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ebebeb 0%,#999999 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ebebeb 0%,#999999 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ebebeb 0%,#999999 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#999999',GradientType=0 ); /* IE6-9 */
}

section ul li ul li ul li {
    min-height: inherit;
	border:none;
}
section ul li ul li  a {
    text-decoration:none;
	color:#fff;
}
section ul li ul li h2 a {
    text-decoration:none;
	color:#fff;
}
.pagination  {min-height:0px!important;text-align:center;}
.article {min-height:350px;}
.article .article-content img{float:left;padding:5px;}

.article-lien-connexe{padding:5px;border-radius:5px;width:297px;background:#d5d5d5;}
.article-lien-connexe ul li{background:url("../img/design/puce-grey.jpg") no-repeat scroll 15px 7px rgba(0, 0, 0, 0);border:none;border-radius:0;padding:0 0 0 30px;box-shadow:0 0 0;color:#333;}
.article-lien-connexe ul li a{color:#367BBF;}
.article-lien-connexe ul li:first-child{background:none;border:none;border-radius:0;padding:0;}
.article-content { min-height: 210px;}
.article-content img {
    border: 3px solid #D5D5D5;
    border-radius: 5px 5px 5px 5px;
    float: left;
    margin: 10px 10px 10px 0;
    max-width: 350px;
}



section ul li ul li p img{clear:both;}

ul.pagination ul{overflow:hidden;}

/*---- footer ---- */
footer { width:1010px;height:auto; margin:0 auto; position:relative; z-index:1; }

.footer-content {
    background: url("../img/design/bg-footer.png") no-repeat scroll 0 0 transparent;
    margin: 0 auto;
    min-height: 275px;
    padding: 5px 15px;
    position: relative;
    width: 980px;
}

.footer-content  ul li.illustration { background:url(../img/design/image_footer.jpg) no-repeat; width:260px; height:256px; }
.footer-content  ul li.illustration p { font-size:0.9em; color:#c1c1c1; padding:228px 0 0 45px; line-height:1.3em; }

.footer-content  ul{
	padding:10px;background:#151515;
}

footer h2 {color: #F5F5F5;font-size: 13px!important;font-weight: bold;}

.footer-content  ul li{
	display:inline-block;vertical-align:top;
	width:165px;font-size:12px;
	color:#fff;
}
.footer-content  ul li ul li{
	display:block;
	padding:5px 10px 5px 15px;
	background:url("../img/design/puce.png") no-repeat scroll 0 11px rgba(0, 0, 0, 0);
}

.footer-content  ul li ul li.title{
	font-size:18px;
	padding:5px 0;
	background:none;
}



.footer-content ul li ul li a{
	color:#bdbdbd;font-size:12px;
	text-decoration:none;
	display:block;
}

.footer-content ul li ul li a:hover{
	color:#696969;
}

footer nav{
	background: #d5d5d5; /* Old browsers */
	background: -moz-linear-gradient(top,  #d5d5d5 0%, #d0d0d0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d5d5d5), color-stop(100%,#d0d0d0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d5d5d5 0%,#d0d0d0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d5d5d5 0%,#d0d0d0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d5d5d5 0%,#d0d0d0 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #d5d5d5 0%,#d0d0d0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5d5d5', endColorstr='#d0d0d0',GradientType=0 ); /* IE6-9 */
	padding:5px 10px;
	height:auto;
}

footer nav ul{padding:13px 5px;}

footer nav ul li{
	display:inline-block;margin:0 5px;
}

footer nav ul li a{
	color:#333;
	padding:10px 15px;
	border-radius:5px;
	box-shadow:1px 1px 2px #666;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #b7b7b7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#b7b7b7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#b7b7b7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#b7b7b7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#b7b7b7 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#b7b7b7 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b7b7b7',GradientType=0 ); /* IE6-9 */
}

footer nav ul li a:hover{
	text-decoration:none;
	box-shadow:1px 1px 2px #666 inset;
}