body {
background-color: #151515;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
color: #121212;
padding-left: 0px;
padding-right: 0px;
}

a, a:link, a:visited {
color: #121212
}

a:hover {
color: #121212;
}

a:active {
color: #121212;
outline: 0;
}

input{
width: 290px;
vertical-align: middle;
}

textarea{
width:95%;
height: 300px;
}

input, 
textarea {
padding: 10px 5px 10px 10px;
}

.input-prepend .add-on, /* Input icon */
.input-append .add-on {
padding: 10px 10px;
}

img{
max-width: 100%
}

article p{
text-align:justify;
margin-bottom: 14px
}

aside{
padding-bottom: 20px
}

p{
font-size:1.2em;
padding:0px;
margin:0px
}

hr {
margin: 18px 0;
border: 0;
border-top: 1px solid #D4AF37;
border-bottom: 1px solid white;
}

ul, figure{
margin:0
}

iframe{
background-color: transparent;
border: 0px none transparent;
padding: 0px;
overflow: hidden;
}

@font-face {
font-family: 'petitalightregular';
src: url('../fonts/petitalight-webfont.eot');
src: url('../fonts/petitalight-webfont.woff') format('woff'),
src:{url('../fonts/petitalight-webfont.svg#petitalightregular') format('svg'),
	 url('../fonts/petitalight-webfont.eot?#iefix') format('embedded-opentype'),
	 url('../fonts/petitalight-webfont.ttf') format('truetype')}; 
font-weight: normal;
font-style: normal;
}

h1{
font-family: 'petitalightregular', verdana, serif;
color:#D4AF37;
font-size: 3em;
margin:10px 0px 10px 0px;
font-weight:normal
}
h2, h3{
font-family: 'petitalightregular', verdana, serif;
color:#fbfbfb;
font-size: 2.6em;
margin:10px 0px 10px 0px;
font-weight:normal
}


.inline-block{ display: inline-block; vertical-align: top }
.hide{ display: none }
.clear{ clear: both }
.floatl{ float:left;margin:5px 20px 5px 0px}
.floatr{ float:right;margin:5px 0px 5px 20px}
.center{ text-align: center }
.right { text-align: right }
.align_justify { text-align: justify }
.uppercase { text-transform: uppercase }
.bold { font-weight: bold }
.strike { text-decoration: line-through }
.italic { font-style: italic }


/* TEMPLATE */
img.logo {
margin-top: 40px;
margin-bottom: 35px
}

div.hr {
margin: 20px 0 30px 0;
height:60px;
background-image: url(../images/deg-accueil.png);
}

.container-bg-header{
background-color: #151515;
background-image: url('../images/light-header.png');
background-position: center top;
background-repeat: no-repeat;
width: 100%
}

.container-bg-content{
background-color: #D4AF37;
width: 100%;
padding: 30px 0 30px 0
}

.container-bg-footer{
background-color: #151515;
width: 100%
}

#column-side{}

footer{
color:#7c7c7c;
padding:0px 0px 90px 0px
}

footer p{
color:#606060;
text-align:justify
}

footer span#copyright{
color:#D4AF37;
text-align:justify
}

footer ul{
padding-left:10px;
list-style-type:square;
list-style-position: inside
}

footer ul li{
line-height: 26px;
}

footer h4{
text-transform: uppercase;
font-size: 1.3em;
font-family: 'petitalightregular', verdana, serif;
margin: 40px 0px 15px 0px
}

footer a, 
footer a:link, 
footer a:visited, 
footer a:hover, 
footer a:active{
color:#606060
}

#follow {
margin-top:20px;
text-align:right
}
#follow a{
margin-right:5px
}

#input-newsletter{
width:160px
}

/* Hover/active colors btn */
.nav-list > .active > a, 
.nav-list > .active > a:hover,
.nav-pills > .active > a, 
.nav-pills > .active > a:hover {
background-color: #CECECE;
color:#a09e9e
}

#services-descriptifs p{
text-align:justify
}

#services-descriptifs p.link{
text-align:right;
padding-top:20px
}

#partners ul{
list-style-type:none;
}

#partners ul > li{
float: left;
width:25%;
text-align:center
}

#partners a{
}

.caret {
opacity: 1;
filter:;
}

.btn, a.btn{
margin-bottom:2px;
text-shadow:none
}

.btn.btn-primary,
.btn.btn-info,
.btn.btn-success,
.btn.btn-warning,
.btn.btn-danger,
.btn.btn-inverse{
color: white
}

.btn.orange{
background: #151515;
border-color:#D4AF37;
color: white
}
.btn.orange:hover{
background:#D4AF37;
color: white
}

/* Contact */
.input-prepend .add-on{
margin-bottom:9px
}

#map-contact {
overflow:hidden
}

/* Slider */
.slider-wrapper{
/*margin-bottom:20px*/
}

.nivo-prevNav, 
.nivo-nextNav{ /* Disable next/prev buttons on slider */
display:none 
}

.nivo-controlNav{ /* Navigation div */
text-align: right;
position: relative;
z-index:99;
padding-right: 15px
}

.nivo-controlNav a.nivo-control,
.nivo-controlNav #nivo-precedent,
.nivo-controlNav #nivo-suivant{ /* Buttons+Prev next buttons */
background-color:#848181cd;
color:#D4AF37;
text-decoration:none;
border:none;
padding-left:12px;
padding-right: 12px;
margin-left:5px
}

.nivo-controlNav a.nivo-control{ /* Buttons */
width:28px;
height:24px;
padding-top:4px;
-webkit-border-radius:14px;
-moz-border-radius:14px;
-o-border-radius:14px;
border-radius:14px;
display:inline-block;
vertical-align:top;
padding-left:0px;
padding-right:0px;
text-align:center;
margin-right:3px;
}

.nivo-controlNav #nivo-precedent{ /* Prev button */
padding-top: 3px;
padding-bottom: 3px;
margin-right:3px;
height:32px;
-webkit-border-radius:16px;
-moz-border-radius:16px;
-o-border-radius:16px;
border-radius:16px;
}

.nivo-controlNav #nivo-suivant{ /* Next button */
padding-top: 3px;
padding-bottom: 3px;
height:32px;
-webkit-border-radius:16px;
-moz-border-radius:16px;
-o-border-radius:16px;
border-radius:16px;
}

.nivo-controlNav a:hover,
.nivo-controlNav button:hover{ /* Hover buttons */
background-color:#be200a;
color:#D4AF37;
}

.nivo-controlNav a.active{ /* Active button */
background-color:#4c4b4bc1;
color:#fcfcfc;
}

.nivo-caption {
z-index:1;
position:relative;
height:303px;
padding:30px 25px 0px 10px;
margin-bottom: 20px;
*margin-bottom: 0px; /* Hack ie7 and < */
text-align:justify;
background: none;
color: white;
overflow:hidden;
width:auto;
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=1);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.nivo-caption h3{
margin-top:0px;
color:#D4AF37;
text-decoration: underline;
text-transform: capitalize;


}
.nivo-caption a {
color: white;
}

#line-bgslider{
margin-bottom:40px
}

#bgslider{
background-color:#262626;
color:#fff
}

#slide-description{
}

/* NAVIGATION */
.navbar {
margin-bottom: 0px;
}

.navbar-inner{
width:492px;
float:right;
margin-top: 10px;
box-shadow: none;
border-radius: 0px;
filter:; /* Fixes bg color */
background:none;
padding: 0px;
color:#fff;
font-weight:bold;
}

.nav-collapse.collapse {
overflow: visible;
}

.navbar .brand{
cursor:pointer;
text-decoration:none;
font-size: 1.2em;
font-weight: bold;
display:none
}
	
	/* Navigation principale */
	.navbar .nav {
	margin: 0px;
	}
	
	.navbar .nav > li {
	display: block;
	float: left;
	}

	.navbar .nav > li > a{
	font-size: 1.7em;
	color:#fff;
	padding:20px 0px;
	margin:0px;
	font-weight:bold;
	font-family: 'petitalightregular', verdana, serif;
	width:122px;
	text-align:center;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	line-height: inherit;
	background-image: url(../images/menu-btn.png); /* Hauteur image identique   hauteur menu pour que effet fade nickel */
	}
	.navbar .nav > li > a:hover,
	.navbar .nav > li.open > a{
	background-image: url(../images/menu-btn-hover.png);
	background-color: #D4AF37;	
	}
	.navbar .nav > li > a.active{
	background-image: url(../images/menu-btn-hover.png); 
	background-color: #D4AF37;
	}
	

	.navbar .nav .divider-vertical {
	height: 58px;
	width:0px;
	margin:0px;
	border-right: 1px solid #D4AF37;
	}

		/* Navigation niveau 2 (d roulant) */
		.dropdown-menu,
		.navbar  .dropdown-menu{
		background-color: #D4AF37;
		border:none;
		padding: 0px
		}

		.dropdown-menu li {
		text-align:left;
		}
		
		.navbar .dropdown-menu a{
		color: #fff;
		text-align:left;
		text-decoration: none;
		padding: 5px 15px;
		}
		
		.navbar .dropdown-menu a:hover,
		.dropdown-menu li > a:hover, 
		.dropdown-menu .active > a, 
		.dropdown-menu .active > a:hover {
		text-decoration: none;
		background-color: #D4AF37;
		color: #fff
		}
		
		.dropdown-menu li span{
		line-height: 28px;
		text-align:left;
		padding: 5px 15px;
		}
		
		.navbar .nav .nav-header{
		color: #fff;
		text-decoration:underline
		}
		
		.dropdown-menu .divider {
		height: 1px;
		overflow: hidden;
		background-color: #D4AF37;
		}


/* ------------------------------------------------------- */
/* Media queries */

/* PHONE+PAD */
@media (max-width: 767px) {

	.hide-phone-pad,
	.row > [class*="span"].hide-phone-pad, 
	.row-fluid > [class*="span"].hide-phone-pad {
	display: none
	}
	
	.navbar .brand{
	display:block
	}
	
	.navbar .dropdown-menu {
	background-color: transparent
	}
	
	.nav-collapse.collapse{
	height:0px;
	overflow:hidden
	}
	
	.navbar .nav {
	margin-bottom: 0px
	}
	
	.navbar .nav > li {
	float:none
	}
	
	.navbar .nav > li > a{
	width:auto;
	padding-left: 20px;
	text-align:left;
	background-image: none;
	}
	
	.navbar .nav > li > a:hover, 
	.navbar .nav > li.open > a {
	background-image:none;
	}
	
	.navbar .nav > li > a.active{
	background-image:none;
	}
	
	.navbar .brand{
	padding:20px 0px 20px 20px;
	font-weight:bold
	}
	
	a.btn.btn-navbar.collapsed{
	margin: 12px 12px 0px 0px
	}
	
	.navbar-inner .container{
	background-color:#D4AF37;
	}

	#carousel-nav a{
	padding:3px;
	}

	
	/* Top buttons */
	
	li.dropdown{
	display: block;
	width: 100%;
	}
	
	.nivo-caption {
	position:relative;
	padding:15px 20px 0px 20px;
	margin-bottom: 20px;
	color: white;
	overflow:visible;
	height:auto
	}
	
	#slide-description{
	padding-bottom: 20px
	}
	
	#partners ul > li{
	width:50%;
	}
	
}

/* PHONE */
@media (max-width: 480px) {

	.hide-phone,	
	.row > [class*="span"].hide-phone,
	.row-fluid > [class*="span"].hide-phone {
	display:none
	}
	
	.container{
	width:280px;
	}
	
	input{
	width: 225px;
	}
	
	img.logo{
	margin:50px 0px 10px 0px;
	}
	
	.navbar-inner{
	width:280px;
	}
	
}

/* PAD */
@media (min-width: 480px) and (max-width: 767px) {
	
	.container{
	width:420px;
	}
	
	input{
	width: 360px;
	}
	
	img.logo{
	margin:60px 0px 20px 40px;
	}
	
	.navbar-inner{
	width:420px;
	}
}

/* PC */
@media (min-width: 768px) {

	.hide-pc,	
	.row > [class*="span"].hide-pc,
	.row-fluid > [class*="span"].hide-pc {
	display:none
	}
	
	.navbar .nav > li > a#btn1{
	-webkit-border-radius: 10px 0px 0px 10px;
	-moz-border-radius: 10px 0px 0px 10px;
	border-radius: 10px 0px 0px 10px;
	}

	.navbar .nav > li > a#btn4{
	-webkit-border-radius: 0px 10px 10px 0px;
	-moz-border-radius: 0px 10px 10px 0px;
	border-radius: 0px 10px 10px 0px;
	}
	
}

/* PC LOW RESOLUTION*/
@media (min-width: 768px) and (max-width: 979px) {
	h1{
	font-size: 2.6em;
	}
	h2, h3{
	font-size: 2.3em;
	}

	.nav-collapse{
	height:auto
	}
	a.btn.btn-navbar.collapsed{
	display:none
	}

	.navbar .nav > li {
	display: block;
	float: left;
	}
	.navbar .nav > .divider-vertical {
	display: block;
	}
	
	.nivo-caption {
	padding-top: 20px;
	height:222px;
	padding: 20px 15px 0px 0px;
	}
	
	#follow {
	margin-top:12px;
	text-align:right
	}
	
	#input-newsletter{
	width:110px
	}
	
}	

/* PC HIGH RESOLUTION*/
@media (min-width: 980px) {


	#map{
	width:700px;
	height: 375px;
	}	
	

}

/* PHONE, PAD, PC LOW RESOLUTION */
@media (max-width: 979px) {

	.hide-phone-pad-pclow{
	display:none
	}

}

.colortitre,h2
{
	color:#D4AF37;
	font-size: 15px;
	text-transform: capitalize;
	text-decoration:underline;
}
