/* web.pignat.ch style par défaut */

/* This file based on CSS Zen Garden 'Tranquille' design by Dave Shea */

/* basic elements */
body {
   font:8pt/16pt georgia;
   color:#555753;
   background:#ffffff url(images/fond_coin.jpg) no-repeat top left;
   margin:0px;
   }
p {
   font:8pt/16pt georgia;
   margin-top:0px;
   text-align:justify;
   }
h3 {
   font:italic bold 12pt georgia;
   letter-spacing:1px;
   margin-bottom:6px;
   color:#7D775C;
   }
a:link {
   font-weight:bold;
   text-decoration:none;
   color:#B7A5DF;
   }
a:visited {
   font-weight:bold;
   text-decoration:none;
   color:#9ea2d1;
   }
a:hover, a:active {
   font-weight:bold;
   text-decoration:underline;
   color:#9685BA;
   }
/* specific divs */
#conteneur {
   background:url(images/fond_coin_inf.jpg) no-repeat bottom right;
   padding:0px 188px 0px 71px;
   margin:0px;
   position:absolute;
   top:0px;
   left:0px;
   }
#intro {
   min-width:450px;
   }
#entetepage {
   margin-bottom:20px;
   }
/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */
#entetepage h1 {
   font:bold 18pt georgia;
   background:transparent url(images/h1_sky.gif) repeat top left;
   margin-top:20px;
   width:316px;
   height:60px;
   float:left;
   z-index:2;
   }
#entetepage h1 span {
   display:none;
   }
#entetepage h2 {
   font:bold 11pt georgia;
   background:transparent url(images/h2.png) repeat top left;
   margin-top:28px;
   margin-bottom:28px;
   width:240px;
   min-height:18px;
   float:right;
   z-index:2;
   }
#entetepage h2 span {
   display:block;
   }
#sommaire {
   background:transparent url(images/fond_blanc.png) repeat top left;
   border:solid 1px;
   clear:both;
   margin:20px 20px 20px 10px;
   width:210px;
   float:left;
   }
#sommaire p {
   font:italic 10pt/22pt georgia;
   text-align:center;
   }
#instantane {
   background:transparent url(images/fond_blanc.png) repeat top left;
   border:solid 1px;
   clear:both;
   margin:20px 40px 20px 10px;
   width:360px;
   height:270px;
   float:left;
   }
#instantane p {
   font:italic 10pt/22pt georgia;
   text-align:center;
   }
#preambule {
   clear:right;
   padding:0px 10px 0px 0px;
   }
#texteprincipal {
   clear:both;
   padding-left:10px;
   margin-bottom:40px;
   }
#explication {
  float: left;
  width: 45%;
}
#explication li span {
  font-weight:bold;
}
#participation {
  margin-left: 55%;
  padding: 1em;
}
#avantages {
  margin-left: 55%;
  padding: 1em;
}
#particularites {
  margin-left: 55%;
  padding: 1em;
}
#exigences {
  padding: 1em;
}
#tarifs {
  padding: 1em;
}
#baspage {
   text-align:center;
   clear:both;
   }
#baspage a:link, #baspage a:visited {
   margin-right:20px;
   }
#baspage ul li{
   list-style-type:none;
   display:inline;
   }
#baspage h3.validation span {
   display:none;
   }
#baspage hr {
   width:60%;
   color:#A0A4D3;
   }
#navigation {
   border:solid 0px #b7b9ac;
   background:transparent url(images/#.png);
   clear:both;
   min-height:12px;
   text-align:center;
   }
#navigation ul li {
   background-color:#848aba;
   margin-left:-5px;
   }
#navigation ul li a {
   color:#ffffff;
   }
#navigation h3.navig {
   margin:0px 0px 0px 0px;
   display:block;
   }
#navigation h3.navig span {
   display:none;
   }
#navigation ul {
   margin:0px;
   }
#navigation ul li {
   list-style-type:none;
   display:inline;
   padding:3px 16px 3px 16px;
   }
#index #nav_index, 
#services #nav_services, 
#techniques #nav_techniques, 
#contact #nav_contact, 
#plan #nav_plan, 
#standards #nav_standards, 
#accessibilite #nav_accessibilite,
#ergonomie #nav_ergonomie,
#web_libre #nav_libre {
   background-color:#e6e8fd;
   }
#index #nav_index a, 
#services #nav_services a, 
#techniques #nav_techniques a, 
#contact #nav_contact a, 
#plan #nav_plan a,
#standards #nav_standards a, 
#accessibilite #nav_accessibilite a,
#ergonomie #nav_ergonomie a,
#web_libre #nav_libre a {
   color:#000000;
   }
#crea_1 #nav_crea_1, 
#crea_2 #nav_crea_2, 
#crea_3 #nav_crea_3, 
#crea_4 #nav_crea_4, 
#crea_5 #nav_crea_5, 
#crea_6 #nav_crea_6 {
   background-color:#e6e8fd;
   }
#crea_1 #nav_crea_1 a, 
#crea_2 #nav_crea_2 a, 
#crea_3 #nav_crea_3 a, 
#crea_4 #nav_crea_4 a, 
#crea_5 #nav_crea_5 a, 
#crea_6 #nav_crea_6 a {
   color:#000000;
   }
#listeliens {
   background:transparent url(images/fond_liens.jpg) top right no-repeat;
   margin-left:600px;
   position:absolute;
   top:0px;
   right:0px;
   }
#listeliens2 {
   border:solid 1px #b7b9ac;
   background:transparent url(images/fond_blanc.png);
   padding:10px;
   margin-top:130px;
   width:150px;
   margin-right:6px;
   }
#listeliens h3.archives {
   background:transparent url(h5.gif) no-repeat top left;
   margin:12px 0px 11px 0px;
   width:135px;
   height:14px;
   }
#listeliens h3.archives span {
   display:block;
   }
#archives a:hover {
   border:0px;
   }
#archives a img {
   height:0px;
   width:0px;
   border:0px;
   }
#archives a:active img {
   height:0px;
   width:0px;
   border:0px;
   }
#archives a:hover img {
   position:absolute;
   top:50px;
   right:44px;
   height:65px;
   width:102px;
   border:0px;
   }
#listeliens h3.ressources {
   background:transparent url(h6.gif) no-repeat top left;
   margin:12px 0px 11px 0px;
   width:135px;
   height:14px;
   }
#listeliens h3.ressources span {
   display:block;
   }
#listeliens h3.selection {
   background:transparent url(h3.gif) no-repeat top left;
   margin:12px 0px 11px 0px;
   width:135px;
   height:14px;
   }
#listeliens h3.selection span {
   display:block;
   }
#listeliens h3.style {
   background:transparent url(h4.gif) no-repeat top left;
   margin:12px 0px 11px 0px;
   width:135px;
   height:14px;
   }
#listeliens h3.style span {
   display:none;
   }
#listeliens ul {
   margin:0px;
   padding:0px;
   }
#listeliens ul li {
   line-height:14px;
   list-style-type:none;
   background:transparent url(cr1.gif) no-repeat top center;
   padding:5px 10px 0px 10px;
   margin-bottom:0px;
   }
#listeliens li a:link {
   color:#988F5E;
   }
#listeliens li a:visited {
   color:#B3AE94;
   }
#popimage {
   background:transparent url(images/fond_ref.gif) top left no-repeat;
   position:absolute;
   top:35px;
   right:43px;
   width:104px;
   height:87px;
   }