#div_lien { 
position:absolute;
display:block; 
width:156px;
top:6px;
left:46px;
height:110px;
z-index:10;
background-image:url(../../../images/transparent.gif);
/*border:1px solid #000000;*/
cursor:pointer; 
/*border:1px solid #000000;*/
} 

#div_lien a { 
display:block; 
position:absolute; 
top:0; 
left:0; 
width:100%; 
height:100%; 
color:#dfd; 
text-decoration:none; 
background:url(../../../images/transparent.gif);/* image transparente de 5px sur 5px */ 
} 
   
#Le_contenu
{
position:absolute;
width:960px;
height:580px;
left: 50%;
margin: 0 0 0 -481px;
padding:0;
/*border : 1px solid #000000;*/
background:#cc061d;
}

#Le_contenu_PAGE{
position:absolute;
width:962px;
min-height: 99%;
height:100%;
left: 50%;
margin: 0 0 0 -481px;
background:#FFFFFF;
}

    

/****************************************************************************/
/* Menu javascript */
/****************************************************************************/

.menu{
	position:relative;
	left:50px;
	margin:0 0 0 200px;
	padding:0;
	width:760px;
	top:5px;
	/*background-color:#712845;*/
	font-size: 10px;
	font-weight:bold;
	font-family:Verdana;
}

.menu ul{
	position:relative;
	display:block;
}
   
.menu li ul{
	visibility:hidden;
	margin-top:80px;
	margin-left:-50px;
}

.menu li li ul{
	position:absolute;
	margin-top:10px;
	margin-left:30px;
}

.menu li{
	float:left; /* vertical ou horizontal */
	margin:0;
	padding:0;
	height:94px;
	width:130px;
	background-image:url(../../../images/menu.gif);
	background-repeat:no-repeat;
}
        
.menu li li{
	display:block;
	float:none;
	width:250px;
	text-align:left;
	border-right: 0px;
	background-color: #712845;
	background-image:none;
}
   
.menu li li li{
	display:block;
	float:none;
	width:250px;
	text-align:left;
	background-color: #BA3064;
	background-image:none;
}
    
.menu a{
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;
	font-size:16px;
}
    
    
.menu a:focus{
	background-color: #712845;
}

a:hover{
	font-weight:bold;
}

p a {
font-family: Verdana; font-size: 10px; color: #0A2C50; text-decoration:none; 
}

/****************************************************************************/

body, html {

height: 99%;
	margin: 0 ;
	padding:0;
}

/**************************/
/* Définition de l'iframe */
/**************************/
body#general {
	font-family: Verdana;
	margin: 2px ;
	padding:0px;
	background: #CF1A24 ;
	height: 99%;
}

body#front {
	font-family: Verdana;
	margin: 0 ;
	padding:0;
	background-color:#a6081a;
}

body#page {
	font-family: Verdana;
	margin: 2px ;
	padding:0px;
	height:100%;
	background-image:url(../../../images/charte/background_page.jpg);
	background-repeat: repeat ;
	background-attachment:fixed;
}

.centpourcent {
 height:500px;
 width:100%;
}

body#frontgeneral {
position:absolute;
width:962px;
height:100%;
left: 50%;
padding:0;
margin: 0 0 0 -481px;
background:url(../../../images/fond.gif) repeat-x fixed top left;
}

body#iframe {
	font-family: Verdana;
	margin: 2px ;
	padding:0px;
	background: #FFFFFF ;
	height: 99%;
}

.texte_erreur {
	font-size: 12px;
	color: #FF0000;
	font-weight: bold;
}

h1 {
	font-size: 13px;
	font-weight: bold;
} 

h2 {
	font-size: 12px;
	font-weight: bold;
} 



h3 {
	font-size: 10px;
	font-weight:bold;
} 

h4 {
	font-size: 10px;
	font-weight:normal;
} 

.conteneur {
	width: 770px ;
	text-align:center;
	vertical-align:middle;
	border: 2px solid #F8EC1E ;
	background: #FFFFFF ;
	margin: auto ;
	height: 100%;
}

.conteneur2 {
	width: 962px ;
	text-align:center;
	vertical-align:middle;
	background: #FFFFFF ;
	margin: auto ;
	height: 100%;
}

td, th {
	font-size: 10px;
}

table {
	margin:auto;
	text-align:center;
}

div.listeAction {
	margin: 0px 0px 10px 0px;
}

div.listeAction td {
	margin: 0px ;
	padding:0px;
}

.login {
	position:absolute;
	left: 50%;
	top: 50%;
	width: 400px;
	height: 200px;
	margin-top: -100px; /* moitié de la hauteur */
	margin-left: -200px; /* moitié de la largeur */
	border: 1px solid #000000;
	background-color: #eee;
	text-align:center;
}


a {
	text-decoration:none; 
	color: #000000;
}

a:hover {
	text-decoration:underline; 
}

div#contenu {
	padding: 0px 20px 0px 20px ;
	height:90%;
}

div#pre {
	overflow: auto ;
	border: 2px solid #F8EC1E ;
	height:100%;
}

p#footer {
	margin: 0 10px 0 0  ;
	line-height: 25px ;
	text-align: right ;
	font-size: 9px;
	font-weight:bold;
	vertical-align:bottom;
}
		
.modifmdp {
	text-align:center;
}

.message_erreur {
	border: 1px solid #000000;
	background-color: #FF0000;
	text-align:center;
	color:#FFFFFF;
	line-height:16px;
	font-size: 9px;
	font-weight:bold;
	font-family: Verdana;
	
}

.message_confirm {
	border: 1px solid #000000;
	background-color: #33CC33;
	text-align:center;
	color:#FFFFFF;
	line-height:16px;
	font-size: 9px;
	font-weight:bold;
	font-family: Verdana;
}

/*********************************************************************/
/* Définition des champs de formulaires dans le back et front office */
/*********************************************************************/
input {
	color: #000000;
	font-family: Verdana;
	font-size: 12px;
	border: 1px solid #CCCCCC;
}

textarea {
	color: #000000;
	font-family: Verdana;
	font-size: 12px;
	border: 1px solid #CCCCCC;
}

.checkbox { border:0px; }

select {
	color: #000000;
	font-family: Verdana;
	font-size: 12px;
	border: 1px solid #CCCCCC;
}
/************************************************************/


/*************************************************************/
/* Définition des champs de formulaires dans le front office */
/*************************************************************/
.formstyle
{
	color: #000000;
	font-family: Verdana;
	font-size: 10px;
	font-weight:normal;
	border: 1px solid #4eb0cf;
}
/*************************************************************/

/********************/
/* HTML TABLE TOOLS */
/********************/
.sortable #firstligne {
	color:#FFFFFF;
	background-color:#333333;
}

table.sortable td  {
padding: 1px;
margin:0;
}

table.sortable a.sortheader {
	font-family: Verdana;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration:none;
}
table.sortable span.sortarrow {
	color: white;
	text-decoration: none;
}

table.sortable tr.rowA {
	background-color: #FFF;
}

table.sortable tr.rowB {
	background-color: #EEE;
}

table.sortable tr.highlighted,table.sortable td.highlighted {
	background-color: #66E;
}
table.sortable tr.highlighted  td {
	color: #FFF;
}

table.sortable tr.selectedRow {
	background: #11D;
}
table.sortable tr.selectedRow  td {
	color: #FFFFFF;
}
/********************/


/**************************/
/* Tableau à coin arrondi */
/**************************/
.Tableauarrondi {
	background: transparent;
	width:100%;
	margin:0 auto;
}
.Tableauarrondi .top, .Tableauarrondi .bottom {
	display:block;
	background:transparent;
	font-size:1px;
}
.Tableauarrondi .b1, .Tableauarrondi .b2, .Tableauarrondi .b3, .Tableauarrondi .b4, .Tableauarrondi .b5 {display:block; overflow:hidden; height:1px; background:#FFFFFF; border-left:1px solid #000; border-right:1px solid #000;}
.Tableauarrondi .b1 {margin:0 5px; background:#000;}
.Tableauarrondi .b2 {margin:0 4px;}
.Tableauarrondi .b3 {margin:0 3px;}
.Tableauarrondi .b4 {margin:0 2px;}
.Tableauarrondi .b5 {margin:0 1px;}
/**************************/

   

    
#menu_front li ul a{
    text-align:left;
    color:#FFF;
    font-weight:bold;
    display:block;
    width:186px;
    height:25px;
    text-decoration:none;
    margin:0;
    padding:0 0 0 7px; 
   }


#menu_front ul {
		margin:0;
		padding:0;
    list-style:none;
    display:block;
    }
		
#menu_front li {
    float:left;
    background:url("../../../images/charte/droite_menu_jaune.jpg") no-repeat right bottom;
		color:white;
		font-weight:bold;
		margin:0;
		padding:0;
    }    
#menu_front li a {
		display:block;
    background:url("../../../images/charte/gauche_menu_jaune.jpg") no-repeat left bottom;
    padding:0px 11px;
    font-size:13px;
		line-height:28px;
		margin:0 0 0 0px;
		font-weight:bold;
    }
     
     
#menu_front #current {
    background-image:url("../../../images/charte/droite_menu_blanc.jpg");
    }
#menu_front #current a {
	background-image:url("../../../images/charte/gauche_menu_blanc.jpg");
	color:#FFFFFF;
	}  
   
#menu_front #current:hover {
	color:#000000;
	font-weight:bold;
	text-decoration:none; 
    }
#menu_front #current a:hover {
	text-decoration:none;
	color:#000000;
	font-weight:bold;
	}  
    
#menu_front ul li a:hover {
	color:#000000;
	font-weight:bold;
	text-decoration:none; 
	}  
#menu_front ul li:hover {
	color:#000000;
	font-weight:bold;
	text-decoration:none; 
}
#menu_front ul li a {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none; 
	}  
#menu_front ul li {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none; 
}


#menu_front li ul li {
background:none;
		background-color:#f7a01d;
}
#menu_front li ul li:hover{
background:none;
		background-color:#f7a01d;
}
#menu_front li ul li a{
background:none;
		background-color:#f7a01d;
}
#menu_front li ul li a:hover{
background:none;
		background-color:#f7a01d;
}

#menu_front #current ul li {
background:none;
		background-color:#f7a01d;
}
#menu_front #current ul li:hover{
background:none;
		background-color:#f7a01d;
}
#menu_front #current ul li a{
background:none;
		background-color:#f7a01d;
}
#menu_front #current ul li a:hover{
background:none;
		background-color:#f7a01d;
}


#menu_front ul li ul {
		/*display:none;*/
    visibility:hidden;
		width:140px;
		padding:0 0 0 5px;
		margin:0;
		position:absolute;
}

	

    
#page_front li ul a{
    text-align:left;
    color:#FFF;
    font-weight:bold;
    display:block;
    width:186px;
    height:25px;
    text-decoration:none;
    margin:0;
    padding:0 0 0 7px; 
		background:none;
		z-index:1500;
   }


#page_front ul {
		margin:0;
		padding:0;
    list-style:none;
    display:block;
		height:28px;
		z-index:1500;
   }
	 
#page_front {
 		/*border:1px solid #00CC99;*/
		background-color:#c6061d;
   }
		
#page_front li {
    float:left;
    background:url("../../../images/charte/droite_menu_jaune.jpg") no-repeat right bottom;
		color:white;
		font-weight:bold;
		margin:0;
		padding:0;
		z-index:1500;
    }    
#page_front li a {
		display:block;
    background:url("../../../images/charte/gauche_menu_jaune.jpg") no-repeat left bottom;
    padding:0px 8px;
    font-size:10px;
		line-height:28px;
		margin:0 0 0 0px;
		font-weight:bold;
		z-index:1500;
    }
     
     
#page_front #current {
    background-image:url("../../../images/charte/droite_menu_blanc.jpg");
		z-index:1500;
    }
#page_front #current a {
	background-image:url("../../../images/charte/gauche_menu_blanc.jpg");
	color:#FFFFFF;
		z-index:1500;
	}  
   
#page_front #current:hover {
	color:#000000;
	font-weight:bold;
	text-decoration:none; 
		z-index:1500;
    }
#page_front #current a:hover {
	text-decoration:none;
	color:#000000;
	font-weight:bold;
		z-index:1500;
	}  
    
#page_front ul li a:hover {
	color:#000000;
	font-weight:bold;
	text-decoration:none; 
		z-index:1500;
	}  
#page_front ul li:hover {
	color:#000000;
	font-weight:bold;
	text-decoration:none; 
		z-index:1500;
}
#page_front ul li a {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none; 
		z-index:1500;
	}  
#page_front ul li {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none; 
		z-index:1500;
}


#page_front li ul li {
background:none;
		background-color:#f7a01d;
		z-index:1500;
}
#page_front li ul li:hover{
background:none;
		background-color:#f7a01d;
		z-index:1500;
}
#page_front li ul li a{
background:none;
		background-color:#f7a01d;
		z-index:1500;
}
#page_front li ul li a:hover{
background:none;
		background-color:#f7a01d;
		z-index:1500;
}

#page_front #current ul li {
background:none;
		background-color:#f7a01d;
		z-index:1500;
}
#page_front #current ul li:hover{
background:none;
		background-color:#f7a01d;
		z-index:1500;
}
#page_front #current ul li a{
background:none;
		background-color:#f7a01d;
		z-index:1500;
}
#page_front #current ul li a:hover{
background:none;
		background-color:#f7a01d;
		z-index:1500;
}


#page_front ul li ul {
		/*display:none;*/
    visibility:hidden;
		width:140px;
		padding:0 0 0 5px;
		margin:0;
		position:absolute;
		z-index:1500;
}
		    
.verd10noirbold { font-family: Verdana; font-size: 10px; color: #0A2C50; font-weight: bold; text-decoration:none; }
.verd10noir { font-family: Verdana; font-size: 10px; color: #0A2C50;  text-decoration:none; }
.verd11blanc { font-family: Verdana; font-size: 11px; color: #FFFFFF; text-decoration:none; }

.accueil{
width:962px;
height:297px;
background:url(../../../images/charte/haut_charte.jpg);
vertical-align:bottom;
}

img {
border:none;
}


p #home_resto_ouverts,
p #home_resto_ouverts a
{
  color: #d8ad3a;
  font-size:12px;
  font-style:italic;
  font-weight:bold; 
}
p #home_resto_ouverts a
{
  text-decoration: none;
}
p #home_resto_ouverts a:hover
{
  text-decoration: underline;
}