html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
a{
color:#F36725;
font-weight: bold;
}
h1{
font-family: 'Handlee',cursive;
font-weight: normal;
font-size: 35px;
}
h2{
font-size: 30px;
color: #F36725;
font-weight: normal;
font-family: 'Handlee', cursive;
}
p{
color:#404040;
font-size: 16px;
line-height: 18px;
}
#titre_bulle{
position: absolute;
font-family: 'Handlee', cursive;
margin-top: 43px;
font-size: 30px;
color: #F36725;
font-weight: bold;
width:100%;
text-align:center;
right:12px;
}
#reserv{
display:block;
-webkit-transform: rotate(-90deg); 
-moz-transform: rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
position: relative;
color: #383838;
font-weight: bold;
font-size:25px;
left:-450px;
top:140px;
text-align:center;
}
#reservation{
width: 950px;
height: 300px;
background: #59D977;
/*background: #59D977 url(../img/reservation.png) no-repeat;
background-position: 15px;*/
position: fixed;
right:-900px;
top: 30%;
border-radius: 40px 0px 0px 40px;
border:3px #54ab6b solid;
border-right: none; 
z-index: 2;
-moz-transition: right 1.2s ease-out;
-o-transition: right 1.2s ease-out;
-webkit-transition: right 1.2s ease-out;
}
#reservation:hover{
right:0px;
}
body{
background: #404040 url(../img/ray.png);
font-family:Tahoma,Arial;
position: relative;
}
#menu{
background: #59D977;
width:100%;
height:40px;
margin-top: 20px;
/*top:20px;
position: fixed;
z-index: 1;*/
}
#center_menu{
margin: auto;
width:1024px;
height:40px;
}
/*#recherche{
width:200px;
height:40px;
margin-left: 830px;
}
#champ_recherche{
width: 120px;
border: solid #78b585 1px;
height:16px;
margin-top: 10px;
}
#bouton_recherche{
background: url(../img/loupe.png) no-repeat;
width: 20px;
height: 20px;
border: none;
padding-top: 6px;
}*/
#menu_content {
font-weight: bold;
font-size: 20px;
color: #404040;
margin-left:170px;
}
#menu_content li{
float: left;
padding: 0 35px;
line-height: 40px;
border-radius:20px;
}
#menu_content li a {
color:#404040;
text-decoration: none;
}
#menu_content li:hover { 
background: #F36725;
}
#page{
width: 900px;
margin: 60px auto 0;
}
#header{
position: relative;
float: left;
width:100%;
height:230px;
}
#ville{
width:743px;
height: 87px;
background: url(../img/ville.png) no-repeat;
float:left;
margin-top:144px;
margin-left:160px;
}
#content{
clear: both;
float: left;
width:900px;
min-height:300px;
background: white;
border: solid 2px black;
margin-bottom: 10px;
}
#bulle{
width:299px;
height:229px;
/*background: url(../img/bulle.png) no-repeat;*/
left: 400px;
bottom:30px;
position: absolute;
}
#text_bulle{
position:relative;
top:-220px;
left:10px;
}
#connexion{
width: 140px;
height:120px;
position: absolute;
margin-left: 790px;
margin-top:50px;
}

#flashContent { width:100%; height:100%; }
#img_logo{
position: absolute;
left:51px;
bottom:6px;
}
#logo{
width: 450px;
height:355px;
position: absolute;
top:40px;
left:2px;
/*background: url(../img/logo.png) no-repeat;*/
}
#orange{
position:absolute;
bottom:228px;
left:78px;
}
#taxi_vert{
font-size: 60px;
font-family: 'Handlee', cursive;
color: white;
position:absolute;
bottom:255px;
left:165px;
}
#olivier{
font-size: 40px;
color: white;
font-family: 'Handlee', cursive;
position:absolute;
bottom:208px;
left:310px;
}
#titre_bulle{
position: absolute;
font-family: 'Handlee', cursive;
margin-left: 84px;
margin-top: 30px;
font-size: 30px;
color: #F36725;
font-weight: normal;
}
.num{
position: absolute;
display: block;
margin-top: 91px;
margin-left: 12px;
font-weight: bold;
font-size: 16px;
color: #383838;
}
span + span.num{
margin-left: 160px;
}
span + span.num + span.num{
margin-left: 6px;
font-size: 14px;
margin-top: 131px;
margin-left: 54px;
}
span + span.num + span.num + span.num{

margin-top:140px;
margin-left: 76px;
font-weight: bold;
}
#con{
color: white;
font-size: 16px;
font-weight: bold;
margin-left: 20px;
}
/*#login{
width: 120px;
height: 14px;
margin-left: 10px;
margin-top: 10px;
border: solid 1px white;
background: url(../img/degco.jpg) no-repeat;
color:white;
border-radius: 2px;
padding-left: 3px;
}
#pass{
width: 120px;
margin-left: 10px;
margin-top: 8px;
border: solid 1px white;
background: url(../img/degco.jpg) no-repeat;
color:white;
border-radius: 2px;
padding-left: 3px;
}*/
#inscription{
color:#59D977;
font-size: 14px;
margin-left: 10px;
margin-bottom: -10px;
}
#bouton_con{
font-weight: bold;
margin-left: 16px;
}
/*formulaire reservationnnnnnnnnnnnnnnnnnnnnnnnnnnnnn*/
#reservation>form>table{
color: #383838;
margin-left:50px;
border-spacing: 20px 10px;
}
#reservation input{
border: 1px solid #54AB6B;
width: 100%;
}
#reservation #envoyer{
position: absolute;
color: #383838;
background: #59D977;
border: #54AB6B solid 3px;
font-size:20px;
font-weight: bold;
width:120px;
left:330px;
top:260px;
}

.fb-like{
position:absolute;
left:680px;
bottom:0px;
top:95px;
z-index:0;
}
#fooot{
position:relative;	
width:900px;
margin:auto;
font-size:14px;
color:white;
padding-bottom:15px;
}
#footer{
width:100%;
}
.in_foot{
padding-left:15px;
color:white;
}
 
.in_foot a{
color:white;
font-weight:normal;
font-size:12px;
}

.in_foot a:hover{
color:#F36725;
text-decoration:none;
}