/*    Fichier CSS
_________________________
_________________________

Créé par LM SYSTEM
Copyright © Octobre 2020
Tous droits réservés
_________________________
_________________________

*/

@media all and (max-width:1024px)
{

html, body { 
min-height:100%;
width:100%;
}

body {
background-color:#E6E6FA;
margin:0;
padding:0;
}

/*  ------------------------------------------------ HEADER -----------------------------------------------------  */

div#header {
width:100%;
height:120px;
margin-left:0;
margin-right:0;
margin-top:0;
margin-bottom:0;
background-color:#E6E6FA;
}

/*  ------------------------------------------------ BANNER -----------------------------------------------------  */

div#header_content {
position:absolute;
background-image:url(../images/LMS_Ban_r_.jpg);
background-repeat:no-repeat;
width:100%;
height:120px;
margin-left:0;
margin-top:0;
margin-bottom:0;
}

div#header_content h1 {
display:none;
}

/* ---------------------------------------------- HORIZONTAL MENU ----------------------------------------------  */

div#list-group {
position:absolute;
width:100%;
height:45px;
margin-top:15px;
margin-bottom:0;
background-color:#E6E6FA;
}

/*  ------------------------------------------ END OF HORIZONTAL MENU  -----------------------------------------  */


/* -------------------------------------------------- SUB MENU -------------------------------------------------  */

div#sub_sub_header {
position:absolute;
margin-left:10%;
margin-right:10%;
width:80%;
height:50px;
margin-top:30px;
margin-bottom:15px;

}

/*  ---------------------------------------------- END OF SUB MENU  --------------------------------------------  */



/* ------------------------------------------------- CONTENT  --------------------------------------------------  */

/* ---------------------------------------------- VERTICAL MENU ------------------------------------------------  */

div#nav_left {
float:none;
margin-left:30%;
margin-right:30%;
margin-bottom:30px;
margin-top:150px;
width:40%;
height:auto;
background-color:#E6E6FA;
list-style-type:none;
}

div#item1 {
position:relative;
width:auto;
height:auto;
margin-top:0;
margin-bottom:15px;
background-color:#bab7f3;
box-shadow:0px 0px 20px #3d3d3d;
border-radius:0px;
padding:0px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}

div#item2 {
position:relative;
width:auto;
height:auto;
margin-top:15px;
margin-bottom:0;
background-color:#bab7f3;
box-shadow:0px 0px 20px #3d3d3d;
border-radius:0px;
padding:0px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}

div#item3 {
position:relative;
width:auto;
height:auto;
margin-top:15px;
margin-bottom:0;
background-color:#bab7f3;
box-shadow:0px 0px 20px #3d3d3d;
border-radius:0px;
padding:0px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}

div#item4 {
position:relative;
width:auto;
height:auto;
margin-top:15px;
margin-bottom:0;
background-color:#bab7f3;
box-shadow:0px 0px 20px #3d3d3d;
border-radius:0px;
padding:0px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}

div#right {
position:absolute;
right:10px;
width:180px;
height:90px;
margin-top:90px;
margin-bottom:0;
background-color:#E6E6FA;
}


/* ----------------------------------------------- Center Page ----------------------------------------------  */

div#center {
position:absolute;
margin-left:1%;
margin-right:1%;
margin-top:20px;
width:auto;
height:auto;
padding-left:30px;
}

div#content {
margin-left:10px;
margin-right:15px;
padding-top:10px;
padding-left:20px;
padding-right:20px;
padding-bottom:20px;
background-color:#bab7f3;
box-shadow:0px 0px 20px #3d3d3d;
border-radius:0px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;	
}

div#erreur {
position:absolute;
left:22%;
width:580px;
height:auto;
margin-top:25px;
padding-right:5px;
background-color:#808080;
border-style:solid;
border-width:2px;
border-color:#566181;
border-top:none;
border-left:none;
}

div#accueil {
position:relative;
left:15px;
width:400px;
height:20px;
background-color:#bab7f3;
border-style:solid;
border-width:3px;
border-color:#566181;
border-top:none;
border-right:none;
border-bottom:none;
}

div#lms {
position:relative;
left:15px;
width:240px;
height:20px;
background-color:#bab7f3;
border-style:solid;
border-width:3px;
border-color:#566181;
border-top:none;
border-right:none;
border-bottom:none;
}

div#welcome {
position:relative;
left:15px;
width:400px;
height:20px;
background-color:#808080;
border-style:solid;
border-width:3px;
border-color:#566181;
border-top:none;
border-right:none;
border-bottom:none;
}

div#Site {
position:relative;
left:15px;
width:250px;
height:20px;
background-color:#000;
border-style:solid;
border-width:3px;
border-color:#566181;
border-top:none;
border-right:none;
border-bottom:none;
}

div#plan {
position:relative;
left:30px;
width:425px;
height:350px;
}

/* ----------------------------------------------- Afficher num tél ---------------------------------------------- */

#num {
z-index: 99; 
display: none; 
position: absolute; 
top:30px;
left:20px;
}

#fenetre {
border: 1px solid rgb(0, 0, 0); 
background: rgb(255, 255, 255) none repeat scroll 0% 50%; 
-moz-background-clip: initial; 
-moz-background-origin: initial; 
-moz-background-inline-policy: initial; 
width: 100px; 
height: 55px;
}


/* -------------------------------------------------------------------------------------------------------------  */

/* ----------------------------------------------------- Footer ------------------------------------------------  */

div#footer {
display:none;
}

/*  ------------------------------------------------ END OF THE DIV  -------------------------------------------  */

.welcome {
position:relative;
margin-left:10px;
margin-top:10px;
}

.left_title {
margin-top:0;
margin-bottom:0;
margin-left:0;
list-style-type:none;
text-align:center;
font-size:18px;
font-family:Trebuchet MS, verdana, times new roman, arial;
color:#000;
}

.left_menu {
margin-left:-10px;
margin-right:1px;
margin-top:-10px;
margin-bottom:10px;
list-style-type:none;
text-align:left;
font-size:14px;
font-family:Trebuchet MS, verdana, times new roman, arial;
}

.left_item {
margin-left:0;
margin-top:0;
margin-bottom:0;
list-style-type:none;
text-align:left;
font-size:14px;
font-family:Trebuchet MS, verdana, times new roman, arial;
color:#ffffff;
}

.menu_horiz {
position:relative;
top:10px;
left:5px;
font-size:16px;
font-family:Trebuchet MS, verdana, times new roman, arial;
color:#ffffff;
}


.info_spe {
top:0;
text-align:left;

margin-right:25px;
font-size:16px;
font-style:bold;
font-family:Trebuchet MS, verdana, times new roman, arial;
color:red;
}


.und {
text-decoration: underline;
}

hr {
width:90%;
height:1px;
padding:0;
margin:5px 10px;
border:0;
background:#566181;
}

h1 {
text-align:justify;
margin-left:30px;
font-size:26px;
font-family:Trebuchet MS, verdana, times new roman, arial;
color:#000;
}

h2 {
text-align:justify;
margin-left:28px;
font-size:24px;
font-family:Trebuchet MS, verdana, times new roman, arial;
color:#000;
}

h3	{
font-size:22px;
margin-left:30px
}

p {
text-align:justify;
margin-left:20px;
font-size:15px;
font-family:Trebuchet MS, verdana, times new roman, arial;
color:#000;
}

.bienvenue {
text-align:justify;
margin-left:5px;
font-size:18px;
font-family:Trebuchet MS, verdana, times new roman, arial;
color:#0d764e;
}

.alerte	{
text-align:center;
margin-top:130px;
font-size:28px;
font-style:bold;
font-family:Trebuchet MS, verdana, times new roman, arial;
color:red;	
}

ul {
padding-right:25px;
padding-bottom:10px;
text-align:left;
font-size:15px;
font-family:Trebuchet MS, verdana, times new roman, arial;
list-style-type:none;
}

strong {
font-size:15px;
}

table {
border: 1px solid #black;
padding-left:5px;
}

tr {
text-align:center;
margin:auto;
border: 1px solid #black;
margin-left:5px;
}

td {

width:auto;
height:auto;
border:0 solid #b2b8c6;
border: 1px solid #black;
text-align:center;
margin-top:0;
margin-bottom:0;
margin-left:5px;
}

th {
width:auto;
height:40px;
border:none;
border-collapse:separate;
background-color:#D7DAE1;
margin-top:0;
margin-bottom:0;
margin-left:5px;
}

.soft {
text-align:center;
border: 1px solid #black;
margin-top:0;
margin-bottom:0;
}

a:link {
text-decoration:none;
font-family:Trebuchet MS, verdana, times new roman, arial;
font-size:15px;
background-color:transparent;
color:#0d764e;
}

a:visited {
text-decoration:none;
color:#0d764e;
font-size:15px;
}

a:hover {
text-decoration:none;
font-size:15px;
color:#6D35DB;
}

img {
border:none;
}

.illustration {
float:left;
margin-left:5px;
margin-top:5px;
margin-right:5px;
border:none;
width:auto;
height:auto;
padding-left:0;
padding-right:5px;
}

.illustration2 {
float:right;
margin-right:0;
margin-top:5px;
margin-left:5px;
border:none;
width:auto;
height:auto;
padding-left:0;
padding-right:5px;
}

.illustration3 {
float:left;
margin-left:25px;
margin-top:5px;
margin-right:0px;
border:none;
width:45;
height:45;
padding-left:10;
padding-right:0px;
}

.Gmaps	{
display:none;	
}



.price_table {
width:370px;
height:35px;
border:15px;
background-color:#D7DAE1;
margin-top:0;
font-size:14px;
}

.footer {
clear:booth;
text-align:center;
margin-top:15px;
font-size:14px;
color:#000;
}
}