/*--- Style général ---**/
* { margin: 0; padding: 0; }
HTML, BODY { height: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #666; }
BODY { background: #13007C; }
IMG  { border: none; }
A    { outline:none; }
H1   { font-size:16px; }
H2   { font-size:14px; margin-bottom:10px; }
UL   { list-style:none; }

/*--- Centre ---*/
#center { width: 931px; position: relative; margin-left: -466px; left: 50%; padding-top: 10px; }

/*--- Header ---*/
#header   { height: 134px; background: #13007C url(../pics/charte/header.jpg) top left no-repeat; padding-top:11px; }
#header A { display:block; width:325px; height:80px; margin:0 0 0 22px; font-size:0; text-indent:none; text-decoration:none; }

/*--- Contenu ---*/
#contenu { background: #FFF; }

/*--- Colonne ---*/
#colGauche  { float: left; width: 130px; height: 435px; background: #FFF url(../pics/charte/bg-colG.jpg) top left no-repeat; padding-top:30px; }
#drapeaux   { text-align:center; }
#drapeaux A { margin:0 5px 0 5px; }
#tel        { font-size:0; text-indent:-9000px; background:url(../pics/charte/bg-tel.jpg); height:73px; border-bottom:2px solid #EF7C59; }
#reseau_entreprendre { bottom:0; position:absolute; }

/*---  Article ---*/
#article    { float: left; width: 799px; background: #FFF; }
#article H1 { margin-bottom:10px; }
#article P  { clear: both; margin: 0 0 10px 0; line-height:16px; }
#article DIV { line-height:16px; }

/*--- Menu ---*/
#menu { height: 70px; margin: 0 0 10px 0; padding: 0 0 0 10px; background: url(../pics/charte/bg-menu.gif) top left repeat-x; font-size: 11px; font-weight: bold; text-transform: uppercase; font-family:Arial, Helvetica, sans-serif; }
#menu LI { float: left;  height: 23px; margin: 28px 8px 0 8px; width:112px; }
#menu A.item  { display: block; height:18px; background: #FFF url(../pics/charte/bg-li-menu.gif) top left no-repeat; padding: 4px 0 0 0; color: #13007C; text-decoration: none; text-align: center; }
#menu A.item:hover, #menu .actif A.item{ background: #FFF url(../pics/charte/bg-li-menu-on.gif) top left no-repeat; color: #FFF; }

UL.subMenu { display:none; position:absolute; z-index:1000; list-style:none; margin:0 0 0 50px; background:#fff url(../pics/charte/bg-submenu.jpg) top left no-repeat; padding-top:10px!important; }
UL.subMenu LI { float:none!important; margin:0!important; height:22px!important; padding:0 0 0 0!important; width:auto!important; }
LI.subMenuItem A { display:block; padding:4px 0 0 35px!important; color:#DC5C17; height:18px; background: url(../pics/charte/bg-li-sub-menu-bar.jpg) top left no-repeat; text-decoration:none; text-transform:none; }
#subMenu-produits LI { width:270px!important; }
#subMenu-environnement LI { width:125px!important; }
UL.subMenu A:hover { color:#2D1D86!important; }
UL.subMenu A.last { background: url(../pics/charte/bg-li-sub-menu-bar-last.jpg) top left no-repeat!important; }

/*--- Footer ---*/
#footer { clear: both; height: 20px; background: #FFF; }
#footer A  { text-decoration: none; color: #13007C; }
#footer A:hover { text-decoration: underline;  }
#footer UL { margin: 0 0 0 130px; list-style: none;  }
#footer LI { float: left; padding: 0 10px 0 10px; }

/* Accueil */
#bienvenue   { margin-top:50px; }
#bienvenue P { margin-left:18px; text-align:justify; }
#actualite   { width:324px; position:absolute; left:607px; top:250px; }
#actualite P { margin:0; padding:5px 20px 0 10px; background:#F6F5FC; text-align:justify; }
#plaquette   { display:none; background:#fff url(../pics/charte/plaquette.jpg) top right no-repeat!important; margin-top:15px!important; text-align:right!important; }

/* Formulaires */
LABEL { color:#999; font-size:11px; font-weight:bold; }
INPUT, TEXTAREA, SELECT { border:1px solid #A2A3A7; border-right:1px solid #D2D5D6; border-bottom:1px solid #D2D5D6; padding:2px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #999; }

/*--- Contact ---*/
#contact { background:url(../pics/charte/bg-contact.jpg) no-repeat; padding:42px 0 0 42px; }
#demande { float:left; overflow:auto; }
#envoyer { margin:100px 0 0 20px; border:none; font-size:0; text-indent:-9000px; width:110px; height:22px; background:url(../pics/charte/bg-submit.jpg); cursor:pointer; }

/*--- Coordonnees ---*/
#coordonnees { background:url(../pics/charte/bg-div-coordonnees.jpg) no-repeat; padding:42px 0 0 42px; }
#adresse     { font-weight:bold; font-size:11px; color:#000; width:170px; text-align:center; letter-spacing:-1px; padding-top:5px; }

/*--- Société - présentation ---*/
#societe-presentation { background:url(../pics/charte/societe-cosinus.jpg) top left no-repeat; height:500px; }

/*--- Société - Nos atouts ---*/
.atout    { width:220px; float:left; text-align:justify; padding:0 20px 0 10px; font-size:11px; }
.atout H2 { color:#2D1D86; font-size:12px; font-weight:bold; text-align:center; margin-bottom:15px; }

/*--- Société - Notre savoir faire ---*/
.savoir-faire    { float:left; width:190px; text-align:justify; margin-top:160px; }
.savoir-faire H2 { color:#DC5C17; font-size:12px; font-weight:bold; margin-bottom:15px; }
.savoir-faire P  { padding:0 5px 0 5px; }

/*--- Produits ---*/
#produits            { margin:70px 0 0 30px; text-align:justify; }
#produits-legende    { width:380px; margin:-10px 0 20px 350px!important; font-style:italic; }
#produits-details    { width:300px; float:left; margin-right:15px; }
#produits UL         { margin:0 0 10px 30px; }
#produits-fiches     { float:left; margin-bottom:30px; width:auto; }
#produits-fiches A   { display:block; float:left; margin-right:10px; }
#produits-cnomo      { float:left; }
#produits-cnomo A    { display:block; float:left; margin-right:10px; }

/*--- Classes générales ---*/
.left    { text-align: left !important; }
.right   { text-align: right !important; }
.center  { text-align: center !important; }
.spacer  { clear: both; line-height: 1px; font-size:1px; }
.violet  { color:#2D1D86; }
.orange  { color:#DC5C17; }
.gauche  { float:left; clear:none!important; }
.droite  { float:right; clear:none!important; }
.strong  { font-weight:bold; }
.message { font-weight:bold; }