@charset "UTF-8";

body {
	font-family: 'Oswald', Arial, sans-serif;
	font-weight:300;
	font-size:0.98em;
	margin: 0; 
	padding: 0;

}
	
/*  --------------- structure --------------- */	
#wrap {
	width:960px;
	height: auto;
	margin:0 auto;
	}

#top {
	width:100%;
	height: 100px;
	margin:8px 0 16px 0;
	/*background-color:#09F000;*/
	}
	
#logo {
	width:130px;
	height:100px;
	color: #000000;
	float: left;
/*background:url(../images/firstvalet_logo.jpg);
	background-repeat:no-repeat;*/
	}
	
#chapo {
	width:640px;
	padding-top:20px;
	padding-left:190px;
	color: #333;
	display: block;
	min-height: 50px;
	float: left;
	font-family: 'Alex Brush', cursive;
	font-size: 36px;
    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
	}

#villes {
	width:230px;
	padding-left:380px;
	padding-top:10px;
	color: #333;
	display: block;
	height: 20px;
	float: left;
	color:#CC9900;
	font-family: 'Oswald', Arial, sans-serif;
	font-weight:300;
	font-size:1em !important;
	text-align:center;
    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}


#menu_langue {
	/*width:160px;*/
	float: right;
	padding:10px 0 0 5px;
	color:#444;
	text-align:right;
	}
	

#header {
	width:100%;
	height: 350px;
	background-color: #fff;
	display: block;
	float:left;
	}
	
#navigation {
	width:100%;
	height:30px;
	padding: 20px 0; 
	margin: 0;  
    text-align: center;		
	}
		
#content {
	width:100%;
	height:auto;
	margin-top: 10px;  
	}
		
#designed {
	height:60px;
	font-size:0.8em;
	text-align:right;
    top: 0px;
	color: #aaa;
	right:0px;
   	margin-top:-20px ;
	}
	
#footer {
	width:100%;
	height:80px;
   	margin-top:10px ;
	font-size:1em;
	text-align:center;
    top: 0px;
	float:left;
	}

/* --------------- slider --------------- */
.slider-big {
	display:block;
	}

.slider-mini {
	display:none;
	}

.slider-tiny {
	display:none;
	}




/* ---------------lien logo --------------- */
 #logo a, logo a:focus{
		text-decoration:none;
		border: none;
		outline:0; 
		}
		img { border: none; 
	}
/* ---------------menu navigation --------------- */

#navigation ul {
	margin:0;
	padding:0;
	list-style-type:none;
	letter-spacing: 0.2em;
	text-align:center;
	font-size:1em;
	font-family: 'Oswald', Arial, sans-serif;
	font-weight:400;
}
 
#navigation li {
	 display: inline;  
    list-style: none;  
 }
 
#navigation li a {
	 display:inline-block;
	 color:#333;
	 text-decoration:none;
	 padding-left:40px;
	 padding-right:40px;
 }
 
#navigation li a:hover,#navigation li a:active,#navigation li a:focus {
	 color:#CC9900;
	 border:none;
	 outline:none;

 }	

#navigation ul li ul {
	display:none;
}

#navigation ul li:hover ul,#navigation ul li:focus ul {
	display:block;
}

#navigation li:hover ul li {
	float:none;
	 color:#CC9900;
}

#navigation li ul {
	 position:absolute;
}

.navencours {
	 color:#CC9900 !important;
}


 /* --------------- menu langue --------------- 
#menu_langue ul {
	 margin:0;
	 padding:0;
	 list-style-type:none;
	cursor: pointer;
}
 
#menu_langue li,#menu_langue li a {
	color:#333;
	text-decoration:none;
	text-align:right;
	padding:0;
 }
 
#menu_langue li ul {
	position:absolute;
	top:0;
	}

#menu_langue ul li ul li a{
	display:block;
	width:100px;
	padding:0px 0px;
	margin:1px;
	background:#666;
	border:none;
	outline:none;
	text-align:center;
	font-size:0.9em;
	color:#fff;
	}

#menu_langue ul li ul li a:onclick {
	background:#333;
 }	

#menu_langue ul li ul li a:focus {
	background:#CC9900;
}
	
#menu_langue ul li ul {
	display:none;
	}

#menu_langue ul li:hover ul {
	display:block;
	}*/

 /* --------------- menu langue css3 --------------- */
ul#css3menu1,ul#css3menu1 ul{
	margin:0;list-style:none;padding:0;
	}
	
ul#css3menu1 ul{
	display:none;position:absolute;right:100%;top:0;-moz-box-shadow:0.7px 0.7px 1px #777777;-webkit-box-shadow:0.7px 0.7px 1px #777777;box-shadow:0.7px 0.7px 1px #777777;background-color:#333;padding:0 9px 9px;}
	
ul#css3menu1 li:hover>*{
	display:block;}
	
ul#css3menu1 li{
	position:relative;display:block;white-space:nowrap;font-size:0;}
	
ul#css3menu1 li:hover{
	z-index:1;}
ul#css3menu1{
	font-size:0;z-index:999;position:relative;display:block;float:left;padding:0;}
	
ul#css3menu1>li{
	margin-left:10px;}
	
ul#css3menu1 a:active, ul#css3menu1 a:focus{
	outline-style:none;}
	
ul#css3menu1 a{
	display:block;vertical-align:bottom;text-align:right;text-decoration:none;font: 14px Arial;color:#666;cursor:default;padding:4px 0px 4px 10px;border-width:0px;border-style:none;border-color:none;}
	
ul#css3menu1 ul li{
	float:none;margin:9px 0 0;}
	
ul#css3menu1 ul a{
	text-align:center;padding:8px 0 0 0;background-color:#333;background-image:none;border-width:1px 0 0 0;border-style:solid;border-color:#262626;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;font:14px Arial;color:#cccccc;text-decoration:none;}
	
ul#css3menu1 li:hover>a,ul#css3menu1 li a.pressed{
	border-style:none;text-decoration:none;border-width:1px 0 0 0;}
	
ul#css3menu1 span{
	display:block;overflow:visible;background-position:right center;
	padding-right:0px;}
	
ul#css3menu1 > label.switch{
	display:none;cursor:pointer;width:25px;height:20px;padding:4px 10px 4px 10px;}
	
ul#css3menu1 > label.switch:before{
	content:"";position:absolute;display:block;height:4px;width:25px;border-radius:4px;background:#cccccc;-moz-box-shadow:0 8px #cccccc, 0 16px #cccccc;-webkit-box-shadow:0 8px #cccccc, 0 16px #cccccc;box-shadow:0 8px #cccccc, 0 16px #cccccc;}
	
ul#css3menu1 > label.switch:hover:before{
	background:#ffffff;}
	
ul#css3menu1 > .switchbox{
	display:none;}
	
ul#css3menu1 ul li:hover>a,ul#css3menu1 ul li a.pressed{
	background-color:#333;color:#CC9900;text-decoration:none;}
	
/*ul#css3menu1 li.toplast>a{
	border-radius:0 0 0px 0px;-moz-border-radius:0 0 0px 0px;-webkit-border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;text-shadow:#000000 0px -1px 1px;}
	
ul#css3menu1 li.toplast:hover>a,ul#css3menu1 li.toplast a.pressed{
	text-shadow:#3d3d3d 0px -1px 1px;}*/
	
ul#css3menu1 _>li>a{
	padding:0;}
	
ul#css3menu1 li.subfirst>a{
	border-width:0;border-style:none;padding:0;}
	
ul#css3menu1 li.subfirst:hover>a,ul#css3menu1 li.subfirst a.pressed{
	border-style:none;}
	
@media screen and (max-width: 768px) {
	ul#css3menu1 > li {
		position: initial;}
		
	ul#css3menu1 ul .submenu,ul#css3menu1 li > ul {
		left: 0; right:auto; top: 100%;}
		
	ul#css3menu1 .submenu,ul#css3menu1 ul,ul#css3menu1 .column {
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;padding-right: 0;width: 100% !important;}
}

@media screen and (max-width: 67px) {
	ul#css3menu1 {
		width: 100%;}
	ul#css3menu1 > li {
		display: none !important;		position: relative;		width: 100% !important;}
	ul#css3menu1 > label.switch,ul#css3menu1 .switchbox:checked ~ li {
		display: block !important;}
}
 
 
 
 
 /* --------------- fin menu langue css3 --------------- */
 
 
 
 /* --------------- menu footer --------------- */
#footer ul {
	 margin:0;
	 padding:0;
	 list-style-type:none;

cursor: pointer;
}
 
#footer li,#footer li a {
	display:inline-block;
	color:#333;
	text-decoration:none;
	text-align:center;
	padding-left:1px;
	padding-right:1px;
 }
 
#footer li :hover, #footer li a:hover {
	 color:#CC9900;
 }	
 
#footer a {
	 color:#444;
	 text-decoration:none;
 }
 
#footer a:hover,#footer a:active,#footer a:focus {
	 color:#CC9900;
	 border:none;
	 outline:none;
 }	

#footer ul li ul {
	display:none;
}

#footer ul li:hover ul {
	display:block;
	height:60px;
	}

#footer li:hover ul li {
	float:none;
	color:#CC9900;
}

#footer li ul {
	position:absolute;
	display:inline-block;
	text-align:center;
	}

  /* --------------- box accueil texte --------------- */
.box {
	float:left;
	color: #fff;
	margin-bottom: 18px;
	border-style:solid;
	border-width:2px;
	border-color: #222;
	font-size:3em;
	width:304px;
	height:304px;
	background-color: #666;

}

		
.large {
	width:630px;
	height: 304px;
}
		
.carre {
	width:304px;
	height:304px;
}

			
			
.roll img {
  opacity: 1.0;
  filter:alpha(opacity=20);
  border:0;
}

.roll:hover img {
  opacity: 0.5;
  /*filter:alpha(opacity=50); */
   border:0; 
}

a.roll {
	display: -moz-inline-box;
	display: inline-block;
}

/*.roll:hover {
  background:#CC9900;
}*/


.btext {
position:relative;
	/*color: #fff;*/
	font-size:0.4em;
	text-align:center;
	text-transform:uppercase;
}

.lettrine{
	/*color: #fff;*/
	font-size:150%;
}

.btext1 {
	color: #000;
	top:-120px;
	}

.btext2 {
	color: #fff;
	top:-75px;
	}

.btext3 {
	color: #fff;
	top:-100px;
	}

.btext4 {
	color: #fff;
	top:-290px;
	}

.btext5 {
	color: #fff;
	top:-140px;
	}

.b1, .b3, .b4{
	margin-right:18px;
		}

.b2 {
	margin-right:0px;
	}


.b1text {
	color: #000;
	top:-120px;
	}

.b2text {
	color: #fff;
	top:-220px;
	margin-left:20px;
	}

.b3text {
	color: #fff;
	top:-100px;
	}

.b4text {
	color: #fff;
	top:-290px;
	}

.b5text {
	color: #fff;
	top:-140px;
	}








  /* --------------- activités --------------- */

.c-titre {
  float:left;
  width:270px;
  margin-right:0px;
  padding-right:30px;
  text-align:right;
  border-top:solid #CC9900 2px;
 /* background-color:#666666;*/
}

.titreliquide1 {
  float:left;
  width:300px;
  height:300px;
  margin:20px 30px 20px 0;
  text-align:right;
background:url(../images/blackorchid.png);
  
}

.c-article {
  float:left;
  width:630px;
  /*margin-top:20px;*/
  border-left:solid #CC9900 2px;
  padding-left:28px;
}

#service1,#service2,#service3,#service4,#service5 {
  float:left;
  width:630px;
 /* margin-top:30px;*/
 /* background-color:#666666;*/
}

.spot {
  float:left;
  width:630px;
  margin-bottom:20px;
}

.imgright {
  float:right;
  margin:15px 0 15px 10px;
}

.imgleft {
  float:left;
  margin:15px 10px 15px 0;
}

.color-sample {
 /* display: block;
  width: 10px;
  height: 25px;*/
  background-color:#CC9900;
  color:#CC9900;
 /* float:left;*/
  margin-right:5px;
}

.color-sample2 {
 /* display: block;
  width: 10px;
  height: 25px;*/
 /* background-color:#CC9900;*/
  color:#CC9900;
 /* float:left;
  margin-right:5px;*/
}


  /* --------------- typo --------------- */
h1 {
	font-size:3.5em;
	-webkit-margin-before: 0;
	font-family: 'Oswald', Arial, sans-serif;
	/*font-family: 'Alex Brush', cursive;*/
	margin-top:0px;
	font-weight:400;
	color:#888;
	
}
h2 {
	display:block;
	font-size:1.8em;
	padding-top:15px;
	font-family: Georgia, Arial, sans-serif; font-weight: 300;
	font-weight:400;
	margin-bottom:0;
	position:relative;
	left:-28px;
}

h2 a {
	text-decoration:none;
		color:#000;
}

h2 a:hover,h2 a:active,h2 a:focus {
	text-decoration:none;
		color:#CC9900;
}

h3 {
	display:block;
	width:100%;
	font-size:1.5em;
	font-family: Georgia, Arial, sans-serif; font-weight: 300;
	font-weight:400;
}

h4 {
	display:block;
	/*font-size:1.8em;
	padding-top:50px;*/
	font-family: Georgia, Arial, sans-serif; font-weight: 300;
	font-weight:400;
	margin-bottom:0;
	position:relative;
	left:-28px;
}


p {
	font-family: Georgia, serif; font-weight: 300;
	font-size:0.98em;
	line-height:1.5em;
	}

.italique {
	/*font-size:1em;*/
	line-height:1.5em;
	color:#888;
	font-style: italic;
	}

.italique a  {
		text-decoration:none;
		color:#666;
	}

.italique a:hover, .italique a:focus{
		text-decoration:none;
		border:0;
		color:#CC9900;
		border:none;
	}

  /* --------------- designed --------------- */
#designed a, #designed a:visited {
		text-decoration:none;
		border:0;
		color:#999;
		border:none;
	}

#designed a:hover, #designed a:focus, #designed a:active {
		text-decoration:none;
		color:#CC9900;
		border:none;
	}


  /* --------------- references --------------- */
.references img {
	max-width:160px;
	max-height:160px;
	margin:30px 20px;
}

  /* --------------- liste c-article pour charte--------------- */
.c-article  ul {
	margin:0;
	padding:0;
	list-style-type:none;
	font-family: Georgia, Arial, sans-serif; font-weight: 300;
	font-size:0.9em;
/*background:url(../images/blackorchid.png);*/
/*background:url(../images/firstvalet_logo_big.jpg) center no-repeat ;*/
}
 
.c-article li {
	/*display:inline-block;  
	float:left;
	width:600px;
	min-height: 10px;
	padding:10px;
	background-color:#555;*/
	line-height:1.5em;
	margin:15px 0;
	list-style: none;
	}  
.c-article li:first-letter {
	font-size:120%;
	color:#CC9900;
} 
 
.voiturier {
	display:none;
} 


/* ---------------menu_langue --------------- */