* {
	margin:0;
	padding:0
}
body {
	height: 100%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555;
	background-image: url(../medias/background_page.jpg);
	text-align: center;
}
img {
    border: none;
}
ul {
   list-style: none;
}
hr {
   clear: both;
   color: #fff;
   background-color: #fff;
   display:block;
   visibility: hidden;
   margin-bottom: 20px;
   _margin: -7px 0 13px 0;
}
a, a:hover {
  text-decoration: none;
  color: #555;
}
strong {
       color: #444;
}
form {
text-align: left;
}
.win {
     font-style: italic;
}
.help {
      cursor: help;
}
.tab {
     width: 170px;
     float: left;
}
.center {
        display: block;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
}
.accessibility {
   position: absolute;
   top: -999em;
   left: -999em;
}
/*   blocs    */

#page {
        position : relative;
        background-color: #fff;
        background-image: url(../medias/corps.jpg);
 	background-repeat: repeat-y;
	width: 800px;
	margin: 0 auto;
	text-align: left;
}
/* L'entête
-------------------------------------------------------- */
#theso {
       text-indent: -5000px;
       line-height: 0;
       visibility: hidden;
}
#top {
	height: 171px;
 	background: url(../medias/entete.jpg) no-repeat left top;
}
#switch {
 	position: absolute;
 	top: 0;
 	right: 0;
}
#logo_top {
       	position: absolute;
        top: 26px;
       	left: 35px;
}
#telephone {
 	   position: absolute;
 	   top: 40px;
 	   left: 600px;
}
#adresse {
      position: absolute;
      top: 56px;
      left: 360px;
}
#menu {
      position: absolute;
      top: 111px;
      left: 175px;
      font-size: 12px;
      font-weight: bold;
}
#gauche {
      position: absolute;
      top: 212px;
      width: 127px;
      padding-left: 22px;
      font-size: 10px;
      font-weight: bold;
}
#gauche h3 {
	line-height: 20px;
	padding-left: 0px;
	font-size: 13px;
	color: #0033FF;
	border-bottom: solid;
	border-width: 1px;
	border-color: #ccc;
}
#gauche h4 {
	line-height: 20px;
	padding-left: 0px;
	font-size: 13px;
	color: #0033CC;
	border-bottom: solid;
	border-width: 1px;
	border-color: #ccc;
}
#gauche hr {
	display:block;
	height: 2px;
	width: 80px;
	margin: 10px auto;
	_margin: 3px auto;
	padding: 0;
	color: #ffd320;
	background-color: #ffd320;
	border: 0;
}
#gauche ul {
	padding-bottom: 20px;
}
#gauche li {
	padding: 1px 0;
	display: block;
}
#gauche a {
	color: #666;
	display: block;
	padding: 3px 0 3px 15px;
	background: url(../medias/tab.gif) top repeat-y;
}
#gauche a:hover {
	color: #333;
	background: url(../medias/tab_on.gif) top repeat-y;
}
#sidebar {
	 position: absolute;
	 top: 161px;
	 right: 0;
      	 width: 170px;
      	 font-size: 9px;
}
#sidebar ul {
	padding: 3px 5px 6px 6px;
}
#sidebar li {
	padding: 0 0 4px 13px;
	/*background: url(medias/puce_fleche.jpg) top no-repeat;*/
	background-position: 0 7%;
}
#sidebar a {
      color: #555;
}
#sidebar a:hover {
      text-decoration: underline;
}
#corps {
       position: relative;
       top: -15px;
       left: 173px;
       width: 435px;
       height: auto !important;
       height: 680px;
       min-height: 680px;
       text-align: justify;
       line-height: 14px;
}
#corps a{
       text-decoration: underline;
       color: #dfac00 ;
}
#corps a:hover{
       color: #f4bc00 ;
}

#corps h2 {
       padding: 8px 0 0 34px;
       margin-bottom: 8px;
       font-size: 13px;
}
#corps h3 {
       padding: 10px 0 3px 0;
       margin-bottom: 8px;
       font-size: 13px;
       border-bottom: 1px solid #F0CC00;
}
#corps h4 {
       padding: 10px 0 3px 0;
       margin-bottom: 5px;
       font-size: 12px;
}
#corps p {
       text-indent: 34px;
       margin-bottom: 8px;
}
#corps ul {
       margin-bottom: 8px;
       list-style-image: url(../medias/puce_fleche.jpg);
}
#corps li {
       margin: 3px 0 0 35px;
}
#corps dl {
       position: relative;
}
#corps dt {
       font-variant: small-caps;
       font-size: 12px;
       margin: 0 0 4px 26px;
       padding: 0 0 0 14px;
       background: url(../medias/puce_fleche.jpg) no-repeat 0 50%;
}
#corps dd {
       margin: 0 70px 8px 65px;
       text-align: left;
}
#corps img.titre {
       margin: 0 0 10px 16px;
}

/* Illustrations
-------------------------------------------------------- */
#corps img.left {
       float: left;
       margin:6px 10px 0 0;
}
#corps div.right {
       float: left;
       width: 244px;
}
#corps div.vright {
       float: left;
       width: 300px;
}
#corps div.left {
       float: right;
       width: 242px
}
#corps img.right {
       float: right;
       margin : 6px 0 0 10px;
}
#corps img.center {
       margin : 10px auto 15px auto;
}
/* Lexique
-------------------------------------------------------- */
#corps ul.lexique {
       margin: 10px 0;
       list-style-image: none;
       text-align: left;
       font-size: 15px;
       font-weight: bold;
}
#corps li.lexique{
       margin : 0 3px;
       padding: 4px;
       background: url(../medias/puce_fleche.jpg) no-repeat;
       background-position: 50% 50%;
       display: inline;
       color: #fa4bc0;
}
* html #corps li.lexique {background-position: 45%  50%;}   /* pour IE */
#corps li.select{
       border: 2px solid #F4BC00;
       color: #999;
}
#corps li.lexique a{
       text-decoration: none;
       padding: 3px 4px;
       color: #999;
       border: 1px solid #eee;
}
#corps li.lexique a:hover{
       color: #444;
       border: 1px solid #999;
}
.lexique span {
       visibility: hidden;
}
/* telechargements
-------------------------------------------------------- */
.telecharg {
		 text-align: right;
		 font-size: 11px;
		 font-weight: normal;
		 margin: 5px 0 0 0;
		 padding: 0;
}
/*
.telecharg a {
		 background: url(../puce_telecharg.gif) no-repeat 100% 0;
		 padding: 0 18px 0 0;
}

*/

/* contact
-------------------------------------------------------- */
fieldset{
	border: none;
}
.field label{
	display: block;
}

.field input, .field textarea{
	border: 1px solid #999;
	margin:4px 0 6px 34px;
}
.field input.submit {
      background-color: #fff9e2;
      border: 1px solid #f0cc00;
      cursor: pointer;
      cursor: hand;
}
/* corps large
-------------------------------------------------------- */
#corps.large {
	     font-size: 10px;
	     width: 600px;
	     line-height: 12px;
	     color: #888;
}
#corps.large h5 {
	     padding: 5px 0 0 0;
       	     margin-bottom: 5px;
       	     font-size: 12px;
}
/* Plan
-------------------------------------------------------- */
#corps.plan a {
	    
	    width: 600px;
	    color: #888;
	    text-decoration: none;
}
#corps.plan a:hover {
	    text-decoration: underline;
            color: #666;
}
#corps.plan ul{
       margin: 3px 0 6px 65px;
       list-style-image: none;
       text-align: left;

}
#corps.plan li{
       margin: 3px 0 3px 0;
       padding 0;
}
/* Le pied de page
-------------------------------------------------------- */
#footer {
      position : relative;
      clear: both;
      height: 52px;
      background: url(../medias/pied.jpg) bottom no-repeat;
      font-size: 9px;
      text-align: center;
}
#footer ul {
      padding-top: 33px;
      padding-left: 240px;
}
#footer li {
      display: inline;
      padding: 10px;
}
#footer a {
      color:#333;
}
#footer a:hover {
      color:#222;
      text-decoration:underline;
}
#footer img {
	margin: 18px 0 0 0;
}
#tag {
     position: absolute;
     top: -10px;
     left: 40px;
}
#retour {
     position: absolute;
     top: -12px;
     left: 165px;
}
/*   menu principal
-------------------------------------------------------- */

#menu li {
	display: block;
	float:left;
}
#menu a {
	display: block;
        color:#666;
	padding: 6px 20px 6px 18px;
	background: url(../medias/onglet.gif) no-repeat;
	position: relative;
}
#menu a#a0 { left: 0px;}
#menu a#a1 { left: -10px;}
#menu a#a2 { left: -20px;}
#menu a#a3 { left: -30px;}
#menu a#a4 { left: -40px;}
/*
#menu a#a5 { 
	left: -0px; 
	height: 16px ; 
	width: 10px;
	background: url(../medias/onglet_ferm.gif) no-repeat;
}
*/

#menu a:hover {
	background: url(../medias/onglet_hover.gif) no-repeat;
	color:#fff;
}
#menu a.on {
	background: url(../medias/onglet_on.jpg) no-repeat;
	color:#fff;
}
#menu img {
      position: absolute;
      left: 440px;
}

/*   boite    */
.boite {
       width: 155px;
       margin-bottom: 15px;
       background: url(../medias/boite_bottom.jpg) bottom no-repeat;
}
.boite h4 {
	background: url(../medias/boite_top.jpg) top no-repeat;
	text-align: center;
	line-height: 23px;
	font-size: 11px;
	color: #fff;
}

.boite h3 {
	text-align: left;
	line-height: 23px;
	font-size: 10px;
	color: #fff;
}