﻿* {margin:0;padding:0}

img, body, div, li, ul, input { behavior: url(./App_Themes/mercure/css/iepngfix.htc) }

body
{

	background-position:center top;
	background-repeat:no-repeat;
	background-image:url(../images/contenu/bg_mercure.jpg);
	color:#FFFFFF;
	font-family:Verdana,Arial,Helvetica,Sans-Serif;
	font-size:11px;
	margin-top:80px;
	text-align:center;   
	 
    
}


/* MENU BIZARRE*/
 .menu_lien{
   position: absolute;
    width:105px;
    height:64px;
 }
#lien1
{
  
    top: 25px;
    margin-left: 70px;
    background: url( '../images/menu/accueil.jpg' );
    background-repeat: no-repeat;
}
 
#lien1:hover {

   background: url('../images/menu/accueil_on.jpg' );
       background-repeat: no-repeat;
       
}

h2 { font-size:13px;
font-weight:bold;
}

#lien1.actif {

   background: url('../images/menu/accueil_on.jpg' );
       background-repeat: no-repeat;
       
}


#lien2 {
  top: 75px;
  margin-left: 65px;
    background: url( '../images/menu/actu.jpg' );
    background-repeat: no-repeat;
  
}
 
#lien2:hover {
  background: url('../images/menu/actu_on.jpg' );
   background-repeat: no-repeat;
}
#lien2.actif {
  background: url('../images/menu/actu_on.jpg' );
   background-repeat: no-repeat;
}

#lien3 {
  top: 110px;
  margin-left: 180px;
    background: url( '../images/menu/cartes.jpg' );
    background-repeat: no-repeat;
 
}

#lien3:hover {
  background: url('../images/menu/cartes_on.jpg' );
     background-repeat: no-repeat;
 
}
#lien3.actif {
  background: url('../images/menu/cartes_on.jpg' );
     background-repeat: no-repeat;
 
}

#lien4{
  top: 120px;
  margin-left: 275px;
    background: url( '../images/menu/seminaire.jpg' );
    background-repeat: no-repeat;
 
}
 
#lien4:hover {
 background: url('../images/menu/seminaire_on.jpg' );
     background-repeat: no-repeat;
}
#lien4.actif {
 background: url('../images/menu/seminaire_on.jpg' );
     background-repeat: no-repeat;
}

#lien5 {
  top: 100px;
 margin-left: 390px;
    background: url( '../images/menu/photo.jpg' );
    background-repeat: no-repeat;
 
}

#lien5:hover {
 background: url('../images/menu/photo_on.jpg' );
     background-repeat: no-repeat;
}
#lien5.actif {
 background: url('../images/menu/photo_on.jpg' );
     background-repeat: no-repeat;
}

#lien6 {
  top: 62px;
margin-left: 428px;
    background: url( '../images/menu/contact.jpg' );
    background-repeat: no-repeat;
 
}
 
#lien6:hover {
  background: url('../images/menu/contact_on.jpg' );
      background-repeat: no-repeat;
 
}
#lien6.actif {
  background: url('../images/menu/contact_on.jpg' );
      background-repeat: no-repeat;
 
}




/* FIN MENU BIZARRE */
div,p,li{font-size:12px}

.links
{
    border-style: solid none none none;
    border-width: thin;
    border-color: #791343;
    padding: 10px;
    margin-top: 20px;
}
.links a
{
    font-size: 10px;
    color: #808080;
    text-decoration: none;
}
.links a:hover
{
    font-style: oblique;
}

#cont{width:550px;margin:0 auto;background:#fff;text-align:left;padding:20px}

.buttons{padding:5px;}
.buttons span{color:#0080FF;padding:0 5px;cursor:pointer;font:10px Verdana}
.buttons span.active, .buttons span:hover{background:#0080FF;color:#fff}

/*MASTERPAGE*/
#global
{
	margin:0 auto 2px;
	text-align:left;
	width:1000px;
	background-color: #511A4A;
	background-image: url(../images/contenu/bg_global.jpg);
	background-repeat:no-repeat;
	height:850px;
}
#d_header
{
	width: 1000px;
	height:245px;
	background: url('../images/header/header-o29.jpg');
	background-repeat:no-repeat;
	background-color:#521a4b;
	position:relative;

}

#d_header_logo
{
  position: absolute;
  top:0px;
  left:824px;
}


#d_header ul
{

  position:relative;
  top:60px;
  list-style:none;
  padding: 0px;
	margin: 0px;



}

#d_header ul a {
	position:absolute;
	display:block;
	left:0px;
	text-decoration:none;
	font: bold 9px Verdana,Arial,Helvetica,sans-serif;
	color:#000000;
	z-index:2;	

}





#d_menu_h
{
    width: 960px;
    background-color: #FFFFFF;
    
}
#d_col_gauche
{

    margin: 0;
    width: 300px;
    float: left;
}

#d_amin {
height:400px;
	width: 298px;
	border: 1px dotted #CCCCCC;
}

#d_anim {
height:400px;
	width: 298px;
}

#d_anim1 {
	height:400px;
	width: 298px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #FFFFFF;
}

.etoile {
color:#FF0000;
font-weight:bold;
}

#d_col_gauche_newsletter 
{

 	width: 294px;  

 		padding-top: 8px;
 		padding-left: 2px;
 		padding-right: 2px;
 		padding-bottom: 8px;
}


#d_centre
{
    padding: 0px;
    margin-left: 1px;
    width: 600px;
    float: left;
	padding-left:20px;


}

.accueil
{
    background-image: url(../images/contenu/img-accueil-transparence.png);
	background-position:bottom;
	background-repeat:no-repeat;
}

#allzone 
{

	padding-right:50px;
	float:left;

}



#d_col_droite
{
    float: left;
    padding: 0;
    margin: 0;
    width: 170px;


}
#d_menu_bas
{
    width: 980px;
    text-align: center;
}
#d_footer
{
    
    width: 960px;
    
}

#td_foot
{
	text-align: right;
}

.block
{
    padding: 0px;
    margin: 5px;
    border: thin solid #791343;
    float: left;
    width: 392px;
}

.txt_justify
{
text-align:justify;
}

.txt_center
{
text-align: center;
}

.souligner
{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

.t_block
{
    padding: 2px;
    background-color: #791343;
    color: #FFFFFF;
    font-weight: bold;
}

.img_block
{
    padding: 5px;
    float: left;
}
.txt_block
{
    margin: 0px;
    padding: 2px 4px 0px 4px;
    text-align: justify;
}
.st_block{
padding: 5px 5px 5px 5px;
}
.st_block ul
{
    margin-left: 0px;
    padding: 0px 4px 0px 20px;
    text-align: justify;
    
}
.news
{
    margin-top:5px;
    padding: 0px;
    border: thin solid #791343;
    float: left;
    
}
#anim_header
{
    padding-top: 5px;
    padding-left: 5px;
}
