/* 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; 
  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;
}
 
#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 */
 padding: 70px 10px 5px 25px;
}


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


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;
  font-size: 110%;
  font-weight: bold;
  color: #000;
}

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 {
    display: none;
  } 
  
  #outer{
    border-left: 0;
  } 
}

/* FAQ */

.listeIndex {
  margin: 0px 0px 60px 40px;
  font-weight: bold;
  color: #999999;
}

.listeIndex a:visited {
  color: #999;
}

.listeIndex a:hover {
  color: #0000ff;
}

.elementFaq {
 width: 90%;
}

.elementFaq dt a {
 display: block;
 width: 100%;
 padding: 1px 2px;
 color: #000;
}

.elementFaq a:target {
 background-color: #e9e9e9;
}

.elementFaq .puce {
 padding-left: 14px;
 background-position: 4px 1ex;
}

.elementFaq .index {
 text-align: right;
}


.linkQuot a:hover, .linkQuot a:focus {
 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 {
 padding: 0 0 0.3em 20px;
 display: block;
}

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

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

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

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

.plus {
 font-size: 110%;
}

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