/*

 APRIL css 


*/


html, body { 
             margin: 0px;
             padding: 0px;
             } 

body {
       font-family: Trebuchet, Verdana,  Helvetica, Arial, sans-serif;
       font-size: 12px;
       font-style: normal;
       line-height: normal;
       font-weight: normal;
       font-variant: normal;
       text-transform: none;
       font-stretch: expanded;
       background-color: #ffffff;
       color: black;
       text-align: center;
       }

a {
 	text-decoration: none;
	color: #2D4779; 
  color: #0000CC;
  font-weight: bold;
}

a:visited {
	color: #29508b;
}

a:hover {
	color: #000;
}

img {
      border:0;
}

img.icons {
      border:0;
      margin: 0px 10px 0px 10px;
}

form.flat {
            margin: 0px;
            padding: 0px;
            display: inline;
}


#quicklinks { 
              float: left;
              position: fixed;
              left: 10px;
              top: 10px;
              z-index: 1;
              font-size: 0.9em;
              font-variant: small-caps;
              font-weight: bold;
              font-stretch: condensed;
              text-align: left; 
}

#quicklinks ul { 
          margin: 0px;
          padding: 0px;
          border: 0px none; 
          list-style: none;
 }

#quicklinks li { 
                 padding-bottom: 4px;
 }

#quicklinks a { 
        color: #2b5385;
                 font-size: 0.4em;
 }

#quicklinks a:hover { 
        color: #ff7200;
 }

#frame {
        position: relative;
        margin: 20px auto 20px auto;
        padding-top: 58px;
        padding-top: 76px;
        width: 700px; 
        background-color: #b8c6d6;
        border: 1px solid #c2c2c2;
        padding-bottom: 10px;
        z-index: 2;
        -moz-border-radius: 51px 0px;	
}

#lang { 
        position: absolute;
        text-align: right;
	font-size: 0.7em;
        right: 10px;
        top: 85px; /* aligned with logo text bottom */
 }

#logo {
        position: absolute;
        top: 10px;
        left: 5px;
        width: 125px;
        height: 58px;
}

#soutenir { 
          padding-right: 10px;
          position: absolute;
          text-align: right;
          right: 0px;
/*          top: 84px;*/
          top: 40px;
          vertical-align: middle;
/*          width: 400px;*/
          }


#soutenir img{
      border: 1px solid #295583;
      }


#soutenir img:hover{
      border: 1px solid #ff7200;
      }

#tagline {
        position: relative;
        margin: 10px auto 10px auto;
        width: 700px; 
			}

#search { 
          height: 20px;
          padding-top: 5px;
          position: absolute;
          text-align: right;
          right: 360px; /* logo width + 2 * 10px */
          top: 40px; /* aligned with logo text bottom */
          vertical-align: middle;
          width: 300px; /* needed for opera */
          }

#search form { 
                display: inline;
                }

#search input[type="text"] {
                             position: relative; /* needed for opera */
                             display: inline;
                             background-color: #ffffff;
                             font-size: 0.9em;
                             line-height: 1.2em;
                             padding: 0.2em 1em 0.2em 1em;
                             border: 1px solid #dddddd;
                             color: #333;
                             width: 60px;
}

#search input[type="text"]:hover {
                               border: 1px solid #ff7200;
}

#search input[type="text"]:focus {
                             background-color: #fff;
                             color: #333;
}

#search input[type="submit"] {
                               display: inline;
                               max-height: 1.90em;  /* sorry, tuned for gecko only */
                               max-width: 150px;
                               line-height: 1.2em;
                               font-size: 0.9em;
                               line-height: 1.2em;
                               padding: 0.2em 10px 0.2em 10px;
                               font-variant: small-caps;
                               font-weight: bold;
                               font-stretch: condensed;
                               border: 1px solid #dddddd;
                               background-color: #2b5385;
                               color: #fff;
                               margin-left: 1em;
}

#search input[type="submit"]:hover {
                               border: 1px solid #ff7200;
   /*                            color: #ff7200;*/
}

ul.flat {
          margin: 0px;
          padding: 0px;
          border: 0px none; 
          list-style: none;
         }

.flat li {
          display: inline;
          padding: 5px;
         }


/*****************
 * Début du menu
 ******************/
#nav {
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 1.1em;
  font-weight: bold;
  height: 1.7em;
  position: absolute;
  top: -1px;
  right: 0;
  z-index: 10;
}
/* Premier niveau */
#nav a {
	text-decoration: none;
	display: block;
}
#nav a:hover {
	color: #ff7200;
}
#nav li {
  float: left;
  position: relative;
  max-width: 140px;
  display: block;
  text-align: center;
}
#nav li a {
	padding: 3px 10px 2px 10px;
	color: #29508b;
	border: 1px solid #dddddd;
	background-color: #b8c6d6;
}
#nav li:hover a, #nav li.over a {
	background-color: white;
	color: #ff7200;
}
/* Second niveau */
#nav li:hover ul, #nav li.over ul { 
	display: block;
}
#nav ul {
   display: none;
   position: absolute; 
	top: auto;
	left: auto;
	margin: 0;
	padding: 0;
}
#nav ul li {
	border-left: 3px solid #ff7200;
   text-align: left;
   clear: both;
}
#nav li:hover ul a, #nav li.over ul a { 
	width: 16em;
	max-width: none;
	border-top-width: 0;
	background-color: #c2c2c2;
	color: #29508b;
}
#nav li:hover ul a:hover, #nav li.over ul a:hover {
	background-color: #c2c2c2;
	color: #ff7200;
}
/*****************
 * Fin du menu
 ******************/



h1 {
                    line-height: 1.2em; 
                    letter-spacing: 0.12em;
                    font-size: 1.1em;
                    font-weight: 800;
}

h2 {
                    line-height: 1.1em; 
                    letter-spacing: 0.11em;
                    font-size: 1.0em;
                    font-weight: 800;
}

h3 {
                    line-height: 1.0em; 
                    letter-spacing: 0.1em;
                    font-size: 0.9em;
                    font-weight: 800;
}

h4,h5,h6 {
                    line-height: 0.9em; 
                    letter-spacing: 0.09em;
                    font-size: 0.8em;
                    font-weight: 800;
}

.container {
	width: 678px; 
	margin-left: 10px;
	margin-right: 10px;
        margin-bottom: 10px;
	text-align:justify; 
	border: 1px solid #d0d0d0;
	background-color: #fff;
	-moz-border-radius: 10px 0;
}

.container h1 {
                               color: #ff7200;
                               margin: 20px 20px 0px 20px;
                               padding-top: 0.20em;
                               padding-bottom: 0.05em;
                               clear: both;
                               border-bottom: 0.18em solid #d0d0d0;
}

.container h2 {
                               color: #ff7200;
                               margin: 20px 20px 0px 40px;
                               padding-top: 0.20em;
                               padding-bottom: 0.05em;
                               clear: both;
}

.container h3 {
                               color: #ff7200;
                               margin: 20px 20px 0px 60px;
                               padding-top: 0.20em;
                               padding-bottom: 0.05em;
                               clear: both;
}

.container h4,h5,h6 {
                               color: #ff7200;
                               margin: 20px 20px 0px 80px;
                               padding-top: 0.20em;
                               padding-bottom: 0.05em;
                               clear: both;
}

.container hr { 
                margin: 20px 20px 0px 20px;
                border: 0.18em solid #d0d0d0;

}

img.lfloat { 
             margin: 0px 10px 10px 10px;
             float: left;
}

img.rfloat { 
             margin: 0px 10px 10px 10px;
             float: right;

}

.banner { 
       text-align: center;

 }

.banner img.banner { 
             margin: 0px auto 0px auto;

}

.container p, dl { 
          margin-left: 80px;
          margin-right: 80px;
          margin-bottom:1.6em;
}

.container ul {
                margin-left: 80px;
                margin-right: 80px;
                padding: 0 0 0 13px;
                list-style-image:  url("/css/cg2005/square4list.png");
                list-style-position: outside;
         }

.container li {

                /*       border-left: 0.3em solid #ff7200;*/
                padding-left: 10px;
                margin-bottom: 0.8em;
           }

a:hover {
        border-bottom: 1px solid #FF7100;
	}

div.rss {
          position: relative;
          float: right;
          margin-right: 20px;
          margin-left: 60px;
          line-height: 1.2em;
          font-size: 0.9em;
          line-height: 1.2em;
          padding: 0.2em 0.3em 0.2em 0.3em;
          font-variant: small-caps;
          font-weight: bold;
          font-stretch: condensed;
/*          max-height: 1.90em;  /* sorry, tuned for gecko only */
          border: 1px solid #dddddd;
          background-color: #ff7200;
          text-align: center; 
          vertical-align: middle;
          color: #fff;
}

div.rss a {
          color: #fff;
}


div.rss a:hover {
          background-color: #ff7200;
          color: #000;
}

#main {
	min-height: 450px; 
}


#footer {
	text-align:right; 
	background-color: #dddddd;
	border: 1px solid #c2c2c2;
	font-size: 0.8em;
}

#footer p { 
          margin-left: 20px;
          margin-right: 20px;
}

pre {
	margin-left: 2em;
	padding-left: 2em;
	border-left: 3px solid #cccccc;
}

/* Pour les portraits des membres du CA sur association/ca.wml */
img.portrait {
	float: left;
	clear: left;
	padding: 5px 10px 5px 0;
}

.graphe {
     margin: 0 235px;
     width: 200px;
     border: 1px solid #2D4779;
     padding: 2px;
}

.graphe .barre {
     display: block;
     background: #ff7200;
     text-align: center;
     color: #333;
     height: 1.5em;
     line-height: 1.5em;
}

.formulaire input {
}