f@charset "UTF-8";
/* CSS Document */


body {
border: 0;
margin: 0;
padding: 0;
background: url(../images/pixel.jpg) repeat-x left 0px;
}

body#products-icons {
border: 0;
margin: 0;
padding: 0;
background: url(../images/pixel.jpg) repeat;
}

.global-products-icons {
margin: 0 auto 0 auto;
padding: 0;
width: 1014px;
background: url(../images/fond-accueil.jpg) no-repeat center 0px;
min-height: 700px;
}

div {
margin: 0;
padding: 0;
}

.clear {
clear: both;
}

a {
text-decoration: none;
}

img {
border: none;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
text-decoration: none;
}

h1 {
color: #0c2051;
font-size: 15px;
font-family: Geneva,Arial,sans-serif;
font-weight: bold;
}

h2 {
color: #fd6c02;
font-size: 12px;
font-family: Geneva,Arial,sans-serif;
font-weight: normal;
}

h3 {
color: #0c2051;
font-size: 11px;
font-family: Geneva,Arial,sans-serif;
font-weight: normal;
}



img {
border: 0;
}


/*  ///////////////////////////////////////////////////////// CONTENEURS et COMMUNS */

.conteneur-haut {
z-index: 10;
width: 1014px;
position: relative;
}

.conteneur-logo {
background: url(../images/EACM-logo.gif) no-repeat center 0px;
z-index: 200;
padding: 0;
margin: 0;
text-align: left;
position: absolute;
width: 120px;
height: 120px;
left: 10px;
top: 15px;
}

.conteneur-animation {
padding-left: 80px;
height: 165px;
width: 770px;
text-align: left;
}

.conteneur-texte-animation {
width: 150px;
text-align: right;
font-family: verdana, Arial, sans-serif;
float: left;
padding-top: 20px;
}

.conteneur-visuel-animation {
width: 467px;
float: left;
height: 165px;
padding-left: 20px;
}

.conteneur-bas {
width: 1014px;
min-height: 500px;
background: url(../images/bg-conteneur.gif) no-repeat left top;
}

.conteneur-gauche {
float: left;
/*margin-left: 30px;*/
padding-top: 20px;
width: 800px;
}

.conteneur-gauche-rubrique {
float: left;
/*margin-left: 30px;*/
padding-top: 30px;
width: 600px;
margin-left: 20px;
margin-right: 50px;
margin-top: 10px;
}


/*  ///////////////////////////////////////////////////////// sous categories */

.conteneur-sous-categories {
margin-left: 30px;
margin-top: 10px;
padding-right: 15px;
padding-bottom: 10px;
float: left;
width: 190px;
text-align: left;
background: url(../images/bg-menu-gauche.gif) no-repeat left 0px;
border: solid #94a7b8 1px;
}

.conteneur-sous-categories ul {
padding: 5px;
margin: 0;
width: 180px;
text-align: left;
}

.conteneur-sous-categories li {
width: 180px;
list-style-type: none;
border-bottom: solid #94a7b8 1px;
}

.conteneur-sous-categories ul li#actif a {
font-weight: bold;
width: 180px;
margin-top: 10px;
margin-bottom: 10px;
display: block;
font-family: verdana, Arial, sans-serif;
font-size: 13px;
padding-left: 17px;
width: 180px;
background: url(../images/puce.gif) no-repeat left 5px;
color: #00a375;
}

.conteneur-sous-categories ul li#passif a {
margin-top: 10px;
margin-bottom: 10px;
display: block;
background: url(../images/puce-roll.gif) no-repeat left 5px;
font-family: verdana, Arial, sans-serif;
font-size: 13px;
padding-left: 17px;
width: 180px;
color: #002D53;
}

.conteneur-sous-categories ul li#passif a:hover {
background: url(../images/puce.gif) no-repeat left 5px;
color: #00a375;
}

.conteneur-contenu-xsl {
font-family: Geneva, Arial, sans-serif;
float: left;
margin-left: 0px;
padding-left: 5px;
text-align: left;
width: 550px;
color: #000000;
}

.fiche  {
width: 550px;
margin-left: 0px;
}

.references {
text-align: left;
width: 500px;
padding-left: 5px;
margin-top: 10px;
}

.liste-vignette {
padding: 0;
margin: 0;
}

.articles {
}

#letitre {
font-size: 14px;
font-weight: bold;
color: #666666;
width: 550px;
/*overflow: hidden;*/
padding-left: 10px;
font-family: verdana, Arial, sans-serif;
text-align: left;
}

.grande-photo {
width: 200px;
min-height: 200px;
}

#conteneur-product img {
margin-top: 10px;
}

/*  /////////////////////////////////////////////////////////  CONTENEUR DROIT  */

.conteneur-droit {
text-align: left;
width: 160px;
margin: 0;
padding-left: 20px;
float: left;
margin-top: 20px;
border-left: solid #999999 1px;
}

a.banniere-news  {
display: block;
width: 150px;
height: 250px;
background: url(../images/banniere-news.gif) no-repeat;
}

div.banniere-news  {
display: block;
width: 150px;
height: 250px;
}

a.banniere-news:hover  {
background: url(../images/banniere-news-roll.gif) no-repeat;
}

.conteneur-droit .titre {
font-family: verdana, Arial, sans-serif;
font-size: 11px;
font-weight: bold;
color: #0c2051;
}


/*   ///////////////////////////////////////////////////////// "NEWS" */

.fermer-fenetre  {
float: left;
padding: 5px;
width: 130px;
height: 15px;
text-align: center;
margin-top: 0px;
margin-left: 5px;
}

.fermer-fenetre a {
display: block;
width: 130px;
height: 15px;
border: solid 2px #000000;
font-family: verdana, Arial, sans-serif;
font-size: 9px;
font-weight: normal;
color: #000000;
}

.fermer-fenetre a:hover {
border: solid 2px #999999;
color: #999999;
}

.mot-titre-news {
float: left;
color: #fd6c02;
font-family: verdana,Arial,sans-serif;
font-weight: normal;
font-size: 16px;
width: 300px;
text-align: center;
margin-top: 4px;
}

.conteneur-news {
clear: both;
margin-left: 10px;
padding: 0;
text-align: left;
}

/* Liste des news*/

.liste-news {
margin-top: 40px;
margin-bottom: 200px;
margin-left: 70px;
overflow: auto;
text-align: left;
height: 365px;
width: 580px;
}

.liste-news ul {
padding-left: 15px;
padding-top: 15px;
margin: 0;
border-top: solid 1px #00a375;
border-left: solid 1px #00a375;
}

.liste-news li {
list-style-type: none;
height: 70px;
}

.titre-news {
font-family: verdana, Arial, sans-serif;
font-size: 14px;
font-weight: bold;
color: #0c2051;
}

.descriptif-news {
font-family: verdana, Arial, sans-serif;
font-size: 12px;
font-weight: normal;
color: #0c2051;
}

.lirelasuite {
font-family: verdana, Arial, sans-serif;
font-size: 11px;
font-weight: normal;
color: #00a375;
font-style: italic;
}

/* Resultat contenus news*/

.bouton-retour-liste a {
display: block;
height: 40px;
line-height: 50px;
width: 400px;
color: #fd6c02;
font-family: verdana,Arial,sans-serif;
font-weight: normal;
font-size: 14px;
margin-bottom: 5px;
text-decoration: underline;
}

.bouton-retour-liste a:hover {
color: #fc9a52;
}

/*.article-news  {
overflow: scroll;
text-align: left;
height: 365px;
width: 580px;
}*/

.article-news span {
font-family: verdana, Arial, sans-serif;
font-size: 14px;
font-weight: bold;
color: #0c2051;
}

.affichage-news  {
margin-top: 10px;
margin-bottom: 60px;
margin-left: 40px;
font-family: verdana, Arial, sans-serif;
overflow: auto;
text-align: left;
/*height: 365px;*/
width: 600px;
height: 460px;
}



/* ///////////////////////////////////////////////////////// MENU SOCIETE */

.transversal {
z-index: 100;
position: absolute;
width: 180px;
height: 100px;
top: 75px;
left: 790px;
}

.transversal li {
list-style-type: none;
}

.transversal li a {
font-family: verdana, Arial, sans-serif;
color: #002d53;
padding-left: 14px;
display: block;
width: 113px;
height: 21px;
line-height: 21px;
text-decoration: underline;
float: left;
}

.transversal li#actif a {
font-family: verdana, Arial, sans-serif;
text-decoration: none;
font-size: 12px;
text-align: left;
/*background: #ffffff url(../images/bg-bouton.gif) no-repeat left bottom;*/
/*color: #3b72a1;*/
color: #fd6c02;
}

/*.transversal li#actif a:hover {
color: #999999;
}*/

.transversal li#passif a {
text-decoration: underline;
font-family: verdana, Arial, sans-serif;
font-size: 12px;
text-align: left;
color: ##002d53;
}

.transversal li#passif a:hover {
font-size: 12px;
/*color: #3b72a1;*/
color: #fd6c02;
}


/*  ///////////////////////////////////////////////////////// MENU METIERS */

.menu {
padding-top: 10px;
}

.menu ul {
padding-left: 190px;
width: 824px;
height: 28px;
}

.menu ul li {
/*width: 418px;*/
margin-left: 3px;
height: 28px;
list-style-type: none;
float: left;
}

.menu ul li a {
font-family: verdana, Arial, sans-serif;
padding-left: 10px;
display: block;
width: 113px;
height: 28px;
line-height: 28px;
text-decoration: none;
float: left;
}

.menu ul li#accueil a {
text-decoration: none;
font-size: 11px;
text-align: center;
color: #000000;
}

.menu ul li#accueil a:hover {
color: #999999;
}

.menu ul li#actif a {
font-family: verdana, Arial, sans-serif;
text-decoration: none;
font-size: 13px;
font-weight: bold;
text-align: left;
background: #ffffff url(../images/bg-bouton.gif) no-repeat left bottom;
color: #002c51;
}

.menu ul li#passif a {
font-family: verdana, Arial, sans-serif;
text-decoration: none;
font-size: 13px;
text-align: left;
background: #ffffff url(../images/bg-bouton.gif) no-repeat left top;
color: #666666;
}

.menu ul li#passif a:hover {
font-size: 13px;
background: #ffffff url(../images/bg-bouton.gif) no-repeat left bottom;
color: #999999;
}

.animation {
margin-left: 50px;
}


/*  ///////////////////////////////////////////////////////// ANIMATION HAUT */

.conteneur-texte-animation .titre-animation {
font-size: 16px;
font-weight: bold;
color: #0c2051;
}

.conteneur-texte-animation .sous-titre-animation {
font-size: 12px;
font-weight: bold;
color: #0c2051;
}

.conteneur-texte-animation .texte-animation {
font-size: 10px;
font-weight: normal;
color: #0c2051;
}



/*  ///////////////////////////////////////////////////////// product */


#TxtDescriptif {
font-family: verdana, Arial, sans-serif;
font-size: 12px;
text-align: left;
color: #666666;
}

/*#TxtDescriptif span {
font-family: verdana, Arial, sans-serif;
font-size: 11px;
text-align: left;
color: #666666;
}

#textdescriptif #TxtDescriptif {
font-family: verdana, Arial, sans-serif;
font-size: 11px;
text-align: left;
color: #666666;
}*/

/*.MsoNormal {
font-family: verdana, Arial, sans-serif;
font-size: 11px;
text-align: left;
color: #666666;
}
p .MsoNormal {
font-family: verdana, Arial, sans-serif;
font-size: 11px;
text-align: left;
color: #666666;
}*/


/*  ///////////////////////////////////////////////////////// Rubriques */

.legende {
color: #002a50;
font-size: 10px;
font-family: verdana, Arial, sans-serif;
font-weight: normal;
}

.txRub {
font-size: 12px;
color: #002a50;
font-family: verdana, Arial, sans-serif;
text-align: left;
font-weight: normal;
}

.TITRE_OR {
font-size: 16px;
color: #002a50;
font-family: verdana, Arial, sans-serif;
text-align: left;
font-weight: bold;
}

.static_res_template_text {
font-size: 11px;
color: #002a50;
font-family: verdana, Arial, sans-serif;
text-align: left;
font-weight: normal;
}



/*  /////////////////////////////////////////////////////////  ACCUEIL*/

.conteneur-texte-animation {
color: #0c2051;
}

.conteneur-mot-references a {
color: #ffffff;
}

#anim-accueil {
margin-top: 20px;
margin-left: 40px;
margin-right: 0px;
position:relative;
float: left;
width: 200px;
height: 200px;
}

#contenu-texte {
margin-top: 10px;
/*margin-top: 70px;*/
margin-left: 10px;
float: left;
width: 520px;
min-height: 300px;
text-align: left;
}

#references-accueil {
width: 660px;
text-align: left;
clear: both;
text-align: left;
padding: 0;                       
margin: 0;
}

#references-accueil ul {
width: 660px;
clear: both;
text-align: left;
}

#references-accueil li {
width: 220px;
list-style-type: none;
float: left;
height: 80px;
line-height: 16px;
text-align: left;
}

#references-accueil img {
width: 100px;
float: left;
}

#references-accueil .legende {
display: block;
padding-left: 10px;
padding-right: 10px;
height: 80px;
width: 100px;
font-family: verdana, Arial, sans-serif;
font-size: 10px;
color: #000000;
text-align: left;
}



.conteneur-pied {
clear: both;
width: 1014px;
text-align: left;
padding: 11px;
border-top: solid 1px #c6c6c6;
border-bottom: solid 1px #c6c6c6;
margin-top: 70px;
font-family: Geneva, Arial, sans-serif;
font-size: 10px;
color: #666666;
text-align: left;
}

/*  ///////////////////////////////////////////////////////////////////////////////// SITE POLLUES /////////////////////////////// */

/*
.conteneur-texte-animation {
color: #2e8561;
}

.conteneur-mot-references#sitespollues a {
color: #54a980;
}

.conteneur-mot-references#sitespollues a:hover  {
color: #6ec79c;
}

.menu#sitespollues ul li#actif a {
color: #0c2051;
}

.menu#sitespollues ul li#actif a:hover {
color: #0c2051;
}

.conteneur-sous-categories#sitespollues li a {
color: #ffffff;
background-color: #2e8561;
border: solid #2e8561 1px;
}

.conteneur-sous-categories#sitespollues li a:hover {
color: #ffffff;
background-color: #ffffff;
border: solid #6ec79c 1px;
color: #6ec79c;
}

.conteneur-contenu-xsl#sitespollues {
float: left;
padding-left: 40px;
width: 460px;
font-family: verdana, Arial, sans-serif;
color: #000000;
}

.conteneur-contenu-xsl img {
pmargin-bottom: 20px;
}

.conteneur-contenu-xsl#sitespollues #letitre {
font-size: 16px;
font-weight: bold;
color: #000000;
}

.conteneur-contenu-xsl#sitespollues #lesous-titre {
font-size: 12px;
font-weight: bold;
color: #000000;
}

.conteneur-contenu-xsl#sitespollues .letexte {
font-size: 10px;
font-weight: normal;
color: #000000;
}


.references#sitespollues  {
padding-top: 20px;
font-size: 31px;
color: #000000;
}

.references#sitespollues #gros-titrereferences {
font-size: 21px;
color: #999999;
}

.references#sitespollues #titre {
padding: 0;
margin: 0;
font-size: 11px;
font-weight: bold;
color: #000000;
}

.references#sitespollues p {
font-size: 9px;
color: #000000;
}*/