body{
  font-family: Arial, Helvetica, sans-serif;
  padding: 0;
  margin: 0;
  background: #596c6f;
  color: #FFFFFF;
}
img{
  border:0;
}
h2 {
  margin: 0 0 16px 0;
  padding: 0;
  font-size: 16px;
}

/*index page*/
.main{
  width:809px;
  margin: 40px auto 0 auto;
}
#logo{
  position:absolute;
  margin: 0 0 0 23px;
}
#logo_actu{
  margin: -60px 0% 0 23px;
}
#menu{
  padding: 0;
  margin: 50px 0 0 0;
  list-style-type: none;
  width:120px;
  float: left;
}
#menu li{
  padding: 0;
  margin: 0;
  float: right;
  clear:right;
}
#menu li a{
  padding: 0;
  display: block;    
  margin: 0;
  text-indent:-99999px;    
  width:97px;  
}
#menu li a:hover{
  background-position: -111px 0; 
}
#tab_accueil {
  background: url(images/tab_accueil.jpg) no-repeat 0 0;
  height: 55px;
}
#tab_accueil:hover , .accueil {
  background: url(images/tab_accueil.jpg) no-repeat -99px 0 !important;
}
#tab_sonorisation {
  background: url(images/tab_sonorisation.jpg) no-repeat 0px 0;
  height: 56px;
}
#tab_sonorisation:hover, .sonorisation {
  background: url(images/tab_sonorisation.jpg) no-repeat -104px 0 !important;
}
a#realisation{
  background: url(images/menu01.jpg) no-repeat 0 0;
  height: 52px;
}
a#dessinateurs{
  background: url(images/menu02.jpg) no-repeat 0 0;
  height: 50px;  
}
a#animations{
  background: url(images/menu03.jpg) no-repeat 0 0;
  height: 49px;  
}
a#temoignages{
  background: url(images/menu04.jpg) no-repeat 0 0;
  height: 41px;  
}
a#references{
  background: url(images/menu05.jpg) no-repeat 0 0;
  height: 49px;  
}
a#actus{
  background: url(images/menu06.jpg) no-repeat 0 0;
  height: 45px;  
}
a#contact{
  background: url(images/menu07.jpg) no-repeat 0 0;
  height: 47px;  
}
a#realisation2{
  background: url(images/menu01.jpg) no-repeat -111px 0;
  height: 52px;
}
a#dessinateurs2{
  background: url(images/menu02.jpg) no-repeat -111px 0;
  height: 50px;
}
a#animations2{
  background: url(images/menu03.jpg) no-repeat -111px 0;
  height: 49px;  
}
a#temoignages2{
  background: url(images/menu04.jpg) no-repeat -111px 0;
  height: 41px;  
}
a#references2{
  background: url(images/menu05.jpg) no-repeat -111px 0;
  height: 49px;  
}
a#actus2{
  background: url(images/menu06.jpg) no-repeat -111px 0;
  height: 45px;  
}
a#contact2{
  background: url(images/menu07.jpg) no-repeat -111px 0;
  height: 47px;  
}
/*more to come here*/


.content{
  background: #FFFFFF url(images/topbk.jpg) no-repeat 0 0;
  float: left;
  color:#596164;
  width:669px;
  padding: 50px 0 5px 0;
  margin:0;
}
.content_flec{
  background: #FFFFFF url(images/topbk.jpg) no-repeat 0 0;
  float: left;
  color:#596164;
  width:669px;
  height: 450px;
  padding: 50px 0 5px 0;
  margin:0;
  position: relative;
}
#mainphoto{
  margin: 0 0 0 10px;
}
.h1home{
  text-align: center;
  font-size: 14px;
  margin: 0;
  padding:0;
}
.h2home{
  margin: 0 0 0 30px;
  font-size:13px;
  padding:0;
}
.contact_p {
  /*background: #f1f2f3 url(images/bienvenue.gif) no-repeat 0 0;*/
  float: left;
  color: #596c6f;
  font-size:11px;
  padding: 0 10px 10px 10px;
  margin: 0 0 20px 20px;
  text-align: center;
  width: 155px; 
  border: 1px solid #e7e7e7;
  background: #fff;
}
.contact_p p, .contact_p h2 {
  padding: 3px 0;
  margin: 7px 0 7px 0 !important;
  color: #596C6F;
  font-size:11px !important;
  font-weight: normal !important;
  background: #F1F5F6;
}
.contact_p strong {
  display: block;
}
.contact_pfoot {
  text-align: center;
  float: none;
  font-size:11px;
}
#text_home{
  /*background: #f1f2f3 url(images/bienvenue.gif) no-repeat 0 0;*/
  color: #596c6f;
  font-size:11px;
  padding: 10px;
  margin: 0 30px;
}
#text_home p {
  line-height: 1.6em;
}
/*realisations video*/
h1#video{
  position:absolute;
  margin: 35px 0 0 190px!important;
  margin: 35px 0 0 190px;  
  padding: 0;
  font-size:17px;
}
h1#actus{
  position:absolute;
  left: 520px;
  top: 110px;
  font-size:17px;
}
.text{
  margin: 0 auto;
  width:313px;
  padding: 65px 140px 0 170px;
  height: 100px;
  font-size: 11px;
  text-align: justify;
}
#inst{
  background:#F1F5F6 url(images/realisationsvideo_ins.jpg) no-repeat top;  
  height: 140px;
}
#con{
  background:#F1F5F6 url(images/realisationsvideo_con.jpg) no-repeat top;  
  height: 110px;  
  margin-bottom: 10px;
}
#sal{
  background:#F1F5F6 url(images/realisationsvideo_sal.jpg) no-repeat top;  
  height: 120px;  
}
#for{
  background:#F1F5F6 url(images/realisationsvideo_for.jpg) no-repeat top;  
  height: 135px;  
}
#doc{
  background:#F1F5F6 url(images/realisationsvideo_doc.jpg) no-repeat top;  
  height: 110px;  
}
#mele{
  background:#F1F5F6 url(images/realisationsvideo_mele.jpg) no-repeat top;  
  height: 130px;  
}
/*menu list from content*/
#mainmenu{
  padding: 0;
  list-style-type: none;
  margin: 0 0 0 18px;
  border-top: 1px solid #FFFFFF;
}
#mainmenu li{
  float: left;
  margin:  0 5px 0 0;
}
a.btn{
  background: url(images/menubk.gif) no-repeat 0 0;
  display: block;
  float: left;
  font-size:11px;
  text-align: center;
  height: 16px;
  border-bottom:1px solid #FFFFFF;
  padding: 18px 20px 0 20px;
  color:#d5dadb;
  text-decoration:none;
}
a.btn_big{
  background: url(images/menubk_big.gif) no-repeat 0 0;
  display: block;
  float: left;
  font-size:11px;
  text-align: center;
  height: 16px;
  border-bottom:1px solid #FFFFFF;
  padding: 18px 10px 0 20px;
  color:#d5dadb;
  text-decoration:none;
}

a.btn:hover, a.btn_big:hover{
  text-decoration: underline;
}
a#btnon{
  background: url(images/menubkon.gif) no-repeat 0 0; 
  color:#FFFFFF;  
  border-bottom:1px solid #87A3A7;  
}
a#btnon_big{
  background: url(images/menubkon_big.gif) no-repeat 0 0; 
  color:#FFFFFF;  
  border-bottom:1px solid #87A3A7;  
}
.bk_mini {
  background: url(images/bk_mini.gif) top left repeat-x !important;
}
.mainbk2{
  background: url(images/bk.gif) repeat-x 0 0;
  clear:left;
  margin: 0 auto;
  width:631px;
}
.mainbk{
  background: url(images/bk.gif) repeat-x 0 0;
  clear:left;
  margin: 0 auto;
  width:630px;
  padding: 15px 0 0 0;
}
.mainbk3{
  clear:left;
  margin: 0 auto;
  width:630px;
  padding: 15px 0 0 0;
}

.mainbk h2 {
  font-size: 17px;
  margin: 0 20px 16px 20px;
}
.mainbk h3 {
  margin: 0 20px 16px 20px;
  font-size: 13px;
}
.mainbk p {
  margin: 0 20px 16px 20px;
  font-size: 12px;
}
ul#submenu{
  padding: 0;
  margin: 0 auto;
  list-style-type: none;
  width:560px;
  height: 80px;
}
#submenu li{
  padding: 0;
  float: left;
  margin: 0 15px 0 0;
  display:block;
  width:55px;
  font-size: 10px;
  color: Black;  
  text-align: center;
}
#lastli{
  margin: 0!important;
}
.lastli{
  margin: 0!important;  
}
#submenu li a{
  padding:47px 0 0 0;
  display: block;
  width:48px;
  margin: 0;
  text-decoration: none;
  color: Black;
}
#a{
  background: url(images/img1.gif) no-repeat 0 0;
}
#b{
  background: url(images/img2.gif) no-repeat 0 0;
}
#c{
  background: url(images/img3.gif) no-repeat 0 0;
}
#d{
  background: url(images/img4.gif) no-repeat 0 0;
}
#e{
  background: url(images/img5.gif) no-repeat 0 0;
}
#f{
  background: url(images/img6.gif) no-repeat 0 0;
}
#g{
  background: url(images/img7.gif) no-repeat 0 0;
}
#h{
  margin: 0;  
  background: url(images/img8.gif) no-repeat 0 0;  
}
.click{
  clear:left;
  /*background: url(images/arrow.gif) no-repeat 0 2px;*/
  padding: 0 0 16px 40px;
  width:400px;
  margin: 0 0 0 100px;
  font-size: 12px;
  color:#0b0c0d;
  font-style: italic;
  font-weight: bold;
}
#click2{
 /* background: url(images/arrow3.gif) no-repeat 0 2px; */
}

.left{
  float: left;
  width:220px;
  padding: 0 0 20px 5px;
  background: url(images/bkwindow5.gif) no-repeat 5px 20px;
}
#left2{
  background: url(images/bkwindow5.gif) no-repeat 5px 0; 
}
.left img{
  margin: 13px 0 0 26px;
}
.voir{
  background: url(images/video3.gif) no-repeat center left;
  width:80px;
  margin: 15px 0 0 50px;
  padding: 0 0 0 35px;
  font-size: 14px;
  display: block;
  color: #596c6f;  
  text-decoration: none;
  font-weight: bold;  
}
h2.t{
  font-size: 12px;
  padding:5px 0 5px 78px;
  font-weight: bold;
  background: #d7e1e2;  
  margin: 0 0 20px 10px;
  float: left;
  width:300px;
 }
.ultext{
  padding: 0px;
  float: left;
  width:380px;
  margin: 0 0 0 10px;
}
.ultext dd, .ultext dt{
  font-size: 11px; 
  color:#596c6f;  
  padding: 0;
  clear:left;
  margin: 5px 0;
  font-weight: bold;
}
.ultext dt{
  background: url(images/arrow2.gif) no-repeat 0 0; 
  padding: 0 0 0 15px;  
}
.ultext dd{
  color:#6c8c90;
  padding: 0;
  margin: 4px 0 0 20px;
  line-height: 1.5em;
}
 
h2#nopic{
  padding: 5px;
  width:370px;
}
#pic{
  position:absolute;
  margin: -10px 0 0 -73px;
}

/*footer*/
.clear{
  font-size: 1px;
  clear:both;
  margin: 0;
  padding: 0;
}
#footer{
  clear: both;
  padding: 5px 0;
  background: #F1F5F6;
  font-size:10px;
  color:#8AA5A9;
  margin: 20px 0 0 0;
  text-align: center;
}
#footer  a{
  text-decoration: none;
  color:#8AA5A9;
}
#footer  a:hover{
  text-decoration: underline; 
}
#on{
  color:#596c6f;
  text-decoration: underline;
}


/*realisations-video-institutionel*/
#a1{
  background: url(images/a1-1a.gif) no-repeat 0 0;
}
#b1{
  background: url(images/a1-2a.gif) no-repeat 0 0;
}
#c1{
  background: url(images/a1-3a.gif) no-repeat 0 0;
}
#d1{
  background: url(images/a1-4a.gif) no-repeat 0 0;
}
#e1{
  background: url(images/a1-5a.gif) no-repeat 0 0;
}
#f1{
  background: url(images/a1-6a.gif) no-repeat 0 0;
}
#g1{
  background: url(images/a1-7a.gif) no-repeat 0 0;
}
#h1{
  margin: 0;  
  background: url(images/a1-8a.gif) no-repeat 0 0;  
}
#i1{
  background: url(images/vachette_th.jpg) no-repeat 0 0;
}

/*realisations-video-congres*/
#a2{
  background: url(images/schneider_th.jpg) no-repeat 0 0;
}
#b2{
  background: url(images/champagne_thumb.jpg) no-repeat 0 0;
}
#c2{
  background: url(images/a2-4a.gif) no-repeat 0 0;
}
#d2{
  background: url(images/viafrance_thumb.jpg) no-repeat 0 0;
}
#e2{
  background: url(images/fimbacte_thumb.jpg) no-repeat 0 0;
}
#f2{
  background: url(images/a2-6a.gif) no-repeat 0 0;
}
#g2{
  background: url(images/a2-7a.gif) no-repeat 0 0;
  margin: 0;
}

/*realisations-video-salons*/
#a3{
  background: url(images/a3-1a.gif) no-repeat 0 0;
}
#b3{
  background: url(images/a3-2a.gif) no-repeat 0 0;
}
#c3{
  background: url(images/a3-3a.gif) no-repeat 0 0;
}
#d3{
  background: url(images/a3-4a.gif) no-repeat 0 0;
}
#e3{
  background: url(images/a3-5a.gif) no-repeat 0 0;
}
#f3{
  background: url(images/a3-6a.gif) no-repeat 0 0;
}
#g3{
  background: url(images/a3-7a.gif) no-repeat 0 0;
  margin: 0;
}


/*realisations-video-pele - mele*/

.submenu_left{
  padding: 0;
  margin: 0 0 0 10px;
  list-style-type: none;
  float: left;
  width:195px;
}
.submenu_left li{
  padding: 0;
  float: left;
  margin: 0 10px 5px 0;
  display:block;
  width:55px;
  font-size: 10px;
  color: Black;  
  text-align: center;
}
.submenu_left li a{
  padding:47px 0 0 0;
  display: block;
  width:48px;
  margin: 0;
  text-decoration: none;
  color: Black;
}
#a4{
  background: url(images/a4-1a.gif) no-repeat 0 0;
}
#b4{
  background: url(images/a4-2a.gif) no-repeat 0 0;
}
#c4{
  background: url(images/a4-3a.gif) no-repeat 0 0;
}
#d4{
  background: url(images/a4-4a.gif) no-repeat 0 0;
}
#e4{
  background: url(images/a4-0a.gif) no-repeat 0 0;
}

/*second column*/
#f4{
  background: url(images/a4-5a.gif) no-repeat 0 0;
}
#g4{
  background: url(images/a4-6a.gif) no-repeat 0 0;
}
#h4{
  background: url(images/a4-7a.gif) no-repeat 0 0;
}
#i4{
  background: url(images/a4-8a.gif) no-repeat 0 0;
}
#j4{
  background: url(images/a4-9a.gif) no-repeat 0 0;
}
/*third column*/
#k4{
  background: url(images/a4-10a.gif) no-repeat 0 0;
}
#l4{
  background: url(images/a4-11a.gif) no-repeat 0 0;
}
#m4{
  background: url(images/a4-12a.gif) no-repeat 0 0;
}

/*realisations-Formation*/
#a5{
  background: url(images/a5-1a.gif) no-repeat 0 0;
}
#b5{
  background: url(images/a5-2a.gif) no-repeat 0 0;
}
#c5{
  background: url(images/a5-3a.gif) no-repeat 0 0;
}
#d5{
  background: url(images/a5-4a.gif) no-repeat 0 0;
}

/*realisations-Documantaire*/
#a6{
  background: url(images/a6-1a.gif) no-repeat 0 0;
}
#b6{
  background: url(images/a6-2a.gif) no-repeat 0 0;
}


/*flec-dessinateur-humoristique page*/
#textflec{
  background: #f1f5f6 url(images/references.jpg) no-repeat top; 
  margin: 0 auto;
  width:363px;
  padding: 68px 100px 0 160px;
  height: 100px;
  font-size: 11px;
}
#textflec_actu{
  background: url(images/dolcevita_actu.jpg) no-repeat 0px 54px; 
  width:363px;
  padding: 65px 100px 0 160px;
  height: 100px;
  font-size: 11px;
}
em.small{
  font-size:10px;
}
#flec{
  background: url(images/flec.gif) no-repeat  0 0;
  font-size: 16px;
  padding:55px 0 5px 80px;
  font-weight: bold;
  margin: 0 0 10px 10px;
  height: 25px;
  float: left;
  width:300px;
}
p.flec{
  margin: 350px 0 60px 0;
  font-size: 0.7em;
}
.clickflec{
  clear:left;
  /*background: url(images/arrow3.gif) no-repeat 0 52px;*/
  padding: 0 0 0 40px;
  width:400px;
  margin: 0 0 0 100px;
  font-size: 12px;
  color:#0b0c0d;
  font-style: italic;
  font-weight: bold;
}
#leftflec{
  margin-top: 4px;
  background: url(images/bkwindow5.gif) no-repeat 5px 0; 
}
#leftflec img{
  margin: 23px 0 0 26px;
}
#submenu li.liflec{
  padding: 0;
  float: left;
  margin: 0 30px 0 0;
  display:block;
  width:77px;
  font-size: 10px;
  color: Black;  
  text-align: center;
}
#submenu li.liflec a{
  padding:77px 0 0 0;
}
#fl1{
  background: url(images/flec1.gif) no-repeat 0 0;
  width:77px!important;
  height: 30px;
}
#fl2{
  background: url(images/flec2.gif) no-repeat 0 0;
  width:77px!important;
  height: 30px;  
}
#fl3{
  background: url(images/flec3.gif) no-repeat 0 0;
  width:77px!important;
  height: 30px;  
}
#fl4{
  background: url(images/flec4.gif) no-repeat 0 0;
  width:77px!important;
  height: 30px;  
}
#fl5{
  background: url(images/flec5.gif) no-repeat 0 0;
  width:77px!important;
  height: 30px;  
}

/*animation page*/
h1#animation{
  position:absolute;
  margin: 40px 0 0 205px!important;
  margin: 40px 0 0 185px;  
  padding: 0;
  font-size:17px;
}
#textanimation{
  background:url(images/animation.jpg) no-repeat top;
  margin: 0 auto;
  width:253px;
  padding: 80px 200px 0 170px;
  height: 113px;
  font-size: 11px;
}
#noback{
  background: none;
}
#clickanim{
  /*background: url(images/arrow4.gif) no-repeat 0 22px;*/
  padding: 20px 0 16px 40px;
}
#leftanim{
  margin-top: 4px;
  padding-bottom: 20px;
  background: url(images/bkwindow5.gif) no-repeat 5px 0; 
}
h2#anim{
  font-size: 12px;
  padding:5px 0 5px 10px;
  font-weight: bold;
  margin: 0 0 10px 10px;
  float: left;
  width:300px; 
}
#anim1{
  background: url(images/d1a.gif) no-repeat 0 0;
}
#anim2{
  background: url(images/d2a.gif) no-repeat 0 0;
}
#anim3{
  background: url(images/d3a1.gif) no-repeat 0 0;
}
#anim32{
  background: url(images/d3a2.gif) no-repeat 0 0;
}
#anim33{
  background: url(images/d3a3.gif) no-repeat 0 0;
}
#anim4{
  background: url(images/d4a.gif) no-repeat 0 0;
}
#anim5{
  background: url(images/d5a1.gif) no-repeat 0 0;
}
#anim52{
  background: url(images/d5a2.gif) no-repeat 0 0;
}
#anim53{
  background: url(images/d5a3.gif) no-repeat 0 0;
}
#anim54{
  background: url(images/d5a4.gif) no-repeat 0 0;
}
#anim6{
  background: url(images/d6a.gif) no-repeat 0 0;
}
#anim7{
  background: url(images/d7a.gif) no-repeat 0 0;
}
ul#submenu_anim{
  padding: 0;
  margin: 0 auto;
  list-style-type: none;
  width:560px;
  clear:left;
}
#submenu_anim li{
  padding: 0;
  float: left;
  margin: 0 15px 0 0;
  display:block;
  width:55px;
  font-size: 10px;
  color: Black;  
  text-align: center;
}
#submenu_anim li a{
  padding:47px 0 0 0;
  display: block;
  width:48px;
  margin: 0;
  text-decoration: none;
  color: Black;
}

/*Temoignages de nos clients*/
#texttem{
  background:url(images/temoignages.jpg) no-repeat top; 
  margin: 0 auto;
  width:333px;
  padding: 80px 100px 0 190px;
  height: 80px;
  font-size: 11px;
}
h1#tem{
  position:absolute;
  margin: 37px 0 0 182px!important;
  margin: 37px 0 0 190px;  
  padding: 0;
  font-size:17px;
}
#clicktem{
  padding: 0 0 16px 0;
  margin: 0 auto;
  background: none;
  width:500px;
}
.ptem{
  padding: 10px;
  font-size:12px;
  float: left;
  margin: 0 0 10px 0;
}
.ptem img {
  float: left;
  margin: 0 20px 10px 0;
  padding: 5px;
  border:1px solid #87A3A7;
}
.papier img {
  float: left;
  margin: 0 0 10px 0;
  padding: 5px;
  border:1px solid #B0B0AF;
}
.papier p {
  margin: 20px 0 7px 130px;
  padding: 0;
  font-size: 12px;
  line-height: 1.5em;
  font-style: italic;
}
.papier h2 {
  margin: 0 0 -17px 130px;
  padding: 0;
  font-size: 12px;
}
.papier {
  background: #FEFCED url(images/papiertemoignage2.gif) top left no-repeat !important;
  margin: 0 0 20px 5px;
  padding: 40px 10px 10px 45px;
  width: 565px;
  clear: both;
}
#texttem2{
  background:url(images/temoignages_flec.jpg) no-repeat 0 20px; 
  margin: 0 auto;
  width:333px;
  padding: 80px 100px 0 190px;
  height: 100px;
  font-size: 11px;
}

/*reference*/
#ref{
  background:url(images/references.jpg) no-repeat top; 
  margin: 0 auto;
  width:333px;
  padding: 80px 100px 0 190px;
  height: 100px;
  font-size: 11px;
}
#ref2{
  background:url(images/flec.jpg) no-repeat top; 
  margin: 0 auto;
  width:333px;
  padding: 80px 100px 0 190px;
  height: 120px;
  font-size: 11px;    
}
.block {
  display: block !important;
}
.italic {
  font-style: italic;
}
.smaller{
  font-size:9px;
}
.bold {
  font-weight: bold;
}
.temo_client {
  margin: 0 0 20px 0;
  padding: 10px;
  font-size: 12px;
  clear: left;
}
.temo_client h2 {
  margin: 0 0 10px 0;
  padding: 0;
  font-weight: bold;
  font-size: 12px;
}
.temo_client p {
  line-height: 1.5em;
  padding: 0;
}
.temo_client img {
  float: left;
  border: 1px solid #87A3A7;
  padding: 5px;
  margin: 0 20px 10px 0;
}
.pad_temo {
  padding: 40px 0 0 0;
}
#haut{
  color:#596c6f;
  float: right;
  font-size:11px;
}

/*animations*/
#ul_animations{
  list-style: none;
  padding: 0 0 0 20px;
  margin: 10px 0 0 0;
}

/*********************/
/*loginform*/
.loginform{
  padding: 0;
  margin: 30px auto;
  width:300px;
  font-size: 11px;
}
.loginform h1{
  margin:  0 0 0 20px;
  font-size:16px;
}
.loginform p{
  padding: 0;
  margin: 0 0 5px 0;
}
.loginform label{
  float: left;
  width: 100px;
  text-align: right;
  padding: 5px 5px 0 0;
}
.center{
  text-align: center;
}
.error{
  color: white;
  text-align: center;
  padding: 10px;
  background: Red;
}

a.edit{
  background: url(images/edit.gif) no-repeat 0 0;
  width:100px;
  float: left;
  font-size:11px;
  line-height: 20px;
  display: block;
  text-decoration: none;
  margin: 0 10px 0 0;
  padding: 0 0 0 25px!important;
  text-align: left;
  font-weight: bold;
  color:#596C6F;
}
a.archives{
  width:100px;
  font-size:11px;
  line-height: 20px;
  display: block;
  text-decoration: none;
  margin: 0 10px 0 0;
  padding: 0 0 0 25px!important;
  text-align: left;
  font-weight: bold;
  color:#596C6F;
  outline:none;
}
a.group{
  background: url(images/group.gif) no-repeat center right!important;
  position:absolute;
  width:630px;
  padding-right:25px !important;
  top:80px;
  left:50%;
  margin-left:-335px;
  text-align:right;
  line-height:20px;
}
.ad_add{
  background: url(images/picture_add.gif) no-repeat 0 0;
  text-decoration: none;
  display: block;
  width: 100px;
  font-size:11px;
  height: 16px;
  margin: 0 0 0 10px;
  color: Blue;
  padding: 0 0 0 20px;
}
.arch{
  text-decoration: none;
  display: block;
  width: 100px;
  font-size:11px;
  height: 16px;
  margin: 10px 0 0 10px;
  color: Blue;
}

.ad_edit{
  background: url(images/picture_edit.gif) no-repeat 0 0;
  text-decoration: none;
  display: block;
  float: left;
  width: 16px;
  margin: 0 5px;
  height: 16px;
}
.ad_del{
  background: url(images/picture_delete.gif) no-repeat 0 0;
  text-decoration: none;
  display: block;
  float: left;
  width: 16px;
  margin: 0 5px;
  height: 16px;
}
.ad_down{
  background:url(images/down.gif) no-repeat 0 0;
  text-decoration: none;
  display: inline;
  margin: 0;
  padding: 5px 5px 0 7px;
}
.ad_up{
  background: url(images/up.gif) no-repeat 0 0;
  text-decoration: none;
  display: inline;
  margin: 0 4px 0 12px;
  padding: 5px 5px 0 7px;
}
.del{
  background: url(images/remove.gif) no-repeat 0 0;
  display: block;
  width:16px;
  margin: 0 auto;
  height: 20px;
  text-decoration: none;
  text-indent: -9999px;
}
.btn_calendar{
  border: 0;
  background: url(images/date.gif) no-repeat 0 0;
  width:16px!important;
  height: 16px;
  padding: 0;
  margin: 0 0 0 5px;
  cursor:pointer;
}
.newform{
  padding: 20px;
  margin: 10px;
  border: 1px solid;
}
.newform legend{
  color: White;
  font-weight: bold;
  padding: 5px;
}
.newform p{
  padding: 0;
  margin: 5px 0;
}
.newform p label{
  float: left;
  width: 100px;
  text-align: right;
  padding: 3px 5px 0 0;
}
.newform p input{
  width:300px;
}
.news_item{
  margin: 0 0 10px 0;
  padding: 10px;
  font-size:12px;
}
.news_title{
  font-weight: bold;
  color:#596C6F;
  clear:both;
}
.news_date{
  margin:0 0 5px 0!important;
  padding: 0!important;
  font-size:10px!important;
}
.news_text{
  margin:0!important;
  padding: 0!important;
}
.news_text2{
  margin:0 0 0 165px!important;
  padding: 0!important;
  line-height: 17px;
  text-align: justify;
}
.news_text img{
  float: left;
  margin: 0 10px 0 0!important;
  padding: 0!important;
}

/*client space*/
.form_newuser{
  padding: 10px;
  font-size:11px;
  margin: 0 0 0 10px;
  width:94%;
  background:  #EAEAEA; 
  height: 25px;
}
.form_newuser h2{
  padding: 0;
  margin: 0 0 5px 0;
  font-size:15px;
}
.form_newuser p{
  padding: 0;
  margin: 0 10px 0 0;
  float: left;
}
.form_newuser p input{
  width: 150px;
  padding: 2px;
}
.form_newuser .btn{
  border:0;
  cursor:pointer;
  display: block;
  width:70px;
  padding: 0 0 0 12px;
  line-height: 20px;
  background: url(images/user_add.gif) no-repeat 0 0;
}

.tableview{
  padding: 0;
  margin: 0 0 0 10px;
  width:97%;
  font-size:12px;
  border-collapse:collapse;  
}
.tableview td{
  border: 1px solid #EAEAEA;
  padding: 5px;
}
.tableview th{
  background: #EAEAEA;
  border: 1px solid #EAEAEA;
  padding: 5px;
}
a.email{
  background: url(images/email_go.gif) no-repeat 0 0;
  display: block;
  width:16px;
  margin: 0 auto;
  height: 16px;
  text-decoration: none;
  text-indent: -9999px;
}
a.logout{
  background: url(images/signout.gif) no-repeat 0 0;
  margin: 0 0 0 10px;
  display: inline;
  padding: 2px 5px 0 20px;
  text-decoration: none;
  color: #596C6F;
  font-weight: bold;
  font-size:11px;
}
.form_mail{
  width: 500px;
  margin: 0 auto;
  padding: 0;
  font-size: 12px;
}
.form_mail p{
  padding: 0;
  margin: 0 0 10px 0;
}
.form_mail label{
  float: left;
  width: 100px;
  font-weight: bold;
  text-align: right;
  padding: 0 5px 0 0;
}
.form_mail input, textarea{
  width:350px;
  padding: 2px;
  margin: 0;
}
.form_mail input.btn{
  width:auto;
  padding: 0;
}
.bottomlinks {
  margin-left:15px;
}
.bottomlinks a {
  color:#596c6f;
  font-size:12px;
}

#img-illustrateur{
  width:631px;
  height:580px;
  overflow:auto;
}