body { background-image: url(../im/fond2.jpg); margin: 0px 0 0px; padding: 0; border: 0 }
#fond2 { background:url(../im/body.jpg) repeat-x; }
#conteneur	  { font-family: "Lucida Grande", Verdana, Lucida, serif; background-repeat: repeat-y; margin: auto; width: 967px }
#tete   		    { background-image: url(../im/tete2.jpg); padding-top: 20px; width: 967px; height: 166px; overflow: hidden }
*html #tete   		    {  padding-top: 18px; }
#corp				     { background: url(../im/corp.jpg) repeat-y; width: 967px; height: auto }
#pied    		    { color: #c0c0c0; font-size: 12px; background-image: url(../im/pied.jpg); text-align: center; width: 967px; height: 44px }
#colDroite    { background: url(../im/col-droite.jpg) no-repeat right top; text-align: center; float: left; width: 716px; height: 368px }
#colGauche     { background: url(../im/col-gauche.jpg) no-repeat; float: left; width: 251px; height: 368px }
#colGauche-societe       { background: url(../im/col-gauche-accueilV2.jpg) no-repeat; float: left; width: 251px; height: 460px }

/*#tete a  { text-indent: -2000px; width: 220px; height: 100px; display: block }*/

.btGauche       { text-align: center; margin-left: 3px; padding-top: 4px; padding-bottom: 4px; border-top: 1px none; border-bottom: 1px solid #aaa }
.btGauche a, .btGauche a:visited    { color: #aaa; font-weight: bold; font-size: 11px; text-decoration: none }
.btGauche a:hover    { color: #696969 }

.btGaucheS  { text-align: center; margin-left: 3px; padding-top: 4px; padding-bottom: 4px; border-bottom: 2px solid #000 }
.btGaucheS a, .btn-gauche-s a:visited   { color: #000; font-weight: bold; font-size: 11px; text-decoration: none }
.btGaucheS a:hover { text-decoration: underline }

#contenu             { background: url(../im/col-droite.jpg) no-repeat right top; float: left; width: 716px; height: auto }

.titre   { background-repeat: no-repeat; background-position: left bottom }

.photoGC                     { font-size: 9px; line-height: 10px; background-color: white; text-align: center; float: left; margin-right: 10px; margin-bottom: 5px; padding: 6px; border-style: solid; border-width: 1px; border-color: #d3d3d3 #696969 #696969 #d3d3d3 }
.photoG           { font-size: 9px; line-height: 10px; text-align: center; float: left; margin-right: 10px; margin-bottom: 5px; padding: 0 }
.photoDC                  { font-size: 9px; line-height: 10px; background-color: white; text-align: center; float: right; margin-bottom: 5px; margin-left: 10px; padding: 6px; border-style: solid; border-width: 1px; border-color: #d3d3d3 #696969 #696969 #d3d3d3 }
.photoD           { font-size: 9px; line-height: 10px; text-align: center; float: right; margin-bottom: 5px; margin-left: 10px; padding: 0; border: solid 0 #39546d }

.dates  { color: #ee7900; font-weight: bold; margin-top: 0; padding-top: 0 }

.soustitre      { font-weight: bold; font-size: 14px; margin-top: 0; padding-top: 0; padding-left: 3px }

.tarif  { font-weight: bold; background-color: #eef1af; text-align: center; margin-top: 2px; margin-bottom: 2px; padding-top: 2px; padding-bottom: 2px }
.petit { font-size: 10px; font-family: Tahoma, Arial, sans-serif }

.lightbox         { text-align: center; margin: 5px 0; padding: 0 }
.lightboximg2 {float:left; background-color: white; text-align:center; padding: 6px; border-style: solid; border-width: 1px; border-color: #d3d3d3 #696969 #696969 #d3d3d3}
.parag   { margin-top: 10px; margin-bottom: 5px; margin-left: 20px;font-size: 12px}
 
.parag p  { color: black; font-size: 12px}
.parag h4     { color: #002381; font-weight: bold; font-size: 16px; margin-top: 20px; margin-bottom: 0; padding-top: 0; padding-bottom: 0 }
.parag h5     { font-size: 14px;font-weight: bold; }
.lien  { padding-bottom: 5px }

.titreGros    { color: #936700; font-size: 16px; margin-top: 20px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; border-bottom: 2px solid #ee7900 }
.titre      { color: black; text-align: center; margin-top: 0px; margin-bottom: 10px; padding: 4px; border: solid 3px silver }

#pied a, #pied a:visited   { color: #fff; font-size: 8px; text-decoration: none; padding-top: 10px; padding-right: 2px; padding-left: 2px; border-bottom: #c29a3d }
html>body div#pied a, html>body div#pied a:visited   {font-size: 10px;  }
.pied-droite   { padding-top: 14px; padding-left: 610px }
#pied a:hover    { color: white; border-bottom: 1px solid #fff }
/******/

/***Menu principal**/
#menu           { padding-top: 1px; padding-left: 300px }
html>body div#menu  		  {  padding-top:0px; height: 85px }
ul#navig li    { float: left; margin: 0px 0 0; padding-top: 0px; padding-right: 5px; padding-left: 5px;display:block !important }
ul#navig    { list-style-type: none; padding-top: 4px; display: block !important }
ul#navig li a, ul#navig li a:visited           { text-indent: -2000px; float: left;width: 118px; height: 85px;display:block !important  }
ul#navig li#navig-btn-1 a    { background: url(../im/BTN-societe.gif) no-repeat; width: 118px; height: 85px; cursor: pointer  }
ul#navig li#navig-btn-2 a      { background: url(../im/BTN-outillages.gif) no-repeat }
ul#navig li#navig-btn-3 a    { background: url(../im/BTN-machines.gif) no-repeat }
ul#navig li#navig-btn-1  a,ul#navig li#navig-btn-2  a,ul#navig li#navig-btn-3  a {   display: block } 
ul#navig li#navig-btn-1  a:hover,ul#navig li#navig-btn-2  a:hover,ul#navig li#navig-btn-3  a:hover  { background-position:0 -104px;}


ul#navig li#navig-btn-1-S a     { background: url(../im/BTN-societe.gif) no-repeat 0 -193px }
ul#navig li#navig-btn-2-S a     { background: url(../im/BTN-outillages.gif) no-repeat 0 -193px }
ul#navig li#navig-btn-3-S a     { background: url(../im/BTN-machines.gif) no-repeat 0 -193px }

#lien-accueil   { text-indent: -2000px; position: absolute; width: 250px; height: 100px; display: block }

/****Sous menu****/
#sousmenu                  { padding-top: 10px; padding-bottom: 5px; padding-left: 240px; position: relative; top: -30px; width: 685px; height: auto; display: block }
*html #sousmenu              { padding-left: 258px; position: relative; top: -17px; width: 672px }

ul#navig2 li   { float: left; margin-bottom: 5px; padding: 0px }
ul#navig2        { color: #010101; font-weight: bold; font-size: 10px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; list-style-type: none; margin: 0; padding-right: 0; padding-bottom: 0; height: 15px; display: block }
ul#navig2 li a, ul#navig2 li a:visited        { color: #010101; text-decoration: none; float: left; margin-top: 0; margin-right: 4px; margin-left: 4px; padding: 2px 3px }
ul#navig2 li a:hover    { text-decoration: underline }

#navig2selected3   {color: #AC7391 !important  }
#navig2selected1 { color: #d9811b !important }
#navig2selected2 { color: #c0bdba !important }
.sous-menu-separation  { background: url(../im/sous-menu-separation2.gif) no-repeat; margin-top: 3px; width: 9px; height: 9px }





/***Menu gauche*****/
#sousmenu-G          { padding-top: 40px; padding-left: 0px; width: 250px }
html>body div#sousmenu-G { padding-top: 40px;padding-left:0px!important }
ul#navig3-btn1 li, ul#navig3-btn2 li,ul#navig3-btn3 li    { margin-top: 5px; margin-bottom: 5px; padding-top: 5px; padding-bottom: 5px }
ul#navig3-btn1,ul#navig3-btn2,ul#navig3-btn3    { list-style-type: none; height: 30px; display: block }
ul#navig3-btn1 li a, ul#navig3-btn1 li a:visited, ul#navig3-btn2 li a, ul#navig3-btn2 li a:visited, ul#navig3-btn3 li a, ul#navig3-btn3 li a:visited   { color: black; font-weight: bold; font-size: 11px; text-decoration: none; vertical-align: 50%; float: left; padding-top: 5px }
ul#navig3-btn1 li a .puce,ul#navig3-btn2 li a .puce,ul#navig3-btn3 li a .puce  {  float: left; margin-top: -5px; width: 25px; height: 25px;display:block }
ul#navig3-btn1 li a .puce { background-color: #e1dbad }
ul#navig3-btn2 li a .puce { background-color: #c0cbcf }
ul#navig3-btn3 li a .puce{background-color: #decfd9;}

ul#navig3-btn1 li a .puce-selected     { background: #FE931D url(../im/menu-Gauche-selected-socie.gif) no-repeat 3px 3px; float: left; margin-top: -5px; width: 25px; height: 25px }
ul#navig3-btn2 li a:hover .puce  { background-color: #A9B7C3}
ul#navig3-btn2 li a .puce-selected    { background: #A9B7C3 url(../im/menu-Gauche-selected-outil.gif) no-repeat 3px 3px; float: left; margin-top: -5px; width: 25px; height: 25px }
ul#navig3-btn3 li a:hover .puce  { background-color: #AC7391 }
ul#navig3-btn3 li a .puce-selected    { background: #ac7391 url(../im/menu-Gauche-selected-ma.gif) no-repeat 3px 3px; float: left; margin-top: -5px; width: 25px; height: 25px }
.lienPuce { float: left; padding-left: 10px; width: 150px }
/**contenu**/
#Bloc-imageG1,#Bloc-imageG2,#Bloc-imageG3    { color: #fff; font-size: 11px; background-color: #ad879f; float: left; margin-left: 20px; padding-bottom: 0px; width: 235px; display: block }
html>body div#Bloc-imageG1,html>body div#Bloc-imageG2,html>body div#Bloc-imageG3 { margin-left: 43px; }
#Bloc-imageG1 p,#Bloc-imageG2 p,#Bloc-imageG3 p { padding: 5px }
#Bloc-imageGbas1,#Bloc-imageGbas2,#Bloc-imageGbas3 {width: 235px;height:35px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../im/Image-gaucheCoin.png',sizingMethod='image');display:block}
html>body div#Bloc-imageGbas1,html>body div#Bloc-imageGbas2,html>body div#Bloc-imageGbas3 { background: url(../im/Image-gaucheCoin.png) no-repeat right bottom; width: 235px; height: 35px; display: block }
#Bloc-imageG1, #Bloc-imageGbas1{background: #FE931D}
#Bloc-imageG2, #Bloc-imageGbas2{background: #A9B7C3}
#Bloc-imageG3, #Bloc-imageGbas3{background: #AC7391}


#Bloc-texte  { float: left; width: 350px }
#contenu h1  { color: #fff; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; margin: 0px;  width: 350px; height: 10px; display: block }
#titre1,#titre2,#titre3{;padding-top: 5px; padding-bottom: 5px; padding-left: 10px;}
#titre1{background:#FE931D url(../im/Titre-degrade2.png) no-repeat ;}
#titre2{background:#A9B7C3 url(../im/Titre-degrade2.png) no-repeat ;}
#titre3{background: #AC7391 url(../im/Titre-degrade2.png) no-repeat;}

*html #titre1{background:#FE931D;background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../im/Titre-degrade2.png') }
*html #titre2{background:#A9B7C3;background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../im/Titre-degrade2.png',sizingMethod='image')!important}
*html #titre3{background:#AC7391;background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../im/Titre-degrade2.png',sizingMethod='image')!important }

.telecharger a, .telecharger a:visited   { background-image: url(../im/btn-telecharger.gif); text-indent: -2000px; float: right; width: 170px; height: 43px; display: block }
.telecharger a:hover  { background: url(../im/btn-telecharger.gif) -174px 0px }
#Bloc-imageG p { color: #fff; font-size: 11px; padding: 5px }

/**vignettesbas*/

.Liste-vignettes  { background-color: black; margin-left: 20px; height: 80px }
.vignette { float: left; padding: 5px }
.Liste-vignette-comment { font-size: 10px; text-align: center; margin-left: 20px }
/*resound bug png*/
a, input{position: relative}