html {
    width: 100%;
}
html a {
    text-decoration: none;
}
body {
    Font-Family: Arial, Sans-Serif;
    height: 1530px;
    width: 99%;
}
#bloc_page {
    width: 100%;
    height: 100%;
}
html li {
    list-style: none;
}
/*========= Header =========*/

#header {
    position: relative;
    left: -2%;
    width: 103%;
    height: 16%;
    border-top: 5px solid black;
    border-bottom: 5px solid black;
    text-shadow: 0 10px 15px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.4);
    -ms-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.4);
    -o-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.4);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.4);
    margin-bottom: 5%;
}
#header img {
    display: inline-block;
    height: 100%;
}
#liste_tranq {
    display: inline-block;
    position: absolute;
    right: 2%;
    width: 40%;
    list-style-type: none;
    text-align: right;
    font-size: 2.4em;
    font-family: helvetica;
    font-weight: bold;
    color: #3e4547;
}
.tranq {
    margin-bottom: 4%;
}
/*========= barre navigation =========*/

#list_nav {
    height: 10%;
    width: 95%;
    border: 2px solid grey;
    margin-left: 3px;
    margin-bottom: 5%;
    background-color: #0c5fa5;
    background: -webkit-linear-gradient(top, #72c6e4, #3975a8);
    background: -moz-linear-gradient(top, #72c6e4, #3975a8);
    background: -ms-linear-gradient(top, #72c6e4, #3975a8);
    background: -o-linear-gradient(top, #72c6e4, #3975a8);
    background: linear-gradient(top, #72c6e4, #3975a8);
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    border-radius: 0.5em;
    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.4);
    -ms-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.4);
    -o-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.4);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.4);
}
.niv1 {
    float: left;
    width: 49%;
    position: relative;
    height: 80%;
    text-align: center;
}
#accueil {
    left: -4%;
}
#accueil a {
    display: block;
    width: 100%;
    height: 100%;
    padding-top: 8%;
    padding-left: 6%;
}
#separation {
    float: left;
    height: 100%;
    width: 2px;
    background-color: grey;
}
#accueil a,
#lecteurs {
	font:bold 4em arial;
    color: white;
    outline: none;
    text-align: center;
    letter-spacing: 0;
    text-transform: uppercase;
}
#lecteurs {
    position: relative;
    left: 1%;
    padding-top: 4%;
}
#list_lect {
    opacity: 0;
    position: relative;
    top: -90%;
    right: 10%;
    z-index: 10;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.niv2 {
	background-color: white;
    width: 100%;
    border: 2px dotted grey;
	padding:6%;
}
.niv2 a{
	color:black;
	font-weight:normal;
    text-transform: none;
}

/*========= bandeau compat =========*/

#compat {
    position: relative;
    left: -2%;
    width: 103%;
    margin: 0;
    padding: 1% 0% 1% 0%;
    background: url(images/ordiS2.m.gif) no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    font-weight: bold;
    color: grey;
    font-size: 2.8em;
    border-top: 5px black solid;
    border-bottom: 5px black solid;
    z-index: 5;
}
#pc_tab {
    font-size: 0.7em;
}
/*========= section Ac =========*/

#m_fd_acc {
    background: url(images/fd_acc.png)no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

#gras{
	font-weight:bold;
}
#maitrisez,
#nouveaute {
    font-weight: bold;
    text-align: center;
   
}
#nouveaute{
	display:block;
	text-align:center;
	margin: 15% 0 5% 0;
}
#maitrisez{
	font-size: 3em;
	 margin: 10% 0 15% 0;
}
.txt {
    font-size: 3em;
    text-align: justify;
    text-shadow: 0 10px 15px rgba(0, 0, 0, 0.2);
    padding-right: 3%;
}
.blue {
	color: blue;
}
.bold {
    font-weight: bold;	
}
#tel img {
    margin: 0;
    padding: 0;
    height: 50px;
    position: relative;
    bottom: -10px;
}
#small {
	font-size : 0.8em;
}
/*========= mentions legales =========*/
#titre_mentions{
	margin:20% 0 20% 0;
	text-align:center;
}
#adress{
	margin-top:30%;
}
/*========= lecteurs =========*/

#m_lecteurs {
    width: 100%;
    background-color: white;
    text-align: justify;
}

.titre_eskapad {
    color: #f79646;
}
h4{
	margin:0;
	font-weight:normal;
}
#m_lecteurs ul{
	margin:0;
}
section{
	margin:4% 0 4% 0;
	font-size:2em;
}
.titre_3S{
	color: #419a5f;
	text-transform: uppercase;
}
#titre_3S{
	text-align:center;
	font-size:10em;
	color:#86878b;
	margin-bottom:0;
}
#sstitre_VA3S{
	text-align:center;
	font-size:5em;
}
#m_lecteurs li {
    list-style-type: disc;
}
#m_lecteurs img {
    width: 100%;
}
#tbl_eskapad,
#tbl_3S {
    border-collapse: collapse;
    margin: 5% auto 5% auto;
	font-size:2em;
}
#tbl_eskapad td {
    border: 2px solid #f79646;
    text-align: center;
    padding: 2%;
}
#tbl_3S td {
    border: 2px solid #86878b;
    text-align: center;
	width:35%;
    padding: 2%;
}

/*========= mail =========*/
#m_mail{
	height:100%;
}
form,
#message {
	height:75%;
}
#m_mail input,
#m_mail textarea{
	font-size:4em;
}
textarea{
	width:93%;
	height:100%;
	margin:3%;
}
#m_mail input{
	margin:3%;
	width:50%;
}
#envoi{
	margin-top:5%;
	margin-bottom:5%;
}
#envoyer{
	height: 90%;
	border: 2px solid grey;
	color:white;
	padding:5%;
	font-weight:bold;
	position:relative;
	top:35%;
	left:20%;
	 background: -webkit-linear-gradient(top, #72c6e4, #3975a8);
    background: -moz-linear-gradient(top, #72c6e4, #3975a8);
    background: -ms-linear-gradient(top, #72c6e4, #3975a8);
    background: -o-linear-gradient(top, #72c6e4, #3975a8);
    background: linear-gradient(top, #72c6e4, #3975a8);
    -webkit-border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    border-radius: 0.3em;
    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.4);
    -ms-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.4);
    -o-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.4);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.4);
}
/*========= footer =========*/

#footer {
	position: relative;
	top: -50px;
    width: 100%;
    height: 60%;
    background-color: #303030;
}
#footer a {
    color: white;
	padding:4% 0 4% 0;
}
#contacter {
    width: 100%;
    background-color: #b1aeae;
    color: #393939;
    text-align: center;
    font-weight: bold;
    font-size: 3.7em;
    line-height: 50%;
    padding: 3% 0 2% 0;
}
#contacter span {
    font-size: 0.5em;
}
.titrefoot {
    font-size: 1.3em;
    font-weight: bold;
}
#serv_com,
#serv_tech {
    display: inline-block;
    width: 49%;
    font-size: 2em;
    text-align: center;
    color: white;
    font-size: 2.2em;
    line-height: 250%;
}
#serv_tech {
	width: 50%;
}
#serv_com {
    border-right: 1px solid white;
}
#logisurm {
	display:inline-block;
	position:relative;
    width: 100%;
	border-top: 1px solid white;
}
#logisurm a{
	display:inline-block;
	position:relative;
	left:15%;
}
#fd_ml{
	display:inline-block;
	border-top: 1px solid white;
	width:100%;
	height:10%;
}
#bt_ml{
	position:relative;
	top:20%;
	left:35%;
	font-size:2em;
}

.g-recaptcha > div {
    width: 100% !important;
    position: relative;
    left: 0;
    top: 20px;
}

.g-recaptcha > div > div {
	width: 100% !important;
	transform: scale(1.5);
	text-align: center;
	position: relative;
	left: 0;
	top: 20px;
}