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

html {
	background:#dfe1d1;
}

.container {
	/*background-color:#e8e8e4;*/
	font-family: 'Raleway', sans-serif;
	letter-spacing:1px;
}

.titre {
	color:#0d1f1e;
	font-size:24px;
	font-weight:bold;
}

.sous_titre {
	color:#0d1f1e;
	font-size:14px;	
}

.fond {
	background:url('../img/fond.jpg') top center no-repeat;
	min-height:400px;
	margin-top:30px;
}


.menu {
	position:relative;
	z-index:100000;
	text-align:center;
}

.menu ul {
  text-align: left;
  display: inline;
  margin: 0;
  padding: 15px 4px 17px 0;
  list-style: none;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
.menu ul li {
  font: bold 12px/18px sans-serif;
  display: inline-block;
  margin-right: -4px;
  position: relative;
  padding: 15px 20px;
  background: #fff;

  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.menu ul li:hover {
 /* background: #555;*/
 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3f4c6b+0,5b7d9b+100 */
background: #3f4c6b; /* Old browsers */
background: -moz-linear-gradient(top, #3f4c6b 0%, #5b7d9b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #3f4c6b 0%,#5b7d9b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #3f4c6b 0%,#5b7d9b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f4c6b', endColorstr='#5b7d9b',GradientType=0 ); /* IE6-9 */
  color: #fff;
}
.menu ul li ul {
  padding: 0;
  position: absolute;
  top: 48px;
  left: 0;
  width: 150px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
}
.menu ul li ul li { 
  background: #555; 
  display: block; 
  color: #fff;
  text-shadow: 0 -1px 0 #000;
}
.menu ul li ul li:hover { background: #666; }
.menu ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}

.pages {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0c173b+0,01040c+100 */
background: #0c173b; /* Old browsers */
background: -moz-linear-gradient(top, #0c173b 0%, #01040c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #0c173b 0%,#01040c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #0c173b 0%,#01040c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c173b', endColorstr='#01040c',GradientType=0 ); /* IE6-9 */
}

@media (min-width:768px)
{
.lien_rapide {
	display:table-cell;
	margin:50px;
	border:1px solid #bebebd;
	background-color:#ffffff;
	 box-shadow: 1px 1px 5px #4c4c49;
	width:200px !important;
	height:120px !important;
	text-align:center;
	line-height:120px;
}
}

a {
	text-decoration: none;
}
ul, ul ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.menu {
	margin:10px;
	padding:10px;
	width: auto;
	height: auto;
	background:none;
	/*-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,.73), 0px 0px 18px 0px rgba(0,0,0,.13);
	-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,.73), 0px 0px 18px 0px rgba(0,0,0,.13);
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,.73), 0px 0px 18px 0px rgba(0,0,0,.13);*/
}
.menu > li > a {
	background-color: #616975;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(97, 105, 117)),to(rgb(80, 87, 98)));
	background-image: -webkit-linear-gradient(top, rgb(97, 105, 117)),to(rgb(80, 87, 98));
	background-image: -moz-linear-gradient(top, rgb(97, 105, 117)),to(rgb(80, 87, 98));
	background-image: -o-linear-gradient(top, rgb(97, 105, 117)),to(rgb(80, 87, 98));
	background-image: -ms-linear-gradient(top, rgb(97, 105, 117)),to(rgb(80, 87, 98));
	background-image: linear-gradient(top, rgb(97, 105, 117)),to(rgb(80, 87, 98));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#616975', EndColorStr='#505762');
	border-bottom: 1px solid #33373d;
	-webkit-box-shadow: inset 0px 1px 0px 0px #878e98;
	-moz-box-shadow: inset 0px 1px 0px 0px #878e98;
	box-shadow: inset 0px 1px 0px 0px #878e98;
	width: 100%;
	height: 2.75em;
	line-height: 2.75em;
	text-indent: 2.75em;
	display: block;
	position: relative;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 600;
	color: #fff;
	text-shadow: 0px 1px 0px rgba(0,0,0,.5);
}
.menu ul li a {
	background: #fff;
	border-bottom: 1px solid #efeff0;
	width: 100%;
	height: 2.75em;
	line-height: 2.75em;
	text-indent: 2.75em;
	display: block;
	position: relative;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 0.923em;
	font-weight: 400;
	color: #878d95;
}
.menu ul li:last-child a {
	border-bottom: 1px solid #33373d;
}
.menu > li > a:hover, .menu > li > a.active {
	background-color: #6c1504;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(108, 21, 4)),to(rgb(89, 22, 9)));
	background-image: -webkit-linear-gradient(top, rgb(108, 21, 4), rgb(89, 22, 9));
	background-image: -moz-linear-gradient(top, rgb(108, 21, 4), rgb(89, 22, 9));
	background-image: -o-linear-gradient(top, rgb(108, 21, 4), rgb(89, 22, 9));
	background-image: -ms-linear-gradient(top, rgb(108, 21, 4), rgb(89, 22, 9));
	background-image: linear-gradient(top, rgb(108, 21, 4), rgb(89, 22, 9));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#6c1504', EndColorStr='#591609');
	border-bottom: 1px solid #b1918b;
	-webkit-box-shadow: inset 0px 1px 0px 0px #ef806a;
	-moz-box-shadow: inset 0px 1px 0px 0px #ef806a;
	box-shadow: inset 0px 1px 0px 0px #ef806a;
}
.menu > li > a.active {
	border-bottom: 1px solid #1a638f;
}
.menu > li > a:before {
	content: '';
	background-image: url(../images/sprite.png);
	background-repeat: no-repeat;
	font-size: 36px;
	height: 1em;
  	width: 1em;
	position: absolute;
  	left: 0;
	top: 50%;
	margin: -.5em 0 0 0;
}
.item1 > a:before {
	background-position: 0 0;
}
.item2 > a:before {
	background-position: -38px 0;
}
.item3 > a:before {
	background-position: 0 -38px;
}
.item4 > a:before {
	background-position: -38px -38px;
}
.item5 > a:before {
	background-position: -76px 0;
}
.menu > li > a span {
	font-size: 0.857em; 
	display: inline-block;
	position: absolute;
	right: 1em;
	top: 50%; 
	background: #48515c;
	line-height: 1em;
	height: 1em;
	padding: .4em .6em;
	margin: -.8em 0 0 0; 
	color: #fff;
	text-indent: 0;
	text-align: center;
	-webkit-border-radius: .769em;
	-moz-border-radius: .769em;
	border-radius: .769em;
	-webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15);
	-moz-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15);
	box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15);
	text-shadow: 0px 1px 0px rgba(0,0,0,.5);
	font-weight: 500;
}
.menu > li > a:hover span, .menu > li a.active span {
	background: #2173a1;
}
/*.menu > li > ul li a:before{
	content: '►';
	font-size: 8px;
	color: #bcbcbf;
	position: absolute;
	width: 1em;
	height: 1em;
	top: 0;
	margin-left: -5em;
}*/

.menu > li > ul li:hover a,
.menu > li > ul li:hover a span,
.menu > li > ul li:hover a:before {
	/*color: #32373D;*/
	color:#6c1504;
	background-color:#beb9b8;
}


.menu ul > li > a span {
	font-size: 0.857em; 
	display: inline-block;
	position: absolute;
	right: 1em;
	top: 50%;
	background: #fff;
	border: 1px solid #d0d0d3;
	line-height: 1em;
	height: 1em;
	padding: .4em .7em;
	margin: -.9em 0 0 0; 
	color: #878d95;
	text-indent: 0;
	text-align: center;
	-webkit-border-radius: .769em;
	-moz-border-radius: 769em;
	border-radius: 769em;
	text-shadow: 0px 0px 0px rgba(255,255,255,.01));
}

.titre_slider {
	margin-left:10px;
	border-top:2px solid #fae2de;
	border-bottom:2px solid #fae2de;
	color:#fae2de;
	font-size:18px;
	font-family: Verdana, Geneva, sans-serif;
}

.titre_slider:hover {
	color:#e5366b;
	margin-left:15px;
	font-size:20px;
}

.row_slider {
	background-color:#1f0605;
	height:320px;
	text-align:center;
	line-height:320px;
}

#galerie
{
    position: relative;
    width: 300px;
    height: 300px;
}
#galerie img
{
    position: absolute;
    display: none;
}
#galerie .active
{
    display: block;
}

footer {
	margin-top:50px;
	height:70px;
	text-align:center;
	font-size:11px;
}

.infos a {
	color:#1f0605;
}

@media (min-width:768px) {
	.row_slider img {
		width:85px;
}
}

.titre1 a {
	background-color:#0C9;
}

.titre1 a:hover {
	color:pink;
}