body {
    margin:                 0;
    padding:                0;
    background-color:       #C7E3FB;
    font:                   12px arial;
}


#container {
    position:               relative;
    /*overflow:               hidden;*/
    width:                  990px;
    height:					617px;
    margin:                 0 auto;
    padding:                0;
    background:             url(images/container-bg.jpg) no-repeat top left;
}



/** header ***************************************************************/

#header {
    position:               relative;
    height:                 95px;
    margin-bottom:			105px;
}

#header h1 {
    margin:                 0;
    padding:                0;
}

#header h1 a {
    position:               absolute;
    display:                block;
    top:                    13px;
    left:                   13px;
    width:                  175px;
    height:                 115px;
    text-indent:            -100em;
    overflow:               hidden;
}

#header h2 {
	position:               absolute;
    display:                block;
    margin:                 0;
    padding:                0;
    text-indent:            -1000em;
    overflow:               hidden;
}

/** navigation *********************************************************/

#navcontainer {
	position:				absolute;
	z-index:				9;
	background-color:		transparent;
	top:					122px;
	right:					8px;
	width:					779px;
	height:					35px;
	text-align:				right;
}

#nav {
	margin:					0px;
	padding:				0px;
	list-style-type:		none;
	float:					right;
}

#nav li {
	display:				block;
	float:					left;
	width:					110px;
	height:					35px;
	background:				transparent url("images/nav-li-bg.gif") no-repeat top left;
	text-align:				center;
	margin-right:			1px;
}

#nav li.selected {
	display:				block;
	float:					left;
	width:					110px;
	height:					35px;
	background:				transparent url("images/nav-li-bg-selected.gif") no-repeat top left;
	text-align:				center;
	margin-right:			1px;
}

#nav li a:link, #nav li a:visited {
	display:				block;
	color:					#6B208C;
	text-decoration:		none;
}

#nav li a:hover {
	display:				block;
	color:					#AF52D8;
	text-decoration:		underline;
}

#nav li a.selected:link, #nav li a.selected:visited, #nav li a.selected:hover {
	font-weight:			bold;
	color:					#6B208C;
	text-decoration:		none;
}

#nav li center {
	position:				absolute;
	top:					40px;
	left:					20px;
	margin:					0px;
	padding:				2px 0px 2px 0px;
	width:					755px;
	background:				transparent url("images/nav-li-ul-bg.gif") repeat-y top left;
}

#nav li center a:link, #nav li center a:visited, #nav li center a:hover {
	line-height:			1.5em;
	font-size:				8pt;
	display:				inline;
	background:				transparent url("images/li-ul-a-bg.gif") no-repeat right 1px;
	padding:				0px 8px 0px 8px;
	white-space:			nowrap;
}

#nav li center a.selected:link, #nav li center a.selected:visited, #nav li center a.selected:hover {
	font-weight:			bold;
}

#nav li center a.last-child:link, #nav li center a.last-child:visited, #nav li center a.last-child:hover {
	display:				inline;
	background:				transparent url(none) no-repeat right 5px;
	padding:				0px 8px 0px 8px;
}

#subnav li center {
	position:				absolute;
	top:					160px;
	left:					20px;
	margin:					0px;
	padding:				2px 0px 2px 0px;
	width:					755px;
	background:				transparent url("images/nav-li-ul-bg.gif") repeat-y top left;
}

#subnav li center a:link, #subnav li center a:visited, #subnav li center a:hover {
	line-height:			1.5em;
	font-size:				8pt;
	display:				inline;
	background:				transparent url("images/li-ul-a-bg.gif") no-repeat right 1px;
	padding:				0px 8px 0px 8px;
	white-space:			nowrap;
}

#subnav li center a:hover {
	text-decoration:		underline;
}

#subnav li center a.selected:link, #subnav li center a.selected:visited, #subnav li center a.selected:hover {
	font-weight:			bold;
	text-decoration:		none;
}

#subnav li center a.last-child:link, #subnav li center a.last-child:visited, #subnav li center a.last-child:hover {
	display:				inline;
	background:				transparent url(none) no-repeat right 5px;
	padding:				0px 8px 0px 8px;
}

#subnavcontainer {
	position:				absolute;
	background-color:		transparent;
	top:					6px;
	right:					7px;
	width:					779px;
	height:					25px;
	text-align:				right;
}

#subnav {
	margin:					0px;
	padding:				0px;
	list-style-type:		none;
	float:					right;
}

#subnav li {
	display:				block;
	float:					left;
	width:					105px;
	height:					33px;
	text-align:				center;
}

#subnav li.sub1 {
	background:				transparent url("images/subnav-li-bg1.gif") no-repeat top left;
}

#subnav li.sub2 {
	background:				transparent url("images/subnav-li-bg2.gif") no-repeat top left;
}

#subnav li.sub3 {
	background:				transparent url("images/subnav-li-bg3.gif") no-repeat top left;
}

#subnav li.sub4 {
	background:				transparent url("images/subnav-li-bg4.gif") no-repeat top left;
}

#subnav li.sub5 {
	background:				transparent url("images/subnav-li-bg5.gif") no-repeat top left;
}

#subnav li.sub6 {
	background:				transparent url("images/subnav-li-bg6.gif") no-repeat top left;
}

#subnav li.sub7 {
	background:				transparent url("images/subnav-li-bg7.gif") no-repeat top left;
}

#subnav li a:link, #subnav li a:visited {
	display:				block;
	color:					#6B208C;
	text-decoration:		none;
	vertical-align:			text-bottom;
	margin-top:				4px;
}

/** letter ***************************************************************/
#letter {
	position:				absolute;
	z-index:				8;
	top:					206px;
	left:					0px;
	width:					187px;
	height:					327px;
	padding-left:			23px;
	background:				transparent url("images/menu_lettre.jpg") no-repeat top left;
}

#letter #inscription {
	position:				relative;
	top:					65px;
	width:					177px;
	height:					74px;
	padding:				5px;
	text-align:				center;
}

#letter #inscription span,
#letter #inscription span a:link,
#letter #inscription span a:visited,
#letter #inscription span a:hover {
	font-weight:			bold;
	color:					#9F5A00;
	font-size:				13px;
}

#letter #sommaire {
	position:				relative;
	top:					66px;
	width:					177px;
	padding:				1px;
	text-align:				center;
}

#letter #sommaire b {
	color:					#B1024B;
}

#letter #sommaire div {
	padding:				2px;
	margin-top:				5px;
	width:					181px;
	height:					143px;
	overflow:				auto;
	text-align:				left;
	font-size:				10px;
}

#letter #sommaire div a.paragraphe {
	color:					#000000;
	font-weight:			bold;
	text-decoration:		none;
	margin-top:				5px;
	display:				block;
}

#letter #sommaire div ul {
	margin:					0px 0px 0px 3px;
	padding:				0px;
	list-style-type:		none;
}

#letter #sommaire div ul li {
	background:				transparent url("images/sommaire-li.gif") no-repeat 1px 5px;
	padding-left:			10px;
	font-size:				10px;
}

#letter #sommaire div ul li a:link,
#letter #sommaire div ul li a:visited,
#letter #sommaire div ul li a:hover {
	color:                  #996CAD;
}

/** navbar ***************************************************************/
#navbar {
	position:				absolute;
	top:					164px;
	/*right:					17px;*/
	left:					225px;
	text-align:				right;
	z-index:				10;
	font-size:				11px;
	color:					#996CAD;
}

#navbar a:link,
#navbar a:visited {
	color:					#996CAD;
	text-decoration:		none;
}

#navbar a:hover {
	text-decoration:		underline;
}

/** content **************************************************************/
#content {
    position:				relative;
    width:					745px;
    padding-left:			225px;
    padding-right:			20px;
    height:					auto !important;
    height:					346px;
    min-height:				346px;
    background:				transparent url("images/content-bg.jpg") repeat-y top left;
    z-index:				7;
}

#content div#accueil {
	position:				relative;
	top:					-25px;
}

#content a:link,
#content a:visited {
    color:                  #9900CC;
}

#content a:hover {
    color:                  #BD9FCA;
}

#content ul {
	margin:					0px 0px 0px 3px;
	padding:				0px;
	list-style-type:		none;
	position:				relative;
}

#content ul li {
	background:				transparent url("images/sommaire-li.gif") no-repeat 1px 5px;
	padding-left:			10px;
}

#content h1 {
	font-size:				18px;
	height:					25px;
	padding-left:			20px;
	background:				transparent url("images/content-h1.gif") no-repeat bottom left;
	color:					#B8AA38;
}

#content h2 {
	font-size:				13px;
	padding-left:			15px;
	background:				transparent url("images/content-h2.gif") no-repeat 0px 7px;
	color:					#B8AA38;
}

#content p {
	margin:					0px;
	padding:				0px;
}

#content a.back {
	float:				right;
}

#content table.subscribe {
	margin:				20px auto;
	border:				1px solid #C2A8CE;
	border-collapse:	collapse;
}

#content table.subscribe th { 
	border:				1px solid #C2A8CE;
	background:			#DDEBF8;
	color:				#555555;
	font-weight:		normal;
	text-align:			left;
}

#content table.subscribe th.obl { 
	font-weight:		bold;
}

#content table.subscribe td {
	border:				1px solid #C2A8CE;
	background:			#FAFCFE;
}

#content div#erreur {
	border: 			1px solid #FF0000;
	background-color: 	#FF8080;
	font-weight:		bold;
	width:				450px;
	text-align:			center;
}

#content div#actualites {
	position:				absolute;
	top:					-20px;
	right:					15px;
	width:					250px;
	height:					358px;
	background:				transparent url("images/actualites-div.gif") no-repeat 0px 17px;
	z-index:				10;
}

#content div#actualites h4 {
	font-size:				17px;
	font-family:			Arial;
	padding-left:			25px;
	background:				transparent url("images/actualites-h4.gif") no-repeat 10px 10px;
	color:					#B1024B;
	margin:					0px;
}

#content div#actualites div#pscroller1 {
	margin:					6px 0px 0px 5px;
	padding:				0px;
	width:					235px;
	height:					305px;
}

/*#pscroller1{
	width: 					100px;
	height: 				100px;
	padding: 				0px;
	background-color: 		transparent;
}*/

#content div#actualites h5 {
	color:					#B1024B;
	margin:					0px 0px 10px 0px;
	font-size:				12px;
	font-family:			Arial;
}

#content div#actualites p.more, #content p.more {
	margin:					5px 0px 15px 10px;
}

#content div#sitemap ul li {
	background:				transparent url("images/actualites-h4.gif") no-repeat 1px 5px;
	padding-left:			20px;
	margin:					5px;
}

/** footer ***************************************************************/

#footer {
	position:				relative;
	clear:					both;
	width:					990px;
	height:					51px;
	background:				transparent url("images/footer.jpg") no-repeat top left;
}

#footer address {
    font-style:             normal;
    color:					#747474;
    font-size:				11px;
    padding:				25px 0px 0px 230px;
}

#footer address a {
	color:					#747474;
}

.annu-elec tr th {
    background:             #f3deff;   
}

#cote-gauche-annu {
    display:            block;
    width:              80%;
    margin-left:        auto;
    margin-right:       auto;
}

#cote-gauche-annu fieldset p {
    position:           relative;
    width:              100%;   
}

p.clear-annu {
    clear:              both;
}


table.annu th {
    background:         none;
    color:              black;
    font-weight:        normal;
    border:             none;   
}

table.annu td {
    background:         none;
    color:              black;
    font-weight:        normal;
    border-left:        1px solid #b998c5;
    border-bottom:      1px dashed  #b998c5;
    width:              70%;
}

table.annu td ul {
    list-style-type:    none;
    margin:             0px;
    padding:            0px;
}

table.annu td ul li,
#cote-gauche-annu ul li {
    list-style-type:     none;
    list-style:         none;
}

#cote-gauche-annu ul {
    list-style-type:    none;
    margin:             0px 0 0 10px;
}


#cote-gauche-annu h3{
    background:         none;
    color:              #e97218;
    font-size:          14px;
    text-decoration:    none;
    margin:             0px;
    padding:            0px;
    border:             none;   
    font-weight:        normal;
}

#cote-gauche-annu legend {
    background:         none;
    color:              #e97218;
    font-size:          14px;
    font-weight:        bold;
    text-decoration:    none;
    margin:             0px;
    padding:            0px;
    border:             none;   
}

#cote-gauche-annu fieldset {
    padding:           5px;  
}

.formu_recherche {
    width:              300px;   
}

.linkBack {
     text-align:         center;  
     clear:             both; 
     height:            20px;
     padding-bottom:    5px;
}

.linkBack a:link, 
.linkBack a:visited, 
.linkBack a:active {
    display:            inline;
    padding-left:       25px;
    text-decoration:    none;
    background:         transparent url(images/btn_retour.jpg) no-repeat;
}

.linkBack a:hover {
    text-decoration:    underline;
}

#cote_gauche_annu_fiche {
    display:            block;
    width:              60%;
    height:             100%;
    float:              left;   
}

p.clear-annu {
    clear:              both;
}


table.annu th {
    background:         none;
    color:              black;
    font-weight:        normal;
    border:             none;   
}

table.annu td {
    background:         none;
    color:              black;
    font-weight:        normal;
    border-left:        1px solid #b998c5;
    border-bottom:      1px dashed  #b998c5;
    width:              70%;
}

table.annu td ul {
    list-style-type:    none;
    margin:             0px;
    padding:            0px;
}

table.annu td ul li,
#cote_gauche_annu_fiche ul li,
#cote_droit_annu_fiche ul li {
    list-style-type:     none;
    list-style:         none;
}

#cote_gauche_annu_fiche ul,
#cote_droit_annu_fiche ul {
    list-style-type:    none;
    margin:             0px 0 0 10px;
}

#cote_droit_annu_fiche ul li ul{
    list-style-type:    none;
    margin:             0px 0 0 15px;
    font-size:          12px;
}

#cote_gauche_annu_fiche h3,
#cote_droit_annu_fiche h3 {
    background:         none;
    color:              #e97218;
    font-size:          14px;
    text-decoration:    none;
    margin:             0px;
    padding:            0px;
    border:             none;   
}

#cote_gauche_annu_fiche fieldset,
#cote_droit_annu_fiche fieldset {
    padding:           5px;  
}

#messageAlert p{
    padding:            5px;
    background:         #E6FFE6;
    border:             1px solid #9DFF9D;
}

#header #exit {
   position:            relative;
   top:                 -12px !important;
   top:                 -10px;
   text-align:          right;
}
.list_annu tr th{
    background:         #C896D8;
}

#acc_fiche {
    height:             20px;   
}

#cote-gauche-annu #mod_fiche {
     float:             right; 
     margin:            0px 0 0 10px;
     padding:           0px;
}

#cote-gauche-annu #mod_fiche a:link, 
#cote-gauche-annu #mod_fiche a:visited, 
#cote-gauche-annu #mod_fiche a:active {
    margin:            0px;
    padding:           0px;
    padding-left:       25px;
    text-decoration:    none;
}

#cote-gauche-annu #acc_fiche a:hover {
    text-decoration:    underline;
}

#cote-gauche-annu #print_fiche {
    float:              right; 
    height:             15px;
}

#cote-gauche-annu #space_fiche {
    float:              right; 
    margin-left:        10px;  
 }
