body {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;color: #000000;background: #9fa9b3 url(./../img/bg.jpg) repeat-x;margin: 0;padding: 0;text-align: center;}

img {border:0px;}

/* LIENS ______________________________________________*/


/* STRUCTURE _______________________________________________________________*/
#centre {width: 750px;margin-left: auto;margin-right: auto;margin-top: 0px;padding-top: 0.1px;text-align: right;position: relative;font-size: 7pt; color : #FFFFFF;}
#container{border: solid #000000 1px;background: #FFFFFF;padding: 10px; text-align: left;}

#bandeau0{background: url(./../img/bandeau_accueil.jpg) no-repeat;height: 140px;}
#bandeau1{background: url(./../img/bandeau_groupe.jpg) no-repeat;height: 140px;}
#bandeau2{background: url(./../img/bandeau_produits.jpg) no-repeat;height: 140px;}
#bandeau3{background: url(./../img/bandeau_rh.jpg) no-repeat;height: 140px;}
#bandeau4{background: url(./../img/bandeau_achats.jpg) no-repeat;height: 140px;}
#bandeau5{background: url(./../img/bandeau_finance.jpg) no-repeat;height: 140px;}
#bandeau6{background: url(./../img/bandeau_contacts.jpg) no-repeat;height: 140px;}

#menu{border-top:solid #000000 1px;border-bottom: solid #000000 1px;padding-top:3px;padding-bottom:3px;height: 20px;font-size: 11pt;font-weight: bold ;font-variant: small-caps; }
#menu a:link,a:visited,a:active {text-decoration: none;} #menu a:hover {text-decoration: underline;}

#menuz1{background: #ffb700;float:left;margin-right:45px;color:#000000;padding-left: 20px;padding-right:20px;}
#menuz1 a:link{color:#000000;} #menuz1 a:visited{color:#000000;} #menuz1a:active{color:#000000;}

#menuz2{background: #2b89bf;float:left;margin-right:25px;padding-left: 20px;padding-right:20px;}
#menuz3{background: #009a54;float:right;padding-left: 20px;padding-right:20px;}

#menuz2 a:link {color:#FFFFFF;} #menuz2a:visited {color:#FFFFFF;} #menuz2 a:active {color:#FFFFFF;}
#menuz3 a:link {color:#FFFFFF;} #menuz3 a:visited {color:#FFFFFF;} #menuz3 a:active {color:#FFFFFF;}

#contenus {height:100%;margin-top:5px;background: url(./../img/txt_bg.jpg) repeat-y;color:#000000;font-size:8pt;padding-bottom:20px;}
html>body #contenus {height: auto;min-height:300px;} /* Pour contourner non comprehension de min-height par IE*/

#menugauchez1,#menugauchez2,#menugauchez3,#menugauchez4,#menugauchez5,#menugauchez6{float:left;float:left;width:180px;margin-right:8px;}
#menugauchez1 ul,#menugauchez2  ul,#menugauchez3  ul{margin:0;padding:0px;border-top :1px solid #ffb700;}
	#menugauchez3  ul,#menugauchez4  ul,#menugauchez5  ul{margin:0;padding:0px;border-top :1px solid #2b89bf;}
	#menugauchez6 ul{margin:0;padding:0px;border-top :1px solid #009a54;}
#menugauchez1 ul li ,#menugauchez2  ul li,#menugauchez3  ul li,#menugauchez4  ul li,#menugauchez5  ul li,#menugauchez6  ul li{list-style-type:none;margin-bottom:1px;}
#menugauchez1 ul li a,#menugauchez2  ul li a{width: auto !important;width:100%;padding-left:20px;padding-top:0px;text-decoration:none;display:block;background:url(./../img/pucegauche1.gif) -0px -1px no-repeat ;border-bottom:1px solid #ffb700;color:#000000;}
	#menugauchez3 ul li a,#menugauchez4  ul li a,#menugauchez5  ul li a{width: auto !important;width:100%;padding-left:20px;padding-top:0px;text-decoration:none;display:block;background:url(./../img/pucegauche2.gif) -0px -1px no-repeat ;border-bottom:1px solid #2b89bf;color:#000000;}
	#menugauchez6 ul li a{width: auto !important;width:100%;padding-left:20px;padding-top:0px;text-decoration:none;display:block;background:url(./../img/pucegauche3.gif) -0px -1px no-repeat ;border-bottom:1px solid #009a54;color:#000000;}
#menugauchez1 ul li a:link,#menugauchez2  ul li a:link,#menugauchez3  ul li a:link,#menugauchez4  ul li a:link,#menugauchez5  ul li a:link,#menugauchez6  ul li a:link{}
	#menugauchez1 ul li a:visited,#menugauchez2  ul li a:visited,#menugauchez3  ul li a:visited,#menugauchez4  ul li a:visited,#menugauchez5  ul li a:visited,#menugauchez6  ul li a:visited{}
#menugauchez1 ul li a:hover,#menugauchez2  ul li a:hover{background : #ffb700 url(./../img/pucegauche1_hover.gif) -0px -1px no-repeat ;font-weight: bold;color:#FFFFFF;}
	#menugauchez3 ul li a:hover,#menugauchez4  ul li a:hover,#menugauchez5  ul li a:hover{background : #2b89bf url(./../img/pucegauche2_hover.gif) -0px -1px no-repeat ;font-weight: bold;color:#FFFFFF;}
	#menugauchez6 ul li a:hover{background : #009a54 url(./../img/pucegauche3_hover.gif) -0px -1px no-repeat ;font-weight: bold;color:#FFFFFF;}
#menugauchez1  ul li a:active,#menugauchez2  ul li a:active,#menugauchez3  ul li a:active,#menugauchez4  ul li a:active,#menugauchez5  ul li a:active,#menugauchez6  ul li a:active{}
.selected {font-weight:bold;}


#contacts{padding-left:20px;}
#contacts a:link{color: #000000;text-decoration: underline;} 
#contacts a:visited{color: #000000;text-decoration: underline;} 
#contacts a:active{color: #000000;text-decoration: underline;} 
#contacts a:hover{color: #999999;}

#txt{float:left;width:530px;padding-left:5px; padding-right:5px;text-align: justify;}
#txt a:link {color: #000000;text-decoration: underline;}
#txt a:visited{color: #000000;text-decoration: underline;}
#txt a:hover {text-decoration: underline;color: #999999;}
#txt a:active {text-decoration: underline;color: #999999;}

#footer {font-size: 7pt; text-align: center;}
#footer a:link,a:visited,a:active {text-decoration: none;color:#FFFFFF;} #footer a:hover {text-decoration: underline;color:#FFFFFF;}

#clir {clear:both;}
#left {float:left;margin-right: 5px;}
#right {float:right;margin-left: 5px;} 
	
/* MISE EN FORME ________________________________*/
h1{font-size: 14pt;font-weight: bold ;font-variant: small-caps;background-color: #494949;text-indent: 5px;padding:3px;color:#FFFFFF;}
h2{font-size: 12pt;font-style: italic;border-bottom: 1px solid #000000;}

h3{font-size: 10pt;font-weight: bold ;font-variant: small-caps;text-indent: 5px;}
h3.z1{background-color: #ffb700;color:#000000;}
h3.z2{background-color: #2b89bf;color:#FFFFFF;}
h3.z3{background-color: #009a54;color:#FFFFFF;}

hr{border: none;border-top: 1px solid #000000;}

#imgz1{float:right;text-align:center;font-size:7pt;margin-bottom:2px;}
#imgz1 img{border: 1px solid #ffb700;margin:5px;}
#imgz2{float:right;text-align:center;font-size:7pt;}
#imgz2 img{border: 1px solid #2b89bf;margin:5px; margin-right:0px;}
#imgz3{float:right;text-align:center;}
#imgz3 img{border: 1px solid #009a54;font-size:6pt;margin:5px; margin-right:0px;}

#txt li {list-style-type:square;}

.z1{font-weight:bold;background-color: #ffb700;color:#000000;}
.z2{font-weight:bold;background-color: #2b89bf;color:#FFFFFF;}
.z3{font-weight:bold;background-color: #009a54;color:#FFFFFF;}

.erreur{color:#ff0000;font-weight:bold;}

/* FORMULAIRES ________________________________*/
fieldset{font-size: 1em;border:1px solid #000000;padding:15px;margin-top:20px;text-align:left;}
label{display: inline;float: left;width: 120px;}

/* TABLEAUX ________________________________*/
table {font-size: 1em;border:0px solid #000000;}
.vide {}

/* PAGE ACCUEIL */
#contenus_accueil {height:100%;margin-top:5px;color:#000000;font-size:8pt;padding-bottom:5px;}
html>body #contenus_accueil {height: auto;min-height:560px;} /* Pour contourner non comprehension de min-height par IE*/

#acceuil_bloc1{float:left;width:100%;background-color:#e1e4e7;margin-bottom:10px;text-align:center;}
#acceuil_bloc2{float:left;width:235px;margin-right:15px;text-align:justify;background-color:#f5f6f7;}
#acceuil_bloc3{float:left;width:235px;text-align:justify;background-color:#f5f6f7;}
#acceuil_bloc4{float:right;width:230px;text-align:justify;background-color:#f5f6f7;}

#titre_bloc{background-color: #494949;color:#FFFFFF;font-size: 11pt;font-weight: bold ;font-variant: small-caps;text-align:center;}
#text_bloc{padding:4px;}
#text_coordonnees {text-align:left; padding:12px;width:85%;font-size: 10pt;font-weight: bold; padding-top :8px;}

#contenus_accueil  a:link {color:#FFFFFF;text-decoration: none;}
#contenus_accueil  a:visited {color:#FFFFFF;text-decoration: none;}
#contenus_accueil  a:active {color:#FFFFFF;text-decoration: none;} 
#contenus_accueil  a:hover {color: #CCCCCC;text-decoration: underline;}

/*#acceuil_bloc4 a:link {color:#000000;text-decoration: none;}
#acceuil_bloc4 a:visited {color:#000000;text-decoration: none;}
#acceuil_bloc4  a:active {color:#000000;text-decoration: none;} 
#acceuil_bloc4 a:hover {color: #999999;text-decoration: underline;}
*/

/* PAGES GROUPE*/

#localisation {width: 529px;height: 355px;background: url(./../img/groupe/localisation.gif);margin: 0; padding: 0;position: relative;}
#localisation li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}
#localisation a {display: block;/*border:1px solid;*/} 
#zone1 {left: 220px; top: 92px; width: 95px; height: 120px;}
#bresil {left: 135px; top: 223px; width: 70px; height: 75px;}
#argentine {left: 122px; top: 273px; width: 80px; }
#iran {left: 319px; top: 155px; width: 40px; height: 45px;}
#inde {left: 348px; top: 179px; width: 44px; height: 70px;}
#chine {left: 360px; top: 126px; width: 110px; height: 70px;}
#zone1 a {height: 96px;}
#bresil a {height: 70px;}
#argentine a {height: 75px;}
#iran a {height: 45px;}
#inde a {height: 50px; z-index:10;}
#chine a {height: 83px;}
#zone1 a:hover {background: url(./../img/groupe/localisation.gif) -220px -453px no-repeat;}
#bresil a:hover {background: url(./../img/groupe/localisation.gif) -135px -584px no-repeat;}
#argentine a:hover {background: url(./../img/groupe/localisation.gif) -122px -994px no-repeat;}
#iran a:hover {background: url(./../img/groupe/localisation.gif) -319px -876px no-repeat;}
#inde a:hover {background: url(./../img/groupe/localisation.gif) -348px -540px no-repeat;}
#chine a:hover {background: url(./../img/groupe/localisation.gif) -360px -847px no-repeat;}

#localisation_europe {width: 529px;height: 371px;background: url(./../img/groupe/localisation_europe.gif);margin: 0; padding: 0;position: relative;}
#localisation_europe li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}
#localisation_europe a {display: block;/*border:1px solid;*/} 
#angleterre {left: 49px; top: 55px; width: 150px; height: 120px;}
#espagne {left: 65px; top: 210px; width: 111px; height: 120px;}
#tunisie {left: 184px; top: 270px; width: 83px; height: 120px;}
#turquie {left: 295px; top: 230px; width: 160px; height: 120px;}
#roumanie {left: 247px; top: 143px; width: 120px; height: 120px;}
#france {left: 112px; top: 145px; width:100px; height: 120px;}
#angleterre a {height: 102px;}
#espagne a {height: 90px;}
#tunisie a {height: 90px;}
#turquie a {height: 75px;}
#roumanie a {height: 85px;}
#france a {height: 95px;}
#angleterre a:hover {background: url(./../img/groupe/localisation_europe.gif) -49px -794px no-repeat;}
#espagne a:hover {background: url(./../img/groupe/localisation_europe.gif) -65px -949px no-repeat;}
#tunisie a:hover {background: url(./../img/groupe/localisation_europe.gif) -184px -637px no-repeat;}
#turquie a:hover {background: url(./../img/groupe/localisation_europe.gif) -295px -969px no-repeat;}
#roumanie a:hover {background: url(./../img/groupe/localisation_europe.gif) -247px -510px no-repeat;}
#france a:hover {background: url(./../img/groupe/localisation_europe.gif) -112px -512px no-repeat;}

#localisation_fr {width: 425px;height: 371px;background: url(./../img/groupe/localisation_fr.gif);margin: 0; padding: 0;position: relative;}
#localisation_fr li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}
#localisation_fr a {display: block;/*border:1px solid;*/} 
#nesle {left: 199px; top: 62px; width: 150px; height: 20px;}
#conde {left: 0px; top: 70px; width: 160px; height: 20px;}
#gournay {left: 175px; top:80px; width: 150px; height: 20px;}
#mureaux {left: 177px; top:95px; width: 210px; height: 20px;}
#vthann {left: 110px; top:150px; width: 210px; height: 20px;}
#champfromier {left: 35px; top:193px; width: 225px; height: 20px;}
#confort {left: 253px; top:224px; width: 170px; height: 20px;}
#villieu {left: 77px; top:230px; width: 170px; height: 20px;}
#beaurepaire {left: 238px; top:248px; width: 194px; height: 20px;}
#romans {left: 69px; top:254px; width: 170px; height: 20px;}
#monteux {left: 63px; top:287px; width: 170px; height: 20px;}
#nesle a {height: 20px;}
#conde a {height: 30px;}
#gournay a {height: 20px;}
#mureaux a {height: 23px;}
#vthann a {height: 23px;}
#champfromier a {height: 37px;}
#confort a {height: 23px;}
#villieu a {height: 23px;}
#beaurepaire a {height: 23px;}
#romans a {height: 23px;}
#monteux a {height: 23px;}
#nesle a:hover {background: url(./../img/groupe/localisation_fr.gif) -200px -433px no-repeat;}
#conde a:hover {background: url(./../img/groupe/localisation_fr.gif) 0px -440px no-repeat;}
#gournay a:hover {background: url(./../img/groupe/localisation_fr.gif) -175px -820px no-repeat;}
#mureaux a:hover {background: url(./../img/groupe/localisation_fr.gif) -177px -466px no-repeat;}
#vthann a:hover {background: url(./../img/groupe/localisation_fr.gif) -110px -522px no-repeat;}
#champfromier a:hover {background: url(./../img/groupe/localisation_fr.gif) -37px -563px no-repeat;}
#confort a:hover {background: url(./../img/groupe/localisation_fr.gif) -253px -963px no-repeat;}
#villieu a:hover {background: url(./../img/groupe/localisation_fr.gif) -77px -603px no-repeat;}
#beaurepaire a:hover {background: url(./../img/groupe/localisation_fr.gif) -238px -990px no-repeat;}
#romans a:hover {background: url(./../img/groupe/localisation_fr.gif) -69px -626px no-repeat;}
#monteux a:hover {background: url(./../img/groupe/localisation_fr.gif) -63px -1027px no-repeat;}

/* PAGES CONTACTS */
#contacts_bloc {width:48%;float: left;margin-right:5px;margin-bottom:10px;}

/* PAGES GENERAL */
#contenus_general {height:100%;margin-top:5px;background: #666666 url(./../img/txt_bg2.jpg) repeat-y;color:#000000;font-size:8pt;padding-bottom:20px;text-align:justify;}
html>body #contenus_general {height: auto;min-height:300px;} /* Pour contourner non comprehension de min-height par IE*/
#contenus_general  a:link {color:#000000;text-decoration: none;}
#contenus_general  a:visited {color:#666666;text-decoration: none;}
#contenus_general  a:active {color:#666666;text-decoration: none;} 
#contenus_general  a:hover {color: #999999;text-decoration: underline;}

#contenus_general  li {list-style-type:square;}

/* ADMIN */
#contenusadmin {height:100%;margin-top:5px;background: url(./../img/txt_bg.jpg) repeat-y;color:#000000;font-size:8pt;padding-bottom:20px;}
html>body #contenusadmin {height: auto;min-height:600px;} /* Pour contourner non comprehension de min-height par IE*/

#contenusadmin table {border-collapse : collapse; width:100%;}
#contenusadmin td {border-width:1px; border-style:solid; border-color:black;padding:2px;}
#contenusadmin h3{font-size: 10pt;font-weight: bold ;font-variant: small-caps;text-indent: 5px;background-color:#666666; color:#FFFFFF;}

#menugauche{float:left;float:left;width:180px;margin-right:8px;}
#menugauche a{text-decoration: none;color:#000000;}
#menugauche a:link{}
#menugauche a:hover{font-weight:bold;}
#menugauche a:active{}

.titre  {background-color:#666666;color:#FFFFFF; font-weight:bold;}
.trier{font-size: 8pt;}