/*CSS*/

body {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left:0px;
	text-align:center;  /*correction du non alignement sous IE */
}

a img {
border: none;
}

img
{
border:none;
}

#global {
width:800px;
margin-top:0px;
margin-bottom:0px;
margin:auto;
position:relative;
border:#000000;
height:auto;
}

#banniere {
height:140px;
width:800px;
position:absolute;
border:#000000;
margin:auto;
left:0px;
top:0px;
}

#conteneur {
width:800px;
margin:auto;
position:absolute;
top:140px;
height:auto;
top:140px;
left:0px;
}

#contenu { 
position:absolute;
width: 626px;
background-color: #FDE46F;
height:auto;
left:173px;
top:26px;
border:#000000;
z-index:1;
margin:auto;
background-image: url(img/croix_conteneur.gif);
background-repeat: no-repeat;
/*background-position: auto;*/
}



#news {
position:absolute;
width:159px;
height:auto;
background-color: #FDE46F;
left:0px;
top:26px;
border:#000000;
z-index:1;
margin:auto;
background-image: url(img/croix_news.gif);
background-repeat: no-repeat;
/*background-position: auto;*/
}

#bandonews
{
width:159px;
left:0px;
top:0px;
position:absolute;
border:#000000;
z-index:1;
margin:auto;
}

#bando
{
width:626px;
left:173px;
top:0px;
position:absolute;
border:#000000;
z-index:1;
margin:auto;
}

/* propriétés communes à l'ensemble des 4 coins */
#hautgauche, #hautdroit, #basgauche, #basdroit {
height: 30px; width: 30px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}

/* propriétés spécifiques à chaque coin */
#hautgauche {
background: url(img/hautgauche.gif);
}

#hautdroit {
float: right;
background: url(img/hautdroit.gif);
}

#basgauche {
float:left;
background: url(img/basgauche.gif);
}

#basdroit {
float: right;
background: url(img/basdroit.gif);
}

/* css pour le menu*/
#menu
{height:0;  /*pour le bug IE */
position:absolute;
left:9px;
top:91px;
z-index:2;
text-align:left; /*retablissement de  la mise en page pour le bug avec et et correction d'un autre bug de decentarge avec IE*/
}


#menu dl 
{ /* sous-menus complets */

width: 107px;
height: 30px;
float: left;
margin: 0 1px;
}


#menu dt 
{ /* titres */
text-align: center;
line-height:30px;
font-weight: bold;
font-family:Arial, "Times New Roman", Verdana;
color: #ffffff;
height: 30px;
width: 107px;
background: url(img/onglet_crys.gif) no-repeat 0 0 ;

}


#menu li 
{
list-style-type: none;
height:20px;
width: 107px;
background: url(img/ssonglet.gif) no-repeat 0 0;

}


#menu li a, 

#menu dt a 
{ /* liens */
color: #ffffff;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;

}

#menu li a:hover, 

#menu dt a:hover 
{ /* liens survolés */

background: url(img/onglet_crys_o.gif) no-repeat 0 0;


/*width: 107px;
height: 30px;a enlever ainsi que width pour ne pas faire l'effet de redimension*/
}


#menu dd 
{/* partie dynamique */
display:none;
text-align:left;
position: absolute;
width:107px;
margin:auto;
z-index:100;


}

#txtac 
{
font-family:Arial, "Times New Roman", Verdana;
color:#000000;
top:100px;
z-index:3;
}

#imgac
{
position:float;
z-index:5;
margin-right:0px;
margin-top:0px;
}

.txt
{
text-align:justify;
font-family:Arial, "Times New Roman", Verdana;
font-size:11px;
color:#000000;
position:float;
z-index:3;
padding-top:10px;
padding-left:10px;
padding-right:10px;
}

.sign
{
text-align:right;
font-family:Arial, "Times New Roman", Verdana;
font-size:10px;
color:#000000;
position:relative;
z-index:3;

}

.titrep
{
text-align:left;
font-family:Arial, "Times New Roman", Verdana;
font-size:14px;
color:#000000;
position:relative;
z-index:3;
margin-top:10px;
margin-right:10px;
margin-left:10px;
padding-left:10px;
padding-bottom:10px;
}

.titre
{
text-align:center;
font-family:Arial, "Times New Roman", Verdana;
font-size:14px;
color:#000000;
position:relative;
z-index:3;
margin-top:10px;
margin-right:10px;
margin-left:10px;
}

.form
{
position:relative;
left:20px;
}

#copy
{
text-align:justify;
font-family:Arial, "Times New Roman", Verdana;
font-size:8px;
color:#000000;
position:relative;
z-index:3;
margin-top:10px;
margin-right:10px;
margin-left:10px;
}

.right
{
position:absolute;
right:0px;
width: 450px;
height:150px;

}

.contenuo
{
position: absolute;
left: 0px;
margin-top:10px;
width: 626px;
}

.descr
{
position: relative;
width:626px;
margin-top: 200px;
}

.ref
{
text-align:justify;
font-family:Arial, "Times New Roman", Verdana;
font-size:12px;
color:#000000;
position:relative;
z-index:3;
margin-top:10px;
margin-right:10px;
margin-left:10px;
border-left:2px solid black;
padding-left:5px;
padding-top:10px;
/*vertical-align:middle;*/
}

.titrelien
{
position:relative;
text-align:center;
font-family:Arial, "Times New Roman", Verdana;
font-size:14px;
color:#000000;
z-index:3;
margin-top:10px;
background-color: #E05757;
margin:10px;
}

a.info {
  position:relative;
  margin-left: 10px;
  margin-top:10px;
}
a.info:hover {
   background: none; 
   z-index: 10; 
}

a.info span {display: none;}

a.info:hover span {
   display: inline; 
   position: absolute;
   font-weight:normal;
   margin-top:43px;
   top: -150px; 
   left: 0px;
   border:1px solid black;
   }

   /* mettre les . pour les clas car sinon les menu prenne en compte ces styles. Probleme avec IE notememnt    */
.lien a:visited {
	font-family:Arial, "Times New Roman", Verdana;
	font-size: 11px;
	color: #000000;
	font-weight:bolder;
	text-decoration : none;
}
.lien a:link {
	font-family:Arial, "Times New Roman", Verdana;
	font-size: 11px;
	color:#000000;
	font-weight:bolder;
	text-decoration : none;
}
.lien a:hover {
	font-family:Arial, "Times New Roman", Verdana;
	font-size: 11px;
	color:#f28714;
	font-weight:bolder;
}


#globnum
{
position:relative;
width:520px;
margin-top:0px;
margin-bottom:0px;
margin:auto;
height:auto;
border:#000000;
z-index:14;
}

#num2
{
margin:0px;
position:relative;
height:10px;
top:170px;
float:left;
width:10px;
z-index: 15; 
left:56%;
}

#num2 a:visited {
	font-family:Arial, "Times New Roman", Verdana;
	font-size: 11px;
	color: #000000;
	font-weight:bolder;
}
#num2 a:link {
	font-family:Arial, "Times New Roman", Verdana;
	font-size: 11px;
	color:#000000;
	font-weight:bolder;
}
#num2 a:hover {
	font-family:Arial, "Times New Roman", Verdana;
	font-size: 11px;
	color:#f28714;
	font-weight:bolder;
}