body {
font-size: 100%;
font-family: "Trebuchet MS", sans-serif;
color: #5C5C5C;
background-color: #E0E0E0;
}
header {
padding: 0;
margin: 0;
}
#logo {text-align: left;}
#entete {text-align: center;}
nav {
border-top: 2px solid blue;
border-bottom: 2px solid blue;
}
nav a {
line-height: 170%;
white-space: nowrap;
color: #EAEAEA;
font-weight: bold;
text-decoration: 0;
background-color: #4200A5;
padding: 6px;
margin: 4px;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}
nav .lienv {
color: grey;
font-weight: bold;
text-decoration: 0;
background-color: #4200A5;
padding: 6px;
margin: 4px;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}
#inter {
}
a {
color: #0016A5;
text-decoration: none;
white-space: nowrap;
}
footer {
text-align: center;}
}
a {
text-decoration: none;
font-style: italic;
font-weight: bold;
}
.retour01 {min-height: 50px; background-image: url(imgs/bkg02.jpg);}
.paragr {background-color: #FF3300; color: #000000;}
.paragr h3 {color: #ffffff;}
.paragr2 {background-color: #A8A8A8;}

.visu {font-size: 150%; color: #ffffff; font-weight: bold; font-style: italic;}
.visu2 {font-size: 120%; 
background-color: #ffffff; 
padding: 8px;}

.imglogo {
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 8px;}
.imgun {display: block; border: 4px solid #464646; margin-left: auto; margin-right: auto;}
.imgdeux {display: block; border: 4px solid #FFBF00; margin-left: auto; margin-right: auto;}
.imggch {vertical-align: middle;}
.imgdrt {float: right; display: block;}
.signal { 
text-align: center; 
background-image:url(imgs/bkg02.jpg);
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px; 
overflow: hidden;}

ul {display: block;}

.form01 {width: 80%;}
.form01 input, .form01 textarea{
font-size: 110%;
color: grey;
border: 1px solid black;
}
.lenom, .leprenom, .courriel {width: 100%;}
.demande {width: 100%;}
.telephone {width: 50%;}
.envoi, .envoi input {
text-align: center;
padding: 8px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;}

.devis {
width: 50%;
height: 90px;
font-size: 140%;
font-weight: bold;
margin-left: auto;
margin-right: auto;
padding-top: 40px;
border: 2px solid black;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
background-color: #ffffff;
background-image: url('imgs/bandeJN.jpg');
background-repeat: no-repeat;
}

h1 {
font-size: 200%;
text-align: left;
color: #181818;
font-weight: normal;
margin: 6px;
}
h2 {
font-size: 150%;
text-align: center;
font-weight: normal;
color: #747474;
}
h3 {
font-size: 140%;
color: #464646;
font-weight: normal;
text-align: left;
margin: 4px;
}
h4 {
font-size: 110%;
color: #464646;
font-weight: normal;
text-align: center;
margin: 4px;
}
h5 {
font-size: 100%;
color: #464646;
font-weight: bold;
text-align: center;
margin-top: 12px;
}
footer {
background-color: #787878;
color: #ffffff;
}
footer a{
color: #ffffff;
text-decoration: underline;
}

@media only screen and (max-width: 1024px)
{
.deplace nav .lienv {
display: block;
width: 96%;
color: grey;
font-weight: bold;
text-decoration: 0;
background-color: #4200A5;
padding: 6px;
margin-top: 8px;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}
#logo {text-align: center;}
.form01 {width: 100%;}
.devis {width: 90%;}
h1 {text-align: center;}
.imglogo {margin-left: auto; margin-right: auto}
}