html * { 
padding: 0; 
margin: 0; 
}
img {margin:0;padding:0;display: block; border: 0px;}

/*background-color: #f3f3f5;*/
body {
	margin: 0;
	padding: 0;
        background:  url(../images/edel.png) 0 bottom repeat;
	text-align: center;
	color: #45494d;
	behavior:url("htc/csshover.htc"); 
}

#global {
	text-align: left;
    width: 960px;
    margin: 0px auto;
	border: 0;
	background:  url(../images/bg_content.png) 0 bottom no-repeat;
}

 /*Debut entete */
#header {
		position:relative;
        width: 960px;
        height: 85px;
		background:  url(../images/bg_header.jpg) 0 0 no-repeat;
}
/*Fin entete */
 
/*Debut menu raccourci */
#shortcut {position: absolute; color: #FFF; left: 750px; top: 0;}
#shortcut a{ color: #FFF; font: bold 10px Verdana; text-decoration: none;}
#shortcut a:hover{text-decoration: underline;}
#shortcut div.left{width: 15px; height: 34px; background: url(../images/shortcut_left.png) 0 0 no-repeat; float: left;}
#shortcut div.center{ background-color: #ef8700; float: left; height: 29px; padding-top: 5px;}
#shortcut div.right{width: 15px; height: 34px; background: url(../images/shortcut_right.png) 0 0 no-repeat; float: left;}
/*Fin menu raccourci */

#logo {position: absolute; width: 302px; height: 77px; left: 37px; top: 10px;}

/*Debut menu */
 	#menu {
      	position:absolute;
        width: 960px;
        height: 35px;
		z-index: 10;
		top: 50px;
      }
   
    #menu #nav {
     float: right;
      }
	  
 	#home_index {position: absolute; left: 05px; top: 60px;}
	#home {position: absolute; left: 210px; top: 86px; z-index: 400;}
	  
    #menu #nav li {
      float:left;
      background:url(../images/onglet_left.png) no-repeat left top;
      margin:0 2px 0 0;
      padding:0 0 0 5px;
	  height: 35px;
      }
	  
    #menu a {
      float:left;
      display:block;
      width:.1em;
      background:url(../images/onglet_right.png) no-repeat right top;
      padding:11px 15px 12px 10px;
      text-decoration:none;
      font: bold 10px Verdana;
      color:#FFF;
      white-space:nowrap;
      }
	  
    #menu  ul a {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #menu a {float:none;}
    /* End IE5-Mac hack */
    #menu a:hover {
    
      }
	  
    #menu #nav #current {background-position:0 -70px;border-width:0; }
    #menu #nav #current a {background-position:100% -70px; padding:10px 15px 12px 10px; color:#333;}
	#menu #nav #current ul li a {font: normal 11px Verdana; color:#FFF;}
	#menu #nav #current ul li a:hover {text-decoration:underline;}
	
	#menu #nav li ul li a {font: normal 11px Verdana; color:#FFF;}
	#menu #nav li ul li a:hover {text-decoration:underline;}
	
	
    #menu #nav li:hover, #menu #nav li:hover a {background-position:0% -35px;  }
    #menu #nav li:hover a {background-position:100% -35px;}
	
	#nav {padding: 0; margin: 0; float: left; list-style-type: none; }
	#nav ul {padding: 0; margin: 0; float: left; list-style-type: none; width: 36em;}
	#nav li ul {left: -999em; margin: 0 0 0 -5px; position: absolute; height: auto;  width: 13.9em;}
	
	#menu #nav li li {border-bottom: solid #f18e00 1pt;  background-image: none; background: #00559f; height: auto;  color:#FFF;}
	
	#nav li li a {background-image: none; width: 200px; white-space:normal;  color:#FFF;}
	
	#nav li:hover ul {left: auto}
	#nav li li:hover ul {left: auto}
	
	#menu #nav li ul li.sfhover ul {left: auto}

	#menu #nav li ul li:hover{background: #7ab2dc;}
	#menu #nav li ul li.sfhover{background: #7ab2dc;}
/*Fin menu */

/*Debut animation */
#animation {
		position:relative;
        width: 960px;
        height: 234px;
		padding : 5px 6px 3px 7px;
		background:  url(../images/bg_animation.png) 0 0 no-repeat;
}
/*Fin animation */
#animation_temp {
		position:relative;
        width: 960px;
        height: 235px;
		padding : 5px 6px 3px 7px;
		/*background:  url(../images/visuelCARTEedel.jpg) 0 0 no-repeat;*/
}

/*Debut colonne gauche */
#col_left {
	width: 231px;
	padding-left: 3px;
	float: left;
}
/*Fin colonne gauche*/

/*Debut bloc date */
#date_heure {
	position: absolute;
	top: 0px;
	right: 20px;
	padding: 10px 0 0 3px;
	text-align: center;
	height: 24px;
	font: bold 9px Verdana;
	color: #45494d;
	}
#date_heure:hover {cursor: default;}
/*Debut bloc date */

/*Debut bloc acces reserve */
#acces {position: relative; background:  url(../images/bg_acces.jpg) 0 0 no-repeat; background-color: #7BB1DD;}
.ico_acces {position: absolute; width: 38px; height: 58px; left: 7px; top: -20px; background: url(../images/ico_acces.png) 0 0 no-repeat;}
#acces p{padding: 50px 20px 20px 20px; margin: 0px;}
#acces p a{font: bold 12px Verdana; color: #FFF; background:  url(../images/ico_acces_link.gif) 0 0 no-repeat; padding-left: 15px; text-decoration: none;}
#acces p a:hover{text-decoration: underline;}
#footer_acces {background:  url(../images/footer_acces.jpg) 0 0 no-repeat; height:4px; line-height:0; font-size:0; background-color: #f9ba19;}
/*Fin bloc acces reserve */

/*Debut sous-menu */
#sous_menu {background:  url(../images/bg_sous_menu.jpg) 0 0 no-repeat; background-color: #f9f9fb; padding: 20px;}
#footer_sous_menu {background:  url(../images/footer_sous_menu.jpg) 0 0 no-repeat; height: 4px; line-height:0; font-size:0; background-color: #f9f9fb;}
/*Fin sous-menu */

/*Debut mail */
#bloc_mail {background:  url(../images/bg_bloc_mail.jpg) 0 0 no-repeat; background-color: #f9f9fb; padding: 20px;}
/*Fin mail */

/*Debut contenu principal */
#main_content{        
       width: 686px;
	   padding: 0px 20px 20px 20px;
       background:  url(../images/bg_main_content.png) 0 0 no-repeat; 
	   float: right;
}

#main_content h1{font: normal 14px Verdana;  color: #7ab2dc; padding : 10px 15px 15px 0; background:  url(../images/bg_dot.gif) 0 0 repeat;}
#main_content h3{font: bold 11px Verdana;  color: #1e1d16; padding : 0 0 5px 15px;}
#main_content p{font: normal 8pt Verdana; color:#1e1d16; padding: 0 15px 15px 15px; clear: both; }
#main_content p.avantliste{font: normal 8pt Verdana; color:#1e1d16; padding: 0 15px 4px 15px; clear: both; }

#main_content a.button {
    background: transparent url(../images/bg_button_a.png) no-repeat scroll top right;
    color: #FFF;
    display: block;
    float: left;
    font: bold 12px Verdana;
    height: 22px;
    margin: 5px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

#main_content a.button span {
    background: transparent url(../images/bg_button_span.png) no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

/*Debut bas_de_page contenu */
#main_content p.bas_de_page{border-top: solid #e6e6e8 1px; margin: 0 15px 15px 15px; padding: 15px 0 0 0; text-align: right;}
a.back {background:  url(../images/ico_back.png) 0 0 no-repeat; padding: 5px 5px 5px 25px; font: bold 10px Verdana; color: #45494d;}
a.top {background:  url(../images/ico_top.png) 0 0 no-repeat; padding: 5px 5px 5px 25px; font: bold 10px Verdana; color: #45494d;}
/*Fin bas_de_page contenu */

/*Debut style tableau */
#main_content table {clear: both; width: 655px; border-collapse: collapse; border-top:1px solid #f9f9fb; border-right:1px solid #f9f9fb; margin: 0 15px 15px 15px;}
#main_content table th{font: bold 10px Verdana; color: #FFF; background-color: #f8b716; padding: 5px; text-align: center; border-left:2px solid #f9f9fb; border-right:2px solid #f9f9fb;}
#main_content table tr.couleur1 {font: bold 10px Verdana; color: #1e1d16; background-color: #f9f9fb;}
#main_content table tr.couleur2 {font: bold 10px Verdana; color: #1e1d16; background-color: #eaeaeb;}
#main_content table td{border-left:1px solid #f9f9fb; border-bottom:1px solid #f9f9fb; padding: 5px; }
#main_content table td.tdgauche {width: 295px;}


#main_content li.stylepuce{
	background: url(../images/closed.gif) no-repeat left center;
	list-style-type: none;
	padding-left: 22px;
	margin-bottom: 3px;
	font: bold 11px Verdana; color: #45494d;
}




#main_content li a{font: bold 11px Verdana; color: #45494d; text-decoration:none;}
/*Fin style tableau */

/*Début formulaire */
.formulaire { padding: 15px; margin-bottom: 15px; background-color: #e6e6e8; float: left;}

input, textarea {
	font: normal 11px Verdana;
	color:#1e1d16;

}

label {
	font: bold 10px Verdana;
	color:#8e8e8e;
	cursor:pointer;
	padding-left:2px;
	line-height:16px;
}

#textinput {
	height:15px;
	border: solid 1px #cdcdcd;
	background:url(../images/bg_input.png) repeat-x left top;
	padding:4px 0;
	vertical-align:middle;
}


#buttonSubmit {
	width:auto;
	height:22px;
	color:#FFF;
	font-weight:bold;
	margin: 5px;
	padding:2px;
	background:url(../images/bg_submit.png) repeat-x left top;
	background-color:#ffac05;
	cursor:pointer;
	border: solid 1px #ffac05;
}
/*Fint formulaire */


/*Debut menu shortcut */
#main_content .path {background:  url(../images/bg_path.png) 0 20px no-repeat; }
#main_content .path p{font: bold 10px Verdana; padding: 10px 0 0px 0;}
#main_content .path p a{font: bold 10px Verdana; color: #000; text-decoration: none;}
#main_content .path p a:hover{text-decoration: underline;}
/*Fin menu shortcut */

/*Fin contenu principal */

#footer  {
    clear: both;
    width: 960px;
    height: 90px;
	text-align: center;
	font-size: 0.66em;
}

#footer .cnil {
	font-size: 0.9em;
	width: 70%;
	margin: 0px auto;
	}

#main_content ul  {
		list-style: none outside;
		font: normal 8pt Verdana; 
		color:#1e1d16;
		margin: 0px;
		padding: 0px 0px 15px 70px;
		clear: both;
	}

	
/*Debut bloc message connexion */
#banniere {display:none;position: absolute; z-index: 300; width: 330px; height: 200px; left: 250px; top:0px; background: #2d3134 url(../images/bg_message_box.jpg) 0 0 repeat-x; text-align: center; padding: 15px 60px 15px 60px;}
#banniere  h3{font-family: Verdana; color: #FFF;}
#banniere  p{font-family: Verdana; color: #FFF;}
#ico_banniere  {position: absolute; width: 37px; height: 57px; left: 400px; top: 50px; background: url(../images/ico_acces_ouvert.png) 0 0 no-repeat;}
/*Fin bloc message connexion */