html,body                 { margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; background-color: #e7ecf2; width: 100%; overflow-x: hidden; }
.entete                   { position: fixed; top: 0px; left: 0px; width: 100%; height: 110px; background-color: #ffffff; -webkit-box-shadow: 0px 1px 3px 0px rgba(77, 77, 77, 0.2); box-shadow: 0px 1px 3px 0px rgba(77, 77, 77, 0.2); z-index: 200; }
.entete_box               { transition-duration: .6s; transition-timing-fonction: linear; transition-delay: 0s; position: absolute; top: 0px; left: 0px; width: 100%; height: 50px; margin-top: 10px; margin-left: 170px; z-index: 200; overflow: hidden; }
.entete_titre             { position: relative; top: 0px; left: 0px; float: left; padding-left: 14px; padding-right: 14px; font-family: 'Scada'; font-weight: normal; font-size: 15px; line-height: 40px; color: #aaaaaa; background-color: #ffffff; cursor: pointer; z-index: 12; }
.entete_titre:hover       { position: relative; top: 0px; left: 0px; float: left; padding-left: 14px; padding-right: 14px; font-family: 'Scada'; font-weight: normal; font-size: 15px; line-height: 40px; color: #ffffff; background-color: #db5a47; cursor: pointer; z-index: 12; }
.entete_logo              { transition-duration: .6s; transition-timing-fonction: linear; transition-delay: .6s; position: absolute; top: 10px; left: 20px; width: 130px; height: 130px; background-image: url(logo.jpg); z-index: 2; }
.entete_menu              { transition-duration: .6s; transition-timing-fonction: linear; transition-delay: 0s; margin-top: 60px; margin-left: 170px; }
.entete_menu_texte        { position: relative; top: 0px; left: 0px; float: left; padding-left: 14px; padding-right: 14px; font-family: 'Scada'; font-weight: normal; font-size: 15px; line-height: 40px; color: #ffffff; background-color: #db5a47; 	z-index: 12; }
.page                     { transition-duration: .6s; transition-timing-fonction: linear; position: relative; top: 0px; margin-top: 130px; left: 170px; margin-right: 170px;  z-index: 8; }
.page_liste             { transition-duration: .6s; transition-timing-fonction: linear; position: relative; width: 20%; height: 200px; float: left; text-align: left;  cursor: pointer; color: #333333; }
.page_liste_contenu       { position: relative; left: 0px; margin-right: 20px; height: 120px; background-color: #ffffff; background-repeat: no-repeat; background-position: center right; cursor: pointer; color: #333333; -webkit-box-shadow: 0px 1px 3px 0px rgba(77, 77, 77, 0.2); box-shadow: 0px 1px 3px 0px rgba(77, 77, 77, 0.2);}
.pl3       { position: relative; background-color: #ffffff; left: 0px; margin-right: 20px;}
.page_liste_contenu:hover { position: relative; left: 0px; margin-right: 20px; height: 120px; background-color: #db5a47; cursor: pointer; color: #ffffff; }
.page_liste_titre         { position: absolute; margin: 14px 0px 0px 14px; font-family: Arial; font-size: 13px; font-weight: bold; line-height: 15px; }
.page_liste_exten         { position: absolute; margin: 34px 0px 0px 14px; font-family: Arial; font-size: 13px; font-weight: normal; line-height: 15px; }
.page_liste_taille        { position: absolute; margin: 54px 0px 0px 14px; font-family: Arial; font-size: 13px; font-weight: normal; line-height: 15px; }
.page_liste_desc        { position: absolute; margin: 74px 0px 0px 14px; font-family: Arial; font-size: 13px; font-weight: normal; line-height: 15px; }
.footer                   { position: fixed; bottom: 0px; float: left; width: 100%; height: 40px; background-color: #ffffff; background-image: url(icone_hlp.png); background-repeat: no-repeat; background-position: center left; -webkit-box-shadow: 0px 0px 3px 0px rgba(77, 77, 77, 0.2); box-shadow: 0px 0px 3px 0px rgba(77, 77, 77, 0.2); z-index: 100; }
.footer_texte             { position: relative; padding-left: 40px; font-family: 'Scada'; font-weight: normal; font-size: 14px; line-height: 40px; color: #555555; }
.th1          {font-family: 'Scada';}
.titrebw          {font-family: 'Scada';font-size: 20px;}

@media screen and (max-width: 1440px) {
.page                     { transition-duration: .6s; transition-timing-fonction: linear; margin-right: 160px; }
.page_liste               { transition-duration: .6s; transition-timing-fonction: linear; width: 43%; }
.page_liste_contenu       { margin-right: 20px; }
.page_liste_contenu:hover { margin-right: 20px; }
}

@media screen and (max-width: 1024px) {
.entete_logo              { transition-duration: .6s; transition-timing-fonction: linear; transition-delay: 0s; top: -150px; }
.page_liste               { transition-duration: .6s; transition-timing-fonction: linear; width: 50%; }
.page                     { transition-duration: .6s; transition-timing-fonction: linear; left: 20px; margin-right: 20px; }
.entete_box               { transition-duration: .6s; transition-timing-fonction: linear; transition-delay: .6s; margin-left: 20px; }
.entete_menu              { transition-duration: .6s; transition-timing-fonction: linear; transition-delay: .6s; margin-left: 20px; }
}

@media screen and (max-width: 512px) {
.page                     { transition-duration: .6s; transition-timing-fonction: linear; left: 20px; margin-right: 20px; }
.page_liste               { transition-duration: .6s; transition-timing-fonction: linear; width: 100%; }
}