*, *:before, *:after {
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

body {
font-size:10px;
line-height:10px;
background:#d9d9d9;
font-family:'Roboto', sans-serif;
overflow:scroll;
}

p, ul {
font-size:1.4em;
line-height:1.2em;
}

.entete h1 {
text-indent:-9999px;
margin:10px 0;
background:url(images/taxis-omnes-bernard.png) 50% 50% no-repeat;
line-height:50px;
}

.header-img {
border:4px solid #fff;
border-radius: 4px;
}

.phone {
padding:0.5em 0;
color:#0055a8;
background:#fff;
border-radius:4px;
margin-bottom: 1em;
}

.phone p {
font-size:2em;
line-height:1.9em;
text-align:center;
margin:0;
font-weight:900;
}

.news {
padding:0.5em;
color:#c00;
background:#fff;
border-radius:4px;
margin-bottom: 1em;
}

.news h2 {
margin:0 0 0.5em 0;
text-align:center;
}

.news p:last-child {
    text-align: center;
}

.horaires-marees {
padding:0.5em 0;
background:#fff;
border-radius:4px;
margin-bottom: 1em;
}

.horaires-marees h2 {
margin:0 0 0.5em 0;
color:#0055a8;
text-align:center;
}

.horaires-marees p {
text-align:center;
}

.taxis {
border:4px solid #fff;
border-radius:4px;
}

.menu .actif {
background-color:#ebebeb;
border-color:#adadad;
color:#333;
}

h2 {
font-family:'Roboto', sans-serif;
font-size:2em;
font-weight:900;
font-style:italic;
}

.pied {
padding:0.5em 0;
background:#fff;
margin:0 180px 10px 180px;
border-radius:4px;
}

.pied h2 {
width:352px;
height:25px;
background:url(images/taxis-omnes-bernard-medium.png) 0 0 no-repeat;
text-indent:-9999px;
margin:10px auto;
}

img.min {
border:4px solid #41a62a;
border-radius:4px;
}

.float-right {
float:right;
margin-left:10px;
}

.float-left {
float:left;
margin-right:10px;
}

.btn-success {
background-color:#41a62a;
}

.align-center {
text-align:center;
}

@media (min-width: 1200px) {
	p.taxis {
	width:1170;
	height:150px;
	background:url(images/taxis.jpg) 0 0 no-repeat;
	border:4px solid #fff;
	border-radius:4px;
	}

	.menu {
	margin-bottom:10px;
	}

    .menu a.btn {
    padding: 6px 10px;
    }
}

@media (min-width:980px) and (max-width:1024px) {
	p.taxis {
	width:940px;
	height:120px;
	background:url(images/taxis-medium.jpg) 0 0 no-repeat;
	border:4px solid #fff;
	border-radius:4px;
	}

	.menu {
	margin-bottom:10px;
	}

	.menu a {
	font-size:1.2em;
	}
}

@media (max-width:800px) {
	.menu a  {
	font-size:1em;
	}

	.menu [class^="icon-"]  {
	display:none;
	}

	p.taxis {
	width:728px;
	height:93px;
	background:url(images/taxis-small.jpg) 0 0 no-repeat;
	border:4px solid #fff;
	border-radius:4px;
	}

	.pied {
	padding:0.5em 0;
	background:#fff;
	margin:0 60px 10px 60px;
	border-radius:4px;
	}
}