/* Initialisation */

* { margin: 0 0 0 0; padding: 0 0 0 0; border-collapse:collapse;}
.img {border-collapse:collapse;}

/* ------------------------------------ */
/* inclusion de la fonte de caractere */

@font-face {
font-family: 'myriad_proregular';
src: url('fonts/myri-webfont.eot');
src: url('fonts/myri-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/myri-webfont.woff') format('woff'),
url('fonts/myri-webfont.ttf') format('truetype'),
url('fonts/myri-webfont.svg#myriad_proregular') format('svg');
font-weight: normal;
font-style: normal;
}

/* ------------------------------------ */
/* SEPARATION (ligne avec 30 pixels de blanc) */

.separation {width:100%; height:30px;}

/* ------------------------------------ */
/* ICONES DU MENU */

.glyphicon { margin-right:10px; }
.panel-body { padding:0px; }
.panel-body table tr td { padding-left: 15px }
.panel-body .table {margin-bottom: 0px; }

/* ------------------------------------ */
/* PIQUE A BOOTSTRAP */

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: #eeeeee;
}

.panel-title > a {
  color: #eeeeee;
}


/* ------------------------------------ */
/* BODY */

body {
margin: 0;
background: #000000 url('images/fnd-site.jpg') center top;
}

/* ------------------------------------ */
/* TEXTE GLOBAL DU SITE */

html, body, input, textarea, p, td, li {
font-family: "myriad_proregular","Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:16px;
line-height:1.333em;
color:#555555;
}

/* ------------------------------------ */
/* COULEUR DES LIENS */

a:link {color: #445E60; text-decoration: underline;}
a:visited {color: #445E60; text-decoration: underline;}
a:hover {color: #000000; text-decoration: underline;}
a:active {color:#445E60; text-decoration: none;}

/* ------------------------------------ */
/* TABLE GLOBALE ENSERRANT LE SITE RESPONSIVE */

.tableglobale {
  width:1200px;
  background-color: #ffffff;
  border: 1px solid #8C3000;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  
  margin-top: 15px;
  margin-bottom: 0;
  margin-right: auto;
  margin-left: auto;
  
  padding-right: 15px;
  padding-left: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.tableglobale:before,
.tableglobale:after {
display: table;
content: " ";}

.tableglobale:after {clear: both;}

@media (min-width: 360px) {.tableglobale {width: 360px;}}
@media (min-width: 480px) {.tableglobale {width: 460px;}}
@media (min-width: 580px) {.tableglobale {width: 560px;}}
@media (min-width: 680px) {.tableglobale {width: 660px;}}
@media (min-width: 768px) {.tableglobale {width: 738px;}}
@media (min-width: 880px) {.tableglobale {width: 850px;}}
@media (min-width: 992px) {.tableglobale {width: 962px;}}
@media (min-width: 1200px) {.tableglobale {width: 1170px;}}

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

.header {
width:100%;
border-collapse:collapse;
margin:0 0 0 0;
text-align:center;
}

/* ------------------------------------ */
/* MENU de GAUCHE */

.menugauche {
width: 100%;
margin-left: 0;
margin-bottom: 15px;
text-align: center;
padding: 15px;
background: #ffffff url('images/fond-menu.jpg') left top repeat-x;
border: 1px solid #8C3000;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-webkit-box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.5);
box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.5);
}

.menugaucheFondRubrique {
width: 100%;
margin-left: 0;
margin-bottom: 5px;
margin-top: 7px;
text-align: left;
padding-top: 7px;
padding-bottom: 7px;
padding-left: 10px;
padding-right: auto;
background-color: #333333;
border: 1px solid #000000;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

a.menugaucheFondRubrique:link {color:#ffffff; text-decoration: none;}
a.menugaucheFondRubrique:visited {color:#ffffff; text-decoration: none;}
a.menugaucheFondRubrique:hover {color:#ffffff; text-decoration: underline;}
a.menugaucheFondRubrique:active {color:#ffffff; text-decoration: none;}

.menugaucheLiensRubriques {
font-family: "myriad_proregular","Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:16px;
line-height:1;
font-weight: normal;
font-style: normal;
}

a.menugaucheLiensRubriques:link {color:#ffffff; text-decoration: none;}
a.menugaucheLiensRubriques:visited {color:#ffffff; text-decoration: none;}
a.menugaucheLiensRubriques:hover {color:#ffffff; text-decoration: underline;}
a.menugaucheLiensRubriques:active {color:#ffffff; text-decoration: none;}

.menugaucheFondPages {
width: 100%;
margin-left: 0;
margin-bottom: 0;
text-align: left;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 20px;
padding-right: auto;
background-color: transparent;
border: 0 solid #8C3000;
}

.menugaucheLiensPages {
font-family: "myriad_proregular","Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:18px;
line-height:1;
font-weight: normal;
font-style: normal;
}

a.menugaucheLiensPages:link {color:#333333; text-decoration: none;}
a.menugaucheLiensPages:visited {color:#333333; text-decoration: none;}
a.menugaucheLiensPages:hover {color:#333333; text-decoration: underline;}
a.menugaucheLiensPages:active {color:#333333; text-decoration: none;}

/* ------------------------------------ */
/* COLONNE DU CONTENU */

.contenu {
width:100%;
border-collapse:collapse;
margin-top:0;
margin-bottom:0;
margin-left:auto;
margin-right:auto;
text-align:center;
}

.fondTitreRubriques {
width: 100%;
height: 32px;
margin-left: 0;
margin-bottom: 0;
text-align: left;
padding-top: 5px;
padding-bottom: auto;
padding-left: 30px;
padding-right: auto;
background: #ffffff url('images/fnd-rubrique.jpg') left top no-repeat;
border: 0 solid #8C3000;
}

.titreRubriques {
font-family: "myriad_proregular","Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:18px;
font-weight: bold;
color: #ffffff;
}

.fondTitreArticles {
width: 100%;
height: 32px;
margin-left: 0;
margin-bottom: 0;
text-align: left;
padding-top: 3px;
padding-bottom: auto;
padding-left: 20px;
padding-right: auto;
background: #ffffff url('images/fnd-rubrique.jpg') left top no-repeat;
border: 0 solid #8C3000;
}

.titreArticles {
font-size:20px;
font-weight: bold;
font-style: italic;
color: #555555;
padding-top: 15px;
padding-left: 0;
}


/* ------------------------------------ */
/* Blocs de contenu */

.blocContenu {
padding: 15px;
text-align:justify;
}

/* ------------------------------------ */
/* Gestion des depassements */

.clear {
clear: both;
height: 0;
line-height: 0;
}

/* ------------------------------------ */
/* GOOGLE map responsive */

.google-maps {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.google-maps iframe,   
.google-maps object,  
.google-maps embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* ------------------------------------ */
/* ACTUALITE */

.titreActu {
font-family: "myriad_proregular","Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:24px;
font-weight: bold;
color: #000000;
}

.texteActu {
font-family: "myriad_proregular","Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:16px;
font-weight: normal;
color: #555555;
}

/* ------------------------------------ */
/* PRODUITS */

.caseProduit {
width: 100%;
text-align: left;
margin-top: 15px;
margin-bottom: 15px;
margin-left: 0;
margin-right: 0;
background:  url('') left top no-repeat;
border: 1px solid #8C3000;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
padding: 15px;
}

.imgProduit {
border: 0 solid #555555;
padding: 0;
margin: 0;
}








.produitNom {
font-size:20px;
font-weight: bold;
color: #8C3000;
padding: 10px;
padding-bottom: 0;
}

.produitDescription {
font-size:16px;
font-weight: normal;
color: #555555;
text-align: justify;
padding: 10px;
}

.produitPrix {
font-size:18px;
font-weight: bold;
color: green;
padding: 10px;
}

.refProduit {
font-size:12px;
font-weight: normal;
color: #555555;
padding: 1px;

}

.portGlobal {
font-size:12px;
font-weight: normal;
color: #555555;
padding: 1px;
}

.videoProduit {
width: 100%;
margin-top: 15px;
margin-bottom: 15px;
margin-left: 15px;
margin-right: 15px;
}



/* ------------------------------------ */
/* FOOTER */

.footer {
width: 100%;
height: 0;
text-align: center;
margin: auto;
background: #8C3000 url('') left top no-repeat;
border: 0 solid #8C3000;
}

/* ------------------------------------ */
/* OMBRE */

.ombre {
width:1200px;
border-collapse:collapse;
margin-top:0;
margin-bottom:0;
margin-left:auto;
margin-right:auto;
text-align:center;
}

@media (min-width: 360px) {.ombre {width: 360px;}}
@media (min-width: 480px) {.ombre {width: 460px;}}
@media (min-width: 580px) {.ombre {width: 560px;}}
@media (min-width: 680px) {.ombre {width: 660px;}}
@media (min-width: 768px) {.ombre {width: 738px;}}
@media (min-width: 880px) {.ombre {width: 850px;}}
@media (min-width: 992px) {.ombre {width: 962px;}}
@media (min-width: 1200px) {.ombre {width: 1170px;}}

.ombreImg {
width:100%;
border-collapse:collapse;
margin-top:0;
margin-bottom:0;
margin-left:auto;
margin-right:auto;
text-align:center;
}








































/* ------------------------------------ */
/* TABLE GLOBALE */

.tableGlobale {
width:100%;
height:100%;
border-collapse=collapse;
}

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

.tableHeader {
width:960px;
height:100px;
background-color:#eeeeee;
padding:auto;
margin:auto;
-moz-opacity:0.8;
opacity: 0.8;
filter:alpha(opacity=80);
vertical-align: middle;
}

.titreSite {
font-size: 32px;
font-family: Lucida Grande,Tahoma,Courier,Verdana;
font-weight: bold;
color: #333333;
margin-left:20px;
}

.sloganSite {
font-size: 14px;
font-family: Lucida Grande,Tahoma,Courier,Verdana;
font-weight: bold;
font-face: italic;
color: #333333;
margin-left:20px;
}


/* ------------------------------------ */
/* MENU HAUT */

.menuHaut {
background-color:#333333;
width:960px;
height:40px;
padding:7px 7px 7px 7px;
vertical-align: middle;
-moz-opacity:0.9;
opacity: 0.9;
filter:alpha(opacity=90);
}

.tdMenuHaut {
background-color:#333333;
padding-left:10px;
padding-right:10px;
}

a.liensTop:link { 
color: white; 
background-color: #333333;
text-decoration: none;
border: 1px solid #333333;
padding: 2px 2px 2px 2px;
}
a.liensTop:visited { 
color: white; 
background-color: #333333;
text-decoration: none;
border: 1px solid #333333;
padding: 2px 2px 2px 2px;
}
a.liensTop:hover {
color: black; 
background-color: white;
text-decoration: none;
border: 1px solid #333333;
padding: 2px 2px 2px 2px;
}


/* ------------------------------------ */
/* TABLE CONTENU */

.tableContenu {
width:960px;
height:480px;
background-color:#ffffff;
padding:0 0 0 0;
-moz-opacity:0.9;
opacity: 0.9;
filter:alpha(opacity=90);
vertical-align: top;
}


/* CELLULE DU MENU */

.tdMenu {
width:240px;
}

.tableDuMenu {
padding:7px 7px 7px 7px;
display:inline-block;
vertical-align:top;
width:240px;
}

.tableTitreDuMenu {
border-bottom: solid #bbbbbb 1px;
border-top: solid #bbbbbb 1px;
margin: 0 0 0 0;
width: 240px;
}

.titresMenu {font-size: 16px;
font-family: Verdana;
font-weight: normal;
color: #555555;
margin-left: 2px;}

.liensMenu {font-size: 14px;
font-family: Verdana;
font-weight: normal;
color: #445E60;
margin-left: 2px;
margin-top: 5px;
}

a.liensMenu:link {color:#445E60; text-decoration: none;}
a.liensMenu:visited {color:#445E60; text-decoration: none;}
a.liensMenu:hover {color:#444444; text-decoration: underline;}
a.liensMenu:active {color:#445E60; text-decoration: underline;}

a.liensMenuTop:link {color:#445E60; text-decoration: none;}
a.liensMenuTop:visited {color:#445E60; text-decoration: none;}
a.liensMenuTop:hover {color:#444444; text-decoration: underline;}
a.liensMenuTop:active {color:#445E60; text-decoration: underline;}

.tableListeDuMenu {
/* background-color: #eeeeee; */
/* background-image: url(''); */
margin: 3px 3px 3px 3px;
padding: 3px 3px 3px 3px;
width: 100%;
border: solid #dddddd 0px;
}

/* CELLULE DU CONTENU */

.tdContenu {
width:720px;
}



/* ------------------------------------ */
/* TITRES RUBRIQUES (BIENVENUE, ACTUALITE, PAGES) */

.tableTitreRubriques {
background-color: #333333;
background-image: url('images/fnd-menu.jpg');
width: 100%;
border: solid #dddddd 0;
}



/* ------------------------------------ */
/* ARTICLES */

.tableTitreArticle {
background-color: #333333;
background-image: url('images/fnd-menu.jpg');
margin: 0px;
padding: 1px;
width: 100%;
border: solid #dddddd 0;
}

.titreArticle {
font-size: 16px;
font-family: Verdana,Courier,Tahoma;
font-weight: normal;
color: #445E60;
}

.tableArticle {
/* background-color: #DeDeDe;
background-image: url(''); */
margin: 0px;
padding: 3px 3px 3px 3px;
border: solid #dddddd 0px;
width: 100%;
font-size: 14px;
font-family: Lucida Grande,Verdana,Courier,Arial;
font-weight: normal;
color: #eeeeee;
}


/* ------------------------------------ */
/* PAGE CONTACT */

.tableContact {
background-color: #eeeeee;
background-image: url('images/fnd-contact.jpg');
margin: 0px;
padding: 7px;
width: 100%;
border: solid #dddddd 0px;
font-size: 14px;
font-family: Verdana,Courier,Arial;
font-weight: Bold;
color: #eeeeee;
}







/* ------------------------------------ */
/* IMAGES */

img {vertical-align:top; border:0;}
a img { border:0;}

/* HEADERS */

h1 {color: #555555;
font-size: 32px;
font-family: Verdana;
line-height: 1.166em;
font-weight: bold;
letter-spacing:-1px;
margin:3px 0 6px 0;
}

h2 {color: #1d1d1d;
font-size: 16px;
font-family: Verdana;
line-height: 1.166em;
font-weight: normal;
letter-spacing:-1px;
margin:3px 0 6px 0;
}

h3 {color: #1d1d1d;
font-size: 14px;
font-family: Verdana;
line-height: 1.166em;
font-weight: normal;
letter-spacing:-1px;
margin:3px 0 6px 0;
}

/* ------------------------------------ */
/* FORMULAIRES */

input, select {vertical-align: middle; font-weight: normal;}

.input {
width:203px;
height:21px;
border:1px solid #cfcfcf;
background:#ffffff;
padding:0 0 0 5px;
font-size: 14px;
}

.select {
border:1px solid #cfcfcf;
background:#eeeeee;
padding:0 0 0 3px;
font-size: 14px;
}

.textarea {
width:600px;
height:172px;
border:1px solid #b4b4b4;
background:#ffffff;
padding:0 0 0 5px;
overflow:auto;
font-size:18px;
}


/* ------------------------------------ */
/* TEXTE DU PIED DE PAGE */

.z {font-size: 10px; font-family: Verdana; font-weight: normal; color: #777777;}

a.z:link {color:#777777; text-decoration: underline;}
a.z:visited {color:#777777; text-decoration: underline;}
a.z:hover {color:#555555; text-decoration: underline;}
a.z:active {color:#777777; text-decoration: underline;}

.copyright {font-size: 10px; font-family: Verdana; font-weight: normal; color: #777777;}