/*Configuration générale */

* { margin: 0; padding: 1;}

body 	{
	background-image: url(images/extensiblehead.jpg) ;
	background-repeat: repeat-x;
	font-family: Arial;
	font-size: 0.7em;
}

ul { margin-left : 0; }

a { color: #3e3e3e; }
a:link{  color: 333333 ; }

a:visited {color :666666 ; }

a:hover { color: #1187B5 ; text-decoration: none ; }



a:hover {text-decoration: none; }

/* -Header- */

#header {
	width: 373px;
	height: 153px;
	background: url(images/header.jpg) no-repeat ;
	margin: 0;
}

#header span {
	display: none;
}

/* -Menu header- */

#menuhorizontal {
	height: 27px;
	margin: -96px 0 0 362px;
	list-style-type: none;
      }

#menuhorizontal li {
	float: left;
	display: block;
	width: 81px;
	height: 27px;
	margin: 0 4px 0 5px ;
	line-height: 15px;
	background: url(images/menuheader.jpg) no-repeat;
	text-align: center;
}

#menuhorizontal li a {
	color: #fff;
	font-size: 1em;
	text-decoration: none;
}

#menuhorizontal li a:hover {text-decoration: underline;}

/* Barre de Connexion */

#connexion {
	height: 45px;
	margin: 24px 0px 0px 370px;
	color: #6a6a6a;
	padding: 7px 0px;
     padding-top:1.5em;

}


/* Prelude */
#prelude {
	position: absolute;
	top: 10px;
	right: 18px;
	width: 366px;
	padding: 6px 0 0;
	color: #CAE4FC;
	text-align: center;
}

#prelude a:link, #prelude a:visited {
	font-size: 1em;
	font-weight: bold;
	color: #CAE4FC;
	text-decoration: none;
}

#prelude a:hover {
	text-decoration: underline;
}

#prelude a:focus, #prelude a:active {
	padding: 5px 8px;
	background: ;
	color: red;
}


/* Menu vertical */

#menuvertical  {
        background:white;
        border:0px dotted black;
        position: absolute;
        left:5%;
        width:160px;
        }



#menuvertical ul{
	width: 125px;
      height: 122px;
      border: none 0px;
      margin: 0px 0px 0px 0px;
      padding-bottom: 0px;
      padding-top:10px;
      
      
}


#menuvertical li {
	display: block;
	width: 140px;
	height: 25px;
	line-height: 25px;
	background: url(images/menuvertical.jpg) no-repeat ;
      margin: 8px 0px 0px 0px;
}


#menuvertical li a {
	color: #269ACB;
      font-size: 0.90em;
     font-weight : bold;
      text-align: left;
      vertical-align: middle; 
	padding-left:21px;
}

#menuvertical li a:hover{
      float: left;
	padding-left:17px ;
      background: url(images/flecheover.gif) no-repeat transparent   ; 
      text-decoration: underline;
}

#menuvertical li a:visited {outline: none; }


#menuvertical h3
{
   	color: #9BC400;
      margin-top: 7px ;
      padding-left: 21px;
      font-size: 1.1em;
      font-weight : bold;
      background: url(images/menuverticaltete.jpg) no-repeat;
	width: 140px;
	height: 25px;
	line-height: 25px;

     }


/* Menu droit */

#menudroit
 {
        background:white;
        border:0px dashed black;
        position: absolute;
        right:7%;
        padding-left:10px;
        width:200px;
        
        }


#menudroit li:visited {outline: none; }

#menudroit h3
{
    font-size: 1.1em;
    color: #FFFFFF;
    text-align: center;
    background: #F0F0F0;
    padding-top:5px;

    margin-top: 10px;
    margin: 5px 5px 5px 5px;
    background: url(images/htmend.jpg) no-repeat;
    width:195px;
    height: 25px;
 }

#menudroit h4
{
    font-size: 1em;
    color: #FFFFFF;
    text-align: left;
    background: #ffffff;
    margin: 0px 0px 0px 0px;
    
 }
#menudroit h5
{
    font-size: 1em;
    color: #FF0000;
    text-align: left;
    margin-left: 3px;
      
    
 }

#menudroit h6
{
    font-size: 1em;
    color: #FF0000;
    text-align: center;
    margin-left: 50px;
      
    
 }


/* Contenu */

#contenu  {
        float:left;
        background:white;
        border:0px ridge green;
        margin-left: 28%;
        margin-right:30%;
        voice-family: "\"}\"";
        voice-family: inherit;
        height:100%;
        padding-right:10px;
        padding-left:10px;
        padding-top:30px;
        width:38.5%; 
        font-size: 1.2em;      
        }


#contenu h1
{
      text-align: left;
      color: #769200;
	 margin: 5px 5px 5px 0px;
      padding-left: 5px;
      padding-top: 0px;
      font-size: 1.5em;
      background: url(images/interPARAG_haut.jpg)  no-repeat;
      width:100%;
      height:20px;

     }

#contenu h2
{
     float:middle;
     color: #999999;
	margin: 0px 0px 0px 10px;
     padding-left: 25px;
     font-size: 1.7em;
     padding-bottom: 10px;
     background: url(images/guillemetG.jpg) no-repeat;
     }

#contenu h3
{
      text-align: left;
      color: #333333;
	margin: 5px 5px 5px 0px;
      padding-left: 30px;
      padding-top: 5px;
	font-size: 1em;
      background: url(images/inter.jpg) no-repeat;
      height: 20px;
     }

#contenu h4
{
      text-align: left;
      color: #333333;
	margin: 0px 0px 0px 0px;
      padding-left: 30px;
      padding-top: 0px;
	font-size: 1em;
      background: url(images/interPARAG.jpg) no-repeat;     
      height: 40px;
     }

#contenu h5
{
      text-align: left;
      color: #769200;
	 margin: 5px 5px 5px 0px;
      padding-left: 5px;
      padding-top: 0px;
	 font-size: 1.5em;
      background: url(images/interPARAG_bas.jpg)  no-repeat;
         
      height: 21px;

     }
#contenu h6
{
      text-align: left;
      color: #769200;
	 margin: 5px 5px 5px 0px;
      padding-left: 5px;
      padding-top: 0px;
	 font-size: 1.4em;
      background: url() no-repeat;
      height: 30px;
     }

#cadreR /* Propriétés qui s'appliquent au cadre en général */
{
width: 200px;
background-color: #eeeeee;
}

.hautgauche` .hautdroit` .basgauche` .basdroit /* Propriétés communes aux quatre coins de notre arrondi */
{
height: 20px;
width: 20px;
background-repeat: no-repeat;
}

.hautgauche
{
background-image: url('hautgauche.png');
}

.basgauche
{
background-image: url('basgauche.png');
}

.hautdroit
{
background-image: url('hautdroit.png');
float: right;
}

.basdroit
{
background-image: url('basdroit.png');
float: right;
}



/* Cadre*/

table#sample {
border: none 0px;
width: 600px;
float:middle;

}
table#sample td {
padding: 5px;
padding-left: 5px;
border: none  0px;
font-size: 12px;
background-color:#F5F5F5;}

table#sample2 td {
padding: 5px;
padding-top: 5px;
padding-bottom: 0px;
padding-left: 0px;
border: none  0px;
font-size: 13px;
background-color:#FFFFFF;
}

table#sample3 td {
padding: 5px;
padding-top: 5px;
padding-bottom: 0px;
padding-left: 0px;
border: none  0px;
font-size: 13px;
background: url(images/fondrod.jpg) no-repeat;
width:10%px;
height: 262px;
}





#footer {
     clear: both;
     height: 190px;
     background: url(images/lignefooter4.jpg) ;
     background-repeat: repeat-x;
     	margin: 0 0 0 0;
     padding:0;
	text-align: center;
     font-size: 0.7em;
     padding-bottom:10px;
}