﻿* {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:14px;
	color:#333333;
	margin:0;
	padding:0;
}

body {
	margin:0;
	padding:0;
	background:url("../images/bg-6.png");
}
a, a:active, a:visited {
	color:#444444;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
	color:#ff0000;
}

#page {
	position:relative;
	width:1000px;
	margin:15px auto;
	background:#ffffff;
	padding:0 10px 10px;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.8);
}
#header {
	height:200px;
	position:relative;
	display:block;
	width:1020px;
	margin:0 0 10px -10px;
	padding:0 0 0 -10px;	
}
#header .bloc_title {
	position:relative;
	float:right;
	width:520px;
	height:80px;
	padding:15px;
	top:25px;
	right:25px;
	text-align:center;
	border-radius:5px;
	background:url("../images/bg_title.png");
    padding-top: 40px;	
}
#header .bloc_title h1 {
	font-size:46px;
	font-weight:bold;
	text-transform:uppercase;
	font-style:italic;
	margin-bottom:5px;
	color:#063e58;
	text-shadow: 2px 2px 0px #ffffff;
    filter: dropshadow(color=#ffffff, offx=2, offy=2);
}
#header .bloc_title p {
	font-size:16px;
	color:#444444;
}

#menuhaut {
	position:relative;
	display:block;
	width:100%;
	height:40px;
	background:#444444;
    margin-bottom: 10px;	
}

#menu {
	width: 1020px;
	height: 40px;
	margin: 0 auto;
	position:relative;
	padding: 0;
	display: block;
	line-height: 1;
	font-size: 12px;
}
#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: 0;
}

#menu a {
	text-decoration: none;
	color:#ffffff;
}

#menu .menu-label {
	font-weight:bold;
	text-transform: uppercase;
	color:#ffffff;
}

#menu .menu-top > li {
	float: left;
	position: relative;
	text-align: center;
	-webkit-transition: background-color 0.2s;
	-moz-transition: background-color 0.2s;
	-ms-transition: background-color 0.2s;
	-o-transition: background-color 0.2s;
	transition: background-color 0.2s;
}
#menu .menu-top > li:hover {
	background-color: #1395d1;
	-webkit-transition: background-color 0.2s;
	-moz-transition: background-color 0.2s;
	-ms-transition: background-color 0.2s;
	-o-transition: background-color 0.2s;
	transition: background-color 0.2s;
}
#menu .menu-top .menu-right {
	float: right;
}
#menu .menu-button {
	display: block;
	line-height: 40px;
	padding: 0 14px;
	color: #ffffff;
	-webkit-transition: color 0.2s;
	-moz-transition: color 0.2s;
	-ms-transition: color 0.2s;
	-o-transition: color 0.2s;
	transition: color 0.2s;
}
#menu li:hover .menu-button {
	color:#ffffff;
	-webkit-transition: color 0.2s;
	-moz-transition: color 0.2s;
	-ms-transition: color 0.2s;
	-o-transition: color 0.2s;
	transition: color 0.2s;
}

/* --- COLONNES --- */
#col_gauche, #col_droite {
	width:200px;
	height:100%;
	padding-bottom:15px;
}

#col_gauche img, #col_droite img{
max-width:170px;
}

#col_gauche {
	float:left;
	margin-right:10px;
}
#col_droite {
	float:left;
	margin-left:10px;
}

.centre_title, .col_title {
	padding:5px;
	background:#1395d1;
	color:#ffffff;	
}
.centre_title h1, .centre_title h2, .centre_title h3, .centre_title h4 ,
.centre_title h1 a, .centre_title h2 a, .centre_title h3 a, .centre_title h4 a,
.col_title h1, .col_title h2, .col_title h3, .col_title h4 {
	font-size:16px;
	font-weight:700;
	padding:0;
	margin:0;
	color:#ffffff;
}
.col_menu {
	padding:5px 0;
	margin-bottom:15px;
}
.col_menu p {
	margin-top:10px;
}
.col_menu ul {
	margin:0;
	padding:0;
	line-height:28px;
	list-style-type:none;
}  
.col_menu ul li {
	margin:0;
	padding:0;
	display:inline;
}
.col_menu ul li a {
	display:block;
	color:#444444;
	padding-left:30px;
	text-decoration:none;
	background: url(../images/icones/list-icon1.png) no-repeat 7px center;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.col_menu li a:hover {
	display:block;
	padding-left:35px;
	color:#1395d1;
	text-decoration:none;
}

.content_menu {
	text-align:center;
	padding-top:10px;
}
.content_menu p {
	text-align:left;
	padding:0 5px;
}

/* ---- CENTRE ---- */
#centre {
	float:left;
	width:580px;
}

#centre img{max-width:100%;}

.hr	{
	width:570px;
	height:2px;
	margin:5px 0;
	overflow:hidden;
	background:url("../images/hr_600.png") bottom center no-repeat;
}

h1{
	padding:5px 5px 5px 22px;
	border-bottom:4px solid #1395D1;	
}

.suite{
	color:#444444;
    display: block;
    padding-right: 20px;
    text-align: right;
    font-weight:bold;
}
.column	{
	width:100%;
	float:left;
	position:relative;
	padding:10px 5px;
}
.column ul  {
	display:block;
}
.column li a {
	display:inline;
}
.column img  {
	max-width:570px;
    display: block;
    margin: auto;	
}

.columns2 {
	float:left;
	width:48%;
	padding:0 5px 5px;
}

p.dropcap:first-letter {
	font-size : 340%;
	line-height:1em;
	display:block;
	float : left;
	text-align:center;
	margin-right:10px;
	padding:0.2em 0.24em;
	color : #232323;
	border:3px solid #b9b9b9;
	border-radius:2.6em;
	-moz-border-radius:2.6em;
	-webkit-border-radius:2.6em;
}

.col_full {
	float:left;
	width:580px;
	margin-bottom:15px;
}
.col_2, .col_3 {
	float: left;
	margin-right:10px;
}
.col_2.last, .col_3.last {
	margin-right:0px;
}
.col_2 {
	width:285px;
	min-height:100px;
}
.col_3 {
	width:186px;
	min-height:100px;
}
.col_full p, .col_2 p, .col_3 p {
	padding:5px;
}

/* ---- PAGINATION ---- */
ul.pagination {
	margin:0px;
	padding:0px;
	height:100%;
	overflow:hidden;
	font-size:12px;
	list-style-type:none;	
}
ul.pagination li {
	float:left;
	margin:0px;
	padding-bottom:1px;
	margin-left:5px;
}
ul.pagination li:first-child {
	margin-left:0px;
}
ul.pagination li a {
	display:block;
	text-decoration:none;
	color:#333333;
	text-shadow:0px 1px #F6F6F6;
	padding:6px 9px 6px 9px;
	border:solid 1px #B6B6B6;
	box-shadow:0px 1px #EFEFEF;
	-moz-box-shadow:0px 1px #EFEFEF;
	-webkit-box-shadow:0px 1px #EFEFEF;
}
ul.pagination li a img {
	border:none;
}
ul.pagination li a:hover,
ul.pagination li a.current {
	color:#FFFFFF;
	border:1px solid #1395d1;
	background:#1395d1;
	box-shadow:0px 1px #E7E7E7;
	-moz-box-shadow:0px 1px #E7E7E7;
	-webkit-box-shadow:0px 1px #E7E7E7;
}
/* ---- FOOTER ---- */
#footer_haut {
	background-color: #1395D1;
}
.footer_top	{
	display:block;
	position:relative;
	width:1020px;
	margin:0 auto;
	padding:10px 0;
}
.footer_top .menu_footer {
	width:240px;
	float:left;
	margin:0 5px 10px;
	color:#fff;
}

.footer_top .menu_footer  *{
	color:#fff;
}

.footer_top .menu_footer h3{
	color:#ffffff;
	margin-bottom:10px;
	font-size:14px;
}
.footer_top .menu_footer ul li {
	width:auto;
	line-height:22px;
	padding-left:15px;
	border-top:1px dashed #D6D6D6;
	list-style:none;
}
.footer_top .menu_footer ul li a{
	color:#cccccc;
}
.footer_top .menu_footer ul li:first-child {
	border-top:none;
}

#footer_bas {
	border-top:1px solid #0b0b0a;
	background:url("../images/bg_dark.png") #1c1d20;
}
.footer {
	position:relative;
	display:block;
	position:relative;
	width:960px;
	margin:10px auto 0;
	padding:20px;
	background:#1c1d20;
}
.footer a {
	color:#cccccc;
	text-decoration:none;
}
.footer a:hover {
	color:#1395d1;
	text-decoration:none;
}
.footer .copyright p {
	text-align:center;
	width:100%;
	color:#cccccc;
	line-height:22px;
}
.footer .social {
	float:right;
}
.footer .social a {
	width:42px;
	height:42px;
	overflow:hidden;
	display:block;
	float:left;
}	


/* --- BOUTONS --- */
.button {
	display:inline-block;
	margin-bottom:14px;
	outline:none;
	color: #fff;
	vertical-align: baseline;
	text-align:center;
	text-decoration: none;
	font-size:12px;
	cursor:pointer;
	background-color:#1395d1;
}
.btn-small {padding:4px 8px;}
.btn-normal {padding:8px 13px;}
.button:hover {background-color: #313131; color: #fff;}
.align-btn-left {float:left;}
.align-btn-right {float:right;}

/* ---- IMAGES ---- */
span.highlight, span.highlight a, span.highlight a:hover {
	padding:2px;
	background:#1395d1; 
	color:#ffffff;
	border-radius:3px;
	-moz-border-radius:3px;
	-khtml-border-radius:3px;
	-webkit-border-radius:3px;
}
img.pic_center {
	position:relative;
	display:inline;
	width:160px;
	margin:0 8px 5px 8px;
	border:4px solid #fff;
	border-radius:5px;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow:0 0 4px rgba(0, 0, 0, 0.8);
	-moz-box-shadow:0 0 4px rgba(0, 0, 0, 0.8);
	-webkit-box-shadow:0 0 4px rgba(0, 0, 0, 0.8);
}

img.pic_menu {
	display:block;
	border:4px solid #fff;
	border-radius:5px;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow:0 0 4px rgba(0, 0, 0, 0.8);
	-moz-box-shadow:0 0 4px rgba(0, 0, 0, 0.8);
	-webkit-box-shadow:0 0 4px rgba(0, 0, 0, 0.8);
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;		
}
span.highlight, span.highlight a, span.highlight a:hover {
	padding:2px;
	background:#FFC1DB; 
	color:#444444;
}
img.thumb {
	position:relative;
	display:inline;
	margin:5px;
	padding:3px;
	border:1px solid #dddddd;
	border-radius:5px;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
}
.small {
	width:124px;
}
.normal {
	width:160px;
}
.large {
	width:200px;
}
img.alignleft {margin: 5px 10px 10px 5px;}
img.alignright {margin: 5px 5px 10px 10px;}


.shadow-1 {
	-webkit-box-shadow: 0 10px 6px -6px rgba(18,19,19,0.6);
	-moz-box-shadow: 0 10px 6px -6px rgba(18,19,19,0.6);
	box-shadow: 0 10px 6px -6px rgba(18,19,19,0.6);
}
.alignleft {float:left;}
.alignright {float:right;}

.hr	{
	width:100%;
	height:7px;
	margin:15px 0;
	overflow:hidden;
	background: url('../images/dots.png') repeat-x left top;
}

.clear	{
	display:block;
	clear:both;
	height:0 !important;
	overflow:hidden;
}
.fixe {
	clear:both;
	height:0px;
	font-size:1px;
	border:none;
	margin:0;
	padding:0;
	background:transparent;
}
.sous_cat{margin-left:10px;margin-right:10px;}

.contenu img{max-width:570px;}
.contenu input[type="image"] {max-width:570px;}
.column input[type="image"] {max-width:570px;}

/****DISCLAIMER***/
div#disclaimer{ text-align:left; }
div#disclaimer-fond{ position:absolute; z-index:1000; width:100%; height:2650px; background:white; filter:alpha(opacity=90); -moz-opacity:0.9; opacity: 0.9; text-align:center; line-height:normal; clear:both; }
div#disclaimer-conteneur{ position:absolute; z-index:1001; width:100%; text-align:center; clear:both; }
div#disclaimer-cadre{ width:550px; margin-left:auto; margin-right:auto; text-align:center; margin-top:200px; padding:15px; font-size:12px; border:1px solid #de069f; background:#f5f5f5; color:#555; }
div#disclaimer-cadre b{ font-size:14px; color:#de069f; }
div#disclaimer-cadre a{ text-decoration:none; font-size:22px; font-weight:bold; color:#FFA800; }
div#disclaimer-cadre a:hover{ color:#de069f; }

.message{
font-weight:bold;
color:green;
}

.erreur{
font-weight:bold;
color:red;
}

.warning{
font-weight:bold;
color:orange;
}

.menu_image img{
padding-top:5px;
}

label {float:left;width:110px;color:#000;}