/* Default CSS */
 

body {  }
 
img {border:0px; }
.nom {font-family:arial,helvetica,sans-serif;font-size:28px;letter-spacing:5px;font-weight:bold;color:#ff7100;}
.slogan {font-size:18px;color:#f06a00;font-family:arial,helvetica,sans-serif;text-align:center;margin-top:15px;margin-bottom:15px; }

.menu {  font-family:arial,helvetica,sans-serif;font-size:18px;}
a.menu:link {text-decoration:none;color:#ff7100;}     /* unvisited link */
a.menu:visited {text-decoration:none;color:#ff7100;}  /* visited link */
a.menu:hover {text-decoration:none;color:white;}   /* mouse over link */
a.menu:active {text-decoration:none;color:#ff7100;}   /* selected link */

.mail {text-decoration:none;color:black; }

li { margin-bottom:18px;}
p.ancre   {  text-align:center;font-family:arial,helvetica,sans-serif;font-size:16px;  }
p.ancre a  { text-decoration:none;color:black;  }



/*    ------------------------------    m480     ----------------------  */
@media (max-width: 480px) {

.max480 {display:block; }
.desktop {display:none; }
.w330 {width:320px;margin-left:10px; }
img {max-width:100%; }

.nom-container {width:95%;height:65px;margin-left:10px; margin-bottom:15px;background-color:#405777;color:#ff7100;padding:10px;text-align:center;border-radius: 10px;-webkit-border-radius:10px;-moz-border-radius:10px;}

.menu-container {width:95%px;height:100px;margin-left:10px;margin-bottom:15px;background-color:#405777;padding:10px;border-radius: 10px;-webkit-border-radius:10px;-moz-border-radius:10px; }
p.menu {text-align:center; font-family:arial,helvetica,sans-serif;font-size:18px; }

.banniere-adresse {width:310px;margin-left:10px;font-size:16px;color:#333333;text-align:center;font-family:arial,helvetica,sans-serif;margin-bottom:22px; }

.magasin-container {width:95%; border:1px black solid;border-radius:10px;margin-top:1px;margin-left:10px;background-image:url('images/background-gris-400.jpg');background-repeat:repeat-x;background-position:bottom;}
.magasin-pic {margin-bottom:1px;max-width:100%; }
.magasin-texte {width:95%; padding:10px; color:#405777;font-size:18px;font-weight:bold;font-family:arial,helvetica,sans-serif;text-align:right;line-height:24px; }
.magasin-texte-titre {font-size:24px; }


.services-container {width:95%;border:1px black solid;border-radius:10px;margin-top:22px;margin-left:10px;background: url('images/nacelle_cell.jpg')  no-repeat,  url('images/background-gris-400.jpg') bottom repeat-x; }
.services-titre { font-size:22px;font-family:arial,helvetica,sans-serif;font-weight:bold;color:#09567d;margin-left:10px;margin-top:224px;}
.liste-services {font-size:16px;font-family:arial,helvetica,sans-serif;font-weight:bold;color:#09567d;margin-left:-10px; }
.services-pic {float:right; }
/* .services-logo-cmeq {margin-left:30px; }  */
.services-bouton {margin-left:100px; }

.produits-container {width:95%;border:1px black solid;border-radius:10px;margin-top:22px;margin-left:10px;background: url('images/luminaire-1cell.jpg') top no-repeat,  url('images/luminaire-2cell.jpg') bottom  no-repeat; }
.produits-titre { font-size:22px;font-family:arial,helvetica,sans-serif;font-weight:bold;color:#09567d;margin-left:30px;margin-top:360px;}
.produits-sous-titre {font-size:16px;font-family:arial,helvetica,sans-serif;font-weight:bold;color:#09567d;margin-left:30px; }
.produits-liste {font-size:16px;font-family:arial,helvetica,sans-serif;font-weight:normal;color:#09567d;margin-left:10px;margin-left:-10px; }

.realisations-container {width:95%; border:1px black solid;border-radius:10px;margin-top:22px;margin-left:auto;margin-right:auto; }
.realisations-titre { font-size:22px;font-family:arial,helvetica,sans-serif;font-weight:bold;color:#09567d;margin-left:10px;}
.realisations-liste { font-size:16px;font-family:arial,helvetica,sans-serif;font-weight:normal;color:#09567d;margin-left:10px;margin-left:-10px;margin-right:10px;}

.bloc-germain-michaud {  margin-top:22px;margin-bottom:20px; }


/*  end cell code  */}








/*    ------------------------------    desktop     ----------------------  */

@media (min-width: 481px) {


.desktop {display:block; }
.max480 {display:none; }
.w900banniere {width:900px;height:210px;margin-left:auto;margin-right:auto; }

.nom-container {width:900px;height:35px;margin-left:auto;margin-right:auto;margin-bottom:15px;background-color:#405777;color:#ff7100;padding:10px;text-align:center;border-radius: 10px;-webkit-border-radius:10px;-moz-border-radius:10px;}

.banniere-container {width:900px;height:220px;margin-left:auto;margin-right:auto; }
.banniere-a-gauche {float:left;width:540px; }
.banniere-adresse {float:left;width:310px;font-size:16px;color:#333333;text-align:right;font-family:arial,helvetica,sans-serif;margin-top:30px;margin-right:49px; }

.menu-container {width:900px;height:20px;margin-left:auto;margin-right:auto;margin-bottom:15px;background-color:#405777;color:#ff7100;padding:10px;text-align:center;border-radius: 10px;-webkit-border-radius:10px;-moz-border-radius:10px; }
.menu-1 {float:left;margin-left:140px;margin-right:100px; }
.menu-2-3 {float:left;margin-right:100px; }
.menu-4 {float:left; }

.magasin-container {width:900px;height:394px;border:1px black solid;border-radius:10px;margin-top:22px;margin-left:auto;margin-right:auto;background-image:url('images/background-gris-400.jpg');background-repeat:repeat-x; }
.magasin-pic {float:left;margin-right:30px; }
.magasin-texte {width:330px;float:left;margin-right:20px;margin-top:20px;color:#09567d;font-size:20px;font-weight:bold;font-family:arial,helvetica,sans-serif;text-align:right;line-height:28px; }
.magasin-texte-titre {font-size:28px; }


.services-container {width:900px;height:394px;border:1px black solid;border-radius:10px;margin-top:22px;margin-left:auto;margin-right:auto;background: url('images/nacelle.jpg') top right no-repeat,  url('images/cmeq.png') bottom 10px right 120px no-repeat, url('images/background-gris-400.jpg') bottom repeat-x;  margin-bottom:100px;}
.services-titre { font-size:22px;font-family:arial,helvetica,sans-serif;font-weight:bold;color:#09567d;margin-left:30px;}
.liste-services {font-size:16px;font-family:arial,helvetica,sans-serif;font-weight:bold;color:#09567d; }
.services-pic {float:right; }
/* .services-logo-cmeq {margin-left:30px; }  */
.services-bouton {margin-left:100px;}

.produits-container {width:900px;height:1070px;border:1px black solid;border-radius:10px;margin-top:22px;margin-left:auto;margin-right:auto;background: url('images/luminaire-1desk.jpg') top right no-repeat,  url('images/luminaire-2desk.jpg') bottom no-repeat; }
.produits-sous-titre {font-size:16px;font-family:arial,helvetica,sans-serif;font-weight:bold;color:#09567d;margin-left:30px; }
.produits-liste {font-size:16px;font-family:arial,helvetica,sans-serif;font-weight:normal;color:#09567d;margin-left:10px;margin-left:-10px; }

.realisations-container {width:900px; border:1px black solid;border-radius:10px;margin-top:22px;margin-left:auto;margin-right:auto;background:    url('images/background-gris-400.jpg') bottom repeat-x;  }
.realisations-liste { font-size:16px;font-family:arial,helvetica,sans-serif;font-weight:normal;color:#09567d;margin-left:10px;margin-left:-10px;}

.bloc-germain-michaud {width:900px; margin-left:auto;margin-right:auto;  margin-bottom:20px;margin-top:20px;}

/*  end desk  */ }