body {
	margin:0;
	padding:0;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	overflow-x:hidden;
}
img {
	max-width:100%;
	height:auto;
	border:0;
}
h1, h2 {
	color:#1f77bd;
	font-weight:300;
}
h1 {
	font-size:38px;
	margin:0;
	padding:0;
	line-height:40px;
	margin-bottom:20px;
}
h2 {
	font-size:22px;
	margin:0;
	padding:0;
}
p {
	color:#333;
	font-size:14px;
}
.multicol p {
	margin:0 0 10px;
}
ul, ol {
	font-size:14px;
}
textarea {
	width:90%;
	height:100px;
	margin-top:3px;
}
.note {
	float:left;
	text-align:center;
	margin-right:20px;
}
.notelast {
	float:left;
	text-align:center;
}
.midWidth {
	width:305px;
	float:left;
	padding:10px;
	margin:0 0 20px;
}
.marged {
	margin-right:10px;
}
.fullWidth {
	clear:both;
	width:644px;
	padding:10px;
	margin:20px 0 0;
	display:block;
}
.clear {
	clear:both;
	display:block;
}
fieldset {
	border: solid 2px #E1EEF7;
}
legend {
	font-weight: bold;
}
label {
	font-size:14px;
}
#containerbg {
	position:relative;
	width:955px;
	margin:0 auto;
}
#background {
	position:absolute;
	top:-100px;
	opacity:0;
	z-index:9997;
}
.internal #background {
	top:-450px;
}
#container {
	margin:0 auto;
	z-index:9998;
	position:relative;
	overflow:hidden;
	zoom:1;
}
section a {
	color:#1f77bd;
}
header {
	padding:25px 0;
}
.sticky {
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	border-top: 0;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.75);
}
nav .logo {
	display:none;
}
nav .logo img {
	height:42px;
	padding:5px 0;
}
nav {
	position:absolute;
	z-index:9999;
	width:100%;
	top:135px;
	right:0;
	opacity:0;
	background-color: rgba(28, 118, 188, 0.7);
}
nav ul.innercontainer {
	list-style:none;
	margin:0 auto;
	overflow:hidden;
	zoom:1;
}
nav ul a {
	display:block;
	float:left;
	height:52px;
	color:#fff;
	text-decoration:none;
	font-size:17px;
	line-height:52px;
	padding-right:25px;
}
nav ul a.current {
	font-weight: bold;
}
.multicol {
	-moz-column-count: 2;
	-moz-column-gap: 25px;
	-webkit-column-count: 2;
	-webkit-column-gap: 25px;
	column-count: 2;
	column-gap: 25px;
}
#mobile-nav, #openmobile {
	display:none;
}
.footer {
	color:#666;
	font-size:14px;
	padding:50px 0;
}
.footer a {
	color:#666;
}
.tel {
	display:block;
	font-size:26px;
	background:url(../img/callus.png) no-repeat left center;
	height:41px;
	line-height:41px;
	padding-left:50px;
}
.satis {
	display:block;
	font-size:26px;
	background:url(../img/check-satis.jpg) no-repeat left center;
	height:48px;
	line-height:48px;
	padding-left:50px;
	color:#5dad24;
}
.tel a {
	color:#5dad24;
	text-decoration:none;
}
.button {
	display:block;
	width:160px;
	height:34px;
	background:url(../img/button.png) no-repeat;
	text-align:center;
	line-height:34px;
	color:#fff;
	text-decoration:none;
}
.language {
	display:none;
}

.otherSite a{
	border-bottom: 1px solid #b0cfe8;
	
}
#mobile-nav ul li span{
	display:block;
	padding:10px 0;
	font-weight:bold;
}
#mobile-nav ul ul{
	margin-left:20px;	
}
#navTop{
position:absolute;
top:0;
right:0;
}
#navTop ul{
	list-style:none;
	margin:0;
	padding:0;
}
#navTop ul li{
	float:left;
	margin-left:10px;
}
#navTop ul li a{
	color:#fff;
	background-color:#1f77bd;
	display:inline-block;
	padding:5px 10px;
	text-decoration:none;
	-webkit-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
}
#navTop ul li a.current{
	padding-top:15px;
	font-weight:bold;
}


/*
------------------------------------------
Desktop : érans normaux + tablettes format paysage
------------------------------------------
*/

@media screen and (min-width: 955px) {
 #container {
 width:955px;
}
 .innercontainer {
 width:955px;
 margin:0 auto;
}
 section, aside {
 margin-top:320px;
}
 .internal section, .internal aside {
 margin-top:100px;
}
 section {
 float:right;
 width:680px;
}
 aside {
 float:right;
 width:225px;
 padding-right:50px;
}
 .stickyContact {
 position: fixed;
 top: 150px;
 width:225px;
}
 nav ul.innercontainer {
/*
padding:0 0 0 275px;
 width:680px;*/
 padding:0;
}
 nav.sticky ul.innercontainer {
 padding:0 0 0 50px;
 width:auto;
}
 nav.sticky div {
 margin:0 auto;
 width:955px;
}
 nav div .logo {
 float:left;
}
}




/*
------------------------------------------
Tablette
------------------------------------------
*/	
@media only screen and (min-width : 481px) and (max-width : 955px) {
 nav {
 padding:0 10px;
}
 nav ul.innercontainer {
 padding:0px 0 0 20px;
 width:auto;
}
 nav.sticky ul.innercontainer {
 padding:0px;
}
 section {
 margin-top:120px;
}
 #container {
 padding:0 10px;
}
.midWidth {
width:auto;
float:none;
padding:10px;
margin:0;
display:block;
}
.marged {
margin-right:0;
}
.fullWidth {
clear:both;
width:auto;
padding:10px;
margin:0;
display:block;
}
}

/*
------------------------------------------
iPhone
------------------------------------------
*/


@media screen and (max-width: 480px) {
 h1 {
 font-size:21px;
}
 h2 {
 font-size:16px;
}
 p {
 margin:0;
 padding:5px 0;
 font-size:13px;
}
 .footer {
 display:none;
}
 header {
 overflow: hidden;
 zoom:1;
 padding:10px 0;
}
 #logo {
 float:left;
 width:60%;
}
 #logo img {
 max-width:60%;
 height:auto;
}
 nav, #containerbg, #navTop {
 display:none;
}
 #openmobile {
 display:block;
 float:right;
 background:#609fd0;
 padding:5px;
}
 #mobile-nav {
 display:block;
 background:#609fd0;
 padding:0 15px;
 color:#fff;
}
 #mobile-nav ul {
 display:none;
 margin:0;
 padding:0;
 list-style:none;
}
 #mobile-nav ul li a {
 display:block;
 padding:10px 0;
 border-top:1px solid #b0cfe8;
 color:#fff;
 text-decoration:none;
}
 #mobile-nav ul li:first-child a {
 border-top:0;
}
 #mobile-nav img {
 display:inline;
 padding-right:15px;
}
 #container {
 padding:0 10px;
}
 .multicol {
 -moz-column-count: 1;
 -moz-column-gap: 0;
 -webkit-column-count: 1;
 -webkit-column-gap: 0;
 column-count: 1;
 column-gap: 0;
}
 .tel {
 text-align:center;
 padding:0;
 background:none;
}
 .button {
 margin:3px auto;
}
 .contact {
 position:fixed;
 bottom:0;
 left:0;
 right:0;
 padding:3%;
 background:#fff;
 width:94%;
 -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.75);
}
 .contact p {
 margin:0;
 padding:0;
 float:left;
}
 .contact p.floatright {
 float:right;
}
 .contact h2, .contact .text {
 display:none;
}
 #mobilepadding {
 height:90px;
}
 .tel {
 font-size:18px;
}
 .language {
 float:right;
 display:block;
 padding:5px;
 margin-right:5px;
 color:#fff;
 text-decoration:none;
 background-color: rgba(28, 118, 188, 0.7);
}
.midWidth {
width:auto;
float:none;
padding:10px;
margin:0;
display:block;
}
.marged {
margin-right:0;
}
.fullWidth {
clear:both;
width:auto;
padding:10px;
margin:0;
display:block;
}
.note {
float:left;
text-align:center;
margin-right:5px;
display:block;
}
.notefirst {
float:none;
text-align:left;
display:block;
clear:both;
}
.notelast {
float:none;
text-align:right;
display:block;
clear:both;
}
}