/* CSS Clarie Developpement Informatique - Clerc&Net 2004 */
 
#pagewidth{ 
 width:750px; 
 text-align:left; 
 min-width: 500px;
 margin: 0px auto;
 background: #F9E7BB;
} 
 
#header{ 
 width: 100%; 
 background: #F9E7BB url("../media/clarie-2.jpg") no-repeat right bottom;
} 
 
#outer{ 
  border: solid white 0px; 
  /*/*/ border-left-width: 150px ;  /* left column width. NN4 hack to hide borders */ 
  border-left-color: #F9E7BB;   /* left column colour */ 
  border-left-style: solid; 
 /*/*/ border-right-width: 200px; /* right column width. NN4 hack to hide borders */ 
  border-right-color: #FFFFFF;  /* right column colour */ 
  border-right-style: solid; 
  background-color: #FFFFFF; /* center column colour */ 
  width: auto; 
} 
 
 #inner{
  margin:0;
  width:100%;
  border-left: 1px dashed #9198DC;
  padding-bottom: 30px; /* espace bas de page */
  background: #fff url("../media/logiciel-2.jpg") no-repeat 0px 0px;
}

#outer>#inner {
  border-bottom: 1px solid #FFFFFF;
}

 #leftcol{
 width: 149px; 
 float: left; 
 position: relative; 
 margin-left: -150px; 
 margin-right: 1px;
 background: #F9E7BB url("../media/logiciel.jpg") no-repeat 30px 0px;
 padding-top: 390px;
 text-align: right;
 border-right: 1px dashed #9198DC;
}

 * html #leftcol {
 margin-right: 0px;
}
 
#rightcol{
  /*/*/ width: 200px; /* hack keeps NN4 right column right? */ 
  float:right; 
  position:relative; 
  margin-right:-200px;
  margin-left:1px;
  margin-top: 110px;
  border-bottom: 1px dashed #9198DC;
  border-left: 1px dashed #9198DC;
} 
 
#maincol{ 
 float: left; 
 width: 100%; 
 position: relative; 
 margin: 0 -8px 0 -1px;
 background-color: transparent;
 }
 
 * html #maincol {
	margin-left: -0px;
}
 
/* entete */

#header .content{
  padding: 5px; /*padding for content */ 
}

#header img {
  margin-left: 20px;
}

#header p {
  margin-bottom: 0px;
  text-align: right;
  color: #999999;
}

#header a:link, #header a:visited {
  color: #999999;
  text-decoration: underline;
}

#header a:hover, #header a:focus {
  color: #00f;
}


/* colonne gauche */

#leftcol .content{
  padding: 5px 5px 5px 0px; /*padding for content */ 
}

#accesClient fieldset.logged {
 padding-top: 10px;
 background: transparent url('../media/cadenas.gif') no-repeat 0px 25px;
}

#accesClient p {
 margin-bottom: 0px;
 padding:  10px 0px 10px 20px;
 text-align: left;
}

#accesClient br {
 clear: both;
}

#accesClient strong {
 display: block;
 text-align: center;
 font-size: 110%;
 color: #000099;
}

#accesClient input {
  float: left;
  width: 80px;
  font-size: 100%;
}

#accesClient input#submit {
  width: auto;
  margin-left: 5px;
  float: none;
}

#accesClient input:focus {
 font-weight: bold;
}

address {
 border-top: 1px dashed #9198DC;
 padding: 10px 0px;
 font-style: normal;
 color: #009999;
}


/* colonne centrale */

#maincol .content {
 /*padding for content */
 position: relative; /* safari */
 padding: 70px 10px 5px 25px;
}


#legatutelle {
 position: absolute;
 top: 10px;
 left: 460px;
}


/* colonne droite */

#rightcol .content {
 /*padding for content */
 padding: 0px 5px 0px 0px;
 position: relative; /* ie6 bug */
}

#rightcol p, #rightcol ul, #rightcol div {
 padding: 0px 5px 0px 10px;
}

#rightcol div.content div p {
 padding: 0px;
}

#rightcol span {
 color: #7675BA;
}

#rightcol strong {
 font-size: 110%;
 color: #7675BA;
}

#rightcol li {
 padding: 1px 0px;
}

#rightcol img {
 display: block;
 margin: 10px auto;
}

body {
  text-align: center;
  background: #F9E7BB;
  color: #000;
}

body * {
  font-family: verdana, arial, helvetica, sans-serif;  /* input, select etc... */
}

h1 {
  font-size: 130%;
  font-weight: bold;
}

h2 {
  margin-bottom: 30px;
  font-family: arial, helvetica, sans-serif;
  font-size: 140%;
  font-weight: bold;
  color: #009999;
}

h3 {
  margin-bottom: 10px;
  font-size: 120%;
  font-weight: bold;
  color: #009999;
}

h4 {
  margin-bottom: 10px;
  border-top: 1px dashed #9198DC;
  padding-top: 10px;
  padding-left: 20px;
  font-size: 110%;
  font-weight: normal;
  color: #009999;
  background: transparent url("../media/actu-carre-titres.gif") no-repeat 10px 85%;
}

h2 span {
 font-weight: normal;
}

p, ul, ol, dl {
 margin-bottom: 10px;
 font-size: 100%;
}

ul, ol {
 margin-left: 20px;
}

dt {
 font-size: 110%;
 font-weight: bold;
}

.bloc {
  display: block;
}

.reg {
 padding-left: 0.1em;
 font-family: arial, helvetica, sans-serif;
}

p span.reg {
 font-size: 120%;
}

/*printer styles*/ 
@media print { 
  /*hide the left and the right column when printing*/
  #leftcol, #rightcol {
    display: none;
  } 
  
  #outer{
    border-left: 0;
    border-right:0;
  } 
}

.linkQuot, .linkQuot ul, .linkIcone {
 margin-left: 0px;
 list-style-type: none;
}

.linkQuot  span.periode {
 font-weight: bold;
 text-transform: uppercase;
 color: #999999;
}

.linkQuot a:hover {
 background-image: url("../media/quot_blue.png");
 background-repeat: no-repeat;
 background-position: 1% 50%;
 padding-left: 15px;
}

.linkIcone li {
 margin: 0.3em 0px;
}

.linkIcone li a {
 display: block;
 padding: 0 0 0.3em 20px;
}

.fichier_pc {
 background: transparent url('../media/icone-pc.gif') no-repeat 0px 50%;
}

.fichier_mac {
 background: transparent url('../media/icone-mac.gif') no-repeat 0px 50%;
}

.fichier_outil {
 background: transparent url('../media/icone-outil.png') no-repeat 0px 50%;
}

.fichier_pdf {
 background: transparent url('../media/icone-pdf.png') no-repeat 0px 50%;
}

.fichier_4dd {
 background: transparent url('../media/icone-4dd.png') no-repeat 0px 50%;
}

.fichier_txt {
 background: transparent url('../media/icone-txt.gif') no-repeat 0px 50%;
}

.fichier_doc {
 background: transparent url('../media/icone-doc.gif') no-repeat 0px 50%;
}

.fichier_xls {
 background: transparent url('../media/icone-xls.gif') no-repeat 0px 50%;
}

.fichier_xml {
 background: transparent url('../media/icone-xml.gif') no-repeat 0px 50%;
}

.fichier_lega {
 background: transparent url('../media/icone-lega.gif') no-repeat 0px 50%;
}


.fichier_unknown {
 background: transparent url('../media/unknown.png') no-repeat 0px 50%;
}

.puce {
 padding-left: 10px;
 background: transparent url('../media/puce.gif') no-repeat 0px 1ex;
}

.plus {
 font-size: 110%;
}

dl.fondArrondi {
 width: 360px;
 margin: 30px 0px;
 background: #F9E7BB url('../media/box_bottom.gif') no-repeat bottom left;
}

dl.fondArrondi dt {
 margin-bottom: 10px;
 padding: 10px 10px 5px 10px;
 background: #F9E7BB url('../media/box_top.gif') no-repeat top left;
}

dl.fondArrondi dd {
 margin-bottom: 10px;
 padding: 0px 10px 10px 10px;
}

dl.fonctionnalites {
}

dl.fonctionnalites dt {
 padding: 5px 0px;
 font-weight: bold;
 font-size: 110%;
 color: #009999;
}

dl.fonctionnalites dt a {
 display: block;
 width: 100%;
 padding: 1px 2px;
}

dl.fonctionnalites dt a:target {
 background-color: #e9e9e9;
}

dl.fonctionnalites dd {
 padding-bottom: 5px;
}

dl.fonctionnalites dd img {
 display: block;
 margin: 0px auto;
}

dl.fonctionnalites dd em {
 font-size: 110%;
 color: #999999;
}

.flottantGauche {
 float: left;
 margin-right: 5px;
}

.flottantDroite {
 float: right;
 margin-left: 5px;
}

.lienRetour{
 padding: 1em 10% 1em 0;
 clear: both;
 text-align: right;
}

.enteteArticle {
  color: #999999;
}

.enteteArticle strong {
 font-size: 110%;
 color: #000;
}