body {
	font-size:11.5pt;
	background: url(null) fixed ;
	font-family : /*Georgia,*/ Arial, sans-serif;
}

img {
	margin : 0.7%;
}

h1 {
		text-align : center;
		font-family : frutiger,helvetica,sans-serif;
		color : #088;
		font-size : 15.5pt;
		text-indent : 0;
}

h2 {
    font-size : 18.5pt;
    list-style: square;
    
}

h3 {
    font-size : 15.5pt;
    color:#555;
    list-style: square;
    
}

h4 {
    font-family : serif;
		font-size : 13.5pt;
		color:#333;
		text-decoration:underline;
    list-style: square;
		text-indent : 2em;
    
}

/*les formulaires*/
.libelle {
  padding-left : 4em;
  font-weight:bold;
  text-align:left;
}

.precision {
  padding-left : 2em;
  text-align:left;
}

.champ {
  padding-left : 5em;
  text-align:left;
}

.titre ul{
  text-align:left;
  padding-left : 8em;
  
}

.vagueseparatrice {
  position : absolute;
  float: left;
  left: 22px;
  /*width: 540px;*/
  border: 0px solid #000;
	top:10px;
	z-index: -1;
}
html>body .vagueseparatrice {
	left: -8px;
  	}

.degrade {
  position : absolute;
  left: 0px;
  /*right:0px;*/
  /*width: 100%;*/
  width:985px;
  height:1000px;
  top:18px;
	z-index: -5;
	background: url('../images/degrade3-3 copie.png') repeat-x;
}
/*
.vagueseparatrice img{

}*/

.fleches{
		position: absolute;
		margin:auto;
		padding: 0px;
		z-index: 47;
		text-align : center;
    left:42px;  
    top:22px;
}

.fleches img{
		border:0;
}

.logo {
		border: 0px solid #000;
		position: absolute;
		margin:auto;
		padding: 0px;
		z-index: -2;
		text-align : center;
    left:-13px;  
    top:8px;
}

.logo img {
		width:232px;
    height:110px;
}

.logoforum {
		border: 0px solid #f0f;
		position: absolute;
		left:220px;
		z-index: 48;
		text-align : center;
		top: 10px;
}



.partenaire {
		border: 0px solid #f00;
		position: absolute;
		margin:auto;
		padding: 1px;
		height: 210px;
		z-index: 48;
		text-align : center;
		font-size: 0.6em;
		top: 8px;
		left: 877px;
}

.partenaire img {
		height : 83px;
		padding-bottom: 10px;
		width : 100px;
}

.partenaire legend {
		max-height : 10%;
		max-width : 100%;
		font-size: 8pt;
}

.contenu {
  position : absolute;
  float: left;
  left: 210px;
  width: 730px;
	border: 0px solid #000;
	top:225px;
	margin : auto;
	z-index: -1;
}

.contenu p {
  text-indent : 2em;
  text-align: justify;
  margin-left : 1em;
  /*direction : rtl;*/
}

.date {
		position: absolute;
		/*border: 1px solid #f52734;*/
		padding: 2px;
		/*background-color: #fff;*/
		z-index: 50;
		font-family:verdana,univers,frutiger,helvetica,sans-serif;
		font-weight:bold;
		color:#222;
		font-size:100%;
		top:80px;
		left:280px;
}

.titremenugauche {
		position: absolute;
		border: 0px solid #000;
		padding: 0.25%;
		/*background-color: #fff;*/
		font-size:0.75em;
		font-family:frutiger,helvetica,sans-serif;
		text-align : center;
		z-index: 10;
		top:175px;
		left:1px;
		width: 180px;
}


.vaguemenugauche16 {
  position : absolute;
  float: left;
  left: 0px;
  /*width: 540px;*/
  border: 0px solid #000;
	top:105px;
	z-index: -5;
}

html>body .vaguemenugauche16 {
   left: -21px;
 
}
.menugauche {
		position: absolute;
  	border: 0px solid #00ff00;
		padding: 6px;
		z-index: 9;
		font-size : 100%;
		top:200px;
		left:10px;
		width:150px;
	/*background-image : url("images/fond2.png");*/
}

.menugauche ul{
	list-style-image: url("../images/puce1.png");
/*	padding-left : 25px;*/
	padding : 19px;
	font-family : Georgia, Arial, sans-serif;
	vertical-align : middle;
	margin : 0;

}

.menugauche li{
	/*padding : 1px;*/
	padding : 0;
	margin : 0;
}

.menugauche a{
		color: #255871;
		text-decoration: none;
}

.menugauche a:hover{
		color: #000000;
		text-decoration: overline underline;
}

.menugauche li a.courant {
  font-style: italic;
}
.authentification {
    position: absolute;
  	border: 0px solid #00ff00;
		padding: 6px;
		z-index: 8;
		font-size : 100%;
		top:250px;
		left:3px;
		width:120px;
		font-size :70%;
		/*visibility : hidden;*/
}

.authentification input{
    width:80px;
}

.espaceprive {
    position: absolute;
  	border: 0px solid #00ff00;
		padding: 6px;
		z-index: 8;
		font-size : 100%;
		top:550px;
		left:5px;
		width:105px;
		font-size :85%;
}

address {
  margin-left : 200px;
}
/*
ecole {
		font-style: italic;
}

point {
		font-weight : bold;
}
*/
.signature {
		text-align : right;
		font-style: italic;
}

.coordonnees {
		text-indent : 0;
		/*font-family : sans-serif;*/
		text-align : left;
		font-style: italic;
		font-size:90%;
}

legend {
		text-indent:0;
}



.menufixegauche {
		position: absolute;
		/* pour IE : */
		top: expression(body.scrollTop + document.body.clientHeight*0.75+ "px");
		/* finIE */
		width: 17%;
		left: 0.5%;
		border: 0px solid #088;
		padding: 1%;
		background-color: #fff;
		z-index: 10;
		font-size:0.75em;
		font-family:frutiger,helvetica,sans-serif,monospace;
  	/*background-image : url("images/fond1.png");*/
}

html>body .menufixegauche {
	position: fixed;
	width: 17%;
	bottom: 1%;
}


.enteteblanc {
		position: absolute;
		border: 0px solid #d50004;
		left:-3px;
    width:1000px;
		padding: 2px;
		background-color: #fff;
		z-index: 5;
}


.pied {
		padding-top:200px;
    margin:auto;
		color:#555;
		font-size:80%;
		left:237px;
		width:640px;
		/*visibility : hidden;*/
}

.pied table {
  margin :0;
  padding:0;
  /*border:1px black solid;*/
}

.pied th {
    text-align:left;
    color:#666;
    font-size:80%;
    /*border:1px black solid;*/
    width:125px;
}

.pied td {
    text-align:left;
    color:#777;
    font-size:80%;
    /*border:1px black solid;*/
    width:125px;
}

.slogan {
		position: absolute;
		border : 1px solid #a80;
		background-color: #fff;
		font-family:serif;
		font-weight:light;
		color:#000;
		font-size:70%;
		letter-spacing : 3px;
		text-align : center;
		z-index : 12;
}

.affiche {
  /*margin-top:30px;*/
  border : 5px solid white;
}

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/elegant1.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#menu {
    position: absolute;
    top : 142px;
    left:230px;
    padding:0;
    /*margin: 180px 0 0 150px;*/
    list-style:none;
    font-size:25px;
    font-family:"georgia", serif;
    z-index:100
    }
#menu table {border-collapse:collapse; height:0; width:0; margin:0 -4px -1px 0;}
/*#menu li {float:left; margin:0 5px;color:black;background :white;}*/
#menu li {float:left; margin:0 0px;color:black;padding-top:10px;padding-bottom:10px;padding-left:10px}
/*#menu li { filter: alpha(opacity=97.5);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=97.5);
 -moz-opacity: 0.975; opacity:0.975;}*/

#menu li a {display:block; float:left; height:35px; line-height:35px; color:#000; text-decoration:none; border-bottom:2px solid #F71226;}
/*#menu li a.current {font-style:italic; color:#06b; border-bottom:3px solid #c50724; cursor:text;}*/
#menu li a.current {font-style:italic; color:#06b; border-bottom:0px solid #c50724; cursor:text;}

#menu li:hover {position:relative; z-index:100;}
#menu li a:hover {color: #06b; position:relative; z-index:100; border-bottom:2px solid #400FAF;}
#menu li:hover > a {color: #06b; border-bottom:2px solid #400FAF;}
#menu ul {position:absolute; left:-9999px; top:38px; width:140px; padding:0; margin:0; 
list-style:none;
/*list-style-image: url("images/puce1.png");*/
 background:url(trans.gif);}
#menu ul li {margin:0;padding:5px;padding-right:30px;}
#menu ul li a {width:140px; height:25px; line-height:25px; font-size:15px; border:0; text-align:right;}
#menu ul li a:hover {border:0;}
/*ne marche pas*/
/*#menu ul li a:hover {background:url(noir.JPG) repeat; color: white}*/
#menu ul li:hover > a {border:0;}

#menu ul ul {position:absolute; margin-left:100%; top:0; padding:0; margin:0; list-style:none;}

#menu :hover ul {right:0; left:auto;}
#menu :hover ul ul {left:-9999px; width:130px; padding-left:10px; background:url(trans.gif);}

#menu li ul :hover ul {left: 140px; right:auto;}
#menu li ul li ul li a {text-align:left; color:#06b;}
#menu li ul li ul li a:hover {color:#000;}

img.elegant {margin-top:250px;}

/* partie innovation de Tateu*/
/*#gauche {float: left; position : absolute; left:50px;top:0px}
#banniere {position : absolute; top:0; left:150px}
#contenu {left:150px;top:235px;position:absolute;color:#111;}*/


.logoforum img {
  	width:608px;
		height:63px;
		border : 0px white hidden;
}

.logoforum a img {
	border : 0px white hidden;
}
