body {
margin: 0;
padding: 0;
/*  background: #dbdbdb;  */
background: #ffffff;
font: 80% verdana, arial, sans-serif;
text-align:center;
}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

#accessibilite {
	text-align:right;
}

#accessibilite a {
	font-size: 0.8em;
}

#accessibilite a:active {
	color: #c39e00;
}

#accessibilite li {
	display:inline;
	list-style-type:none;
	margin:0 5px 0 0;
	padding-left:20px;
}

.cfz  {	
	background: url("../images/police.png") left no-repeat;
}

.home  {	
	background: url("../images/home.png") left no-repeat;
}

.sitemap {
	background: url("../images/plan-du-site.png") left no-repeat;
}

.contact {
	background: url("../images/contact.png") left no-repeat;
}

.myprofile   {
	background: url("../images/group_add.png") left no-repeat;
}

.search   {
	background: url("../images/rechercher.png") left no-repeat;
}

#top {
	padding-left:25px;
	width:950px;
	height:30px;
	position: absolute;
	top: 36px;
	left: 12px;
	z-index: 100;
}

/*Imprimer ou suggérer à un ami*/
#action{
	float : right;
}
#action img a{
	border : none;
}
#action img{

	border : none;
	padding-right : 10px;
}

/*********************       header global contenant l'ombre du haut de l'interface +                                           */
/*********************       Partie contenant l'ombre sous le menu rouge : ousommes nous? deco verte et menu*/

#header {
	height: 300px; 
	background-image:url(../images/header.jpg);
	margin-right: -10px;
	background-repeat:no-repeat;
	background-position : top right;
	}
	
/*#haut {
	margin-top : 50px;
	margin-right : 5px;
	background-repeat:no-repeat;
	background-position : center right;
	z-index : 0;
	}
*/


/*Image principale */
#img_head{	
	padding-top : 54px;	
	/*IE	margin-right:20px;*/	
	margin-right : 8px;	
	padding-right: 8px;
	width: 756px;
	height : 130px;
	float : right;

	}

.lire_suite a{
	width:500px;
	text-align:right;
	font-style:italic;
	font-size:9px;
}


/*Logo Ardenne conseil général*/
#logo { 
	position: relative; 
	float : left;	
	/*IE	margin-left : 5px;*/	
	margin-left:9px;
	margin-top:-240px;  
	background : url(../images/logoCG08.gif) repeat-x top;
	height : 180px;
	}

	
/*entête "ou sommes nous" */
#ousommes {
	position: relative; 
	margin-top: 0px;
	padding-top: 183px;
	margin-left: 8px;
	z-index: 0;
	}


/*Menu horizontal rouge*/
#menu {
	float: right; 
	position: relative; 
	margin-right: 16px;
	/*margin-top:-20px;*/
	width:756px;
	margin-top: -110px; 
	}

#menu img {
float : left;
}	
	
#menu a img{
	margin-top:-25px;
}
	
#menu a {
	min-width : 200px;
	text-decoration : none;
	font-size : 16px;
	color: white;
	float : left;
	display : block;
	padding-left : 0px;
	padding-right : 0px;
	padding-top : 25px;
	height : 52px;
	text-align : center;
	

}

#menu a:hover {
	background-image:url(../images/fond_hover_rougeh.gif);
	background-repeat : no-repeat;
	background-position : center center ;
}

#menu a.lien2{
	border-left : none;
	border-right : none;
}
	
#ariane {
	padding-top	: 0px;
	text-align : left;
	font-size : 0.8em;
	font-style:italic;
	color: grey;
	margin-top:10px;
	margin-left:250px;

}	
	
#ariane a{
	color:grey;
}
#ariane a:hover{
	color:grey;
}
#ariane a:visited{
	color:grey;
}

/*Le contenu complet du site apparaîtra dans ce layer*/
#conteneur {
	margin-left:auto; 
	WIDTH: 1000px; 
	margin-right:auto;
	background-image:url(../images/fond_c.gif);
	background-repeat:repeat-y;
	text-align:left;
	position: relative;
}



/*Contenu du site */
#centre {
	margin-top : 0px;
	MARGIN-LEFT: 200px; 
	MARGIN-RIGHT: 210px; 
	min-height : 300px;
	background-image: url(../images/fond_div_droite.gif);
	background-repeat:no-repeat;
	background-position : 600px 0px;
	background-color: #FFFFFF; 
	padding-left:40px;
	padding-top:0px;
	padding-right:24px; 
	color:#7e7e7e; 
	font-size:0.8em; 
	text-align:left;
	}


		
	
#centre p {
	margin-bottom : 10px;
	text-align:justify;
}
#action p{
	margin-top : 0px;
}

#chap_article{
	margin-top : -12px;
}
	
#centre h2 {
	width: 350px; 
	font-size:13px; 
	text-align:left;
}	

#centre span.img_article{
	float:left;
	padding-right:10px;
	}

#une{
	height : 100%;
	/*background-image:url(../images/laune.jpg);
	background-repeat:no-repeat;
	background-position : bottom right;*/
}
	
#une img { 
	float:left; 
	padding-right:20px;
	padding-left:20px;
}

#une a img { 
	float:right; 
}

#uneUne{
	float:left;
	margin-bottom:15px;
	text-align : justify;
}
#uneUne p{
	font-size : 1em;
}

#ardennes img { 
	float:left; 
	padding-right:10px; 
	padding-top:100px;
}

#archives img{
	position : absolute;
	margin-top : -100px;
	margin-left : 400px;
}	


/*Partie de gauche : Météo et menu*/	
#gauche {
	margin-top : 0px;
	margin-left: 0px;	
	float: left; 
	width: 200px;
	padding-left:20px;
	padding-top:8px;
	background:none;
}

#gauche h2 {
	width: 200px;
	font-size:13px;
	font-weight : bold;
	color:grey;}
	


/*Menu de gauche */
#menug {
width: 200px; background:none;
}
#menug dt {
cursor: pointer;
margin: 0px ;
height:27px;
line-height: 20px;
padding-right: 7px;
text-align: right;
font-weight: bold;
font-size:0.9em;
padding-top:0px;
border: 1px ;
background-image:url(../images/m_btnoff.jpg);
background-repeat:no-repeat;
color:#3d4d5c;
}
#menug dd {
margin-bottom : 5px;
border: 1px #c0bebe;
}

#menug li {
text-align: center;
background: #c0bebe;
background-image:url(../images/m_btnniv2f.jpg);
color:#FFFFFF;
padding-right: 7px;
text-align: right;
height: 20px;
}

#menug li a, #menug dt a {

color: #3d4d5c;
font-weight:bold;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
padding-top:5px;
height : 15px;
padding-right: 7px;
text-align: right;
font-size:0.8em;
width:187px;
}


#menug li a:hover{
background: #b49204;
text-align: right;
color:#FFFFFF;
} 

/*Box de météo*/
#meteo { 
	margin-top : 40px;
	width : 200px;
	color:#7e7e7e; 
	/*font-size:0.8em; */
	text-align:justify; }

#meteo h2{
	color:gray;
}

#meteo img{
	border : none;
	padding-left:40px;
}


/* box de magazine */
/*calque contenant le mag*/



/*Partie de droite : WebTV, Agenda*/
#droite {
	float:right;
	padding-right:30px;
	padding-top : 10px;	
	width:180px;
}

.annexe_article{
	clear:both;
	margin-bottom : 25px;
	padding-top : 15px;
}	

.annexe_article  h4{
	color :  #00453e;
	text-transform : uppercase;
	width : 168px;
	height:45px;
	font-size:10px;
	letter-spacing:1px;
	background:  url(../images/ard_clic.jpg) no-repeat bottom right;
	margin-bottom:0px;
}

.annexe_article li{
	font-size : 1em;
	background:  url(../images/list_ard.gif) no-repeat 0px 7px;
	text-indent:12px;
	margin-bottom : 6px;
	line-height : 14px;
	}
	
#webtv{
	/* background:  url(../images/webtv.jpg) no-repeat 0px 30px; */
	padding-right: 4px;
	padding-left : 2px;
	padding-top: 2px;
	padding-bottom: 5px;
	border: 1px solid;
	border-color: #bc9308;
	width : 195px;
}	

#Agenda{
	margin-right: auto;
	margin-left: auto;	
	background-image:url(../images/ag_middle.gif); 
	background-repeat:repeat-y; 
	width : 205px;
	font-size : 0.8em;
	text-align : justify;
	}
#Agenda img{
	margin-bottom : -2px;
}
#Agenda h2{
	width : 145px;
	text-align : left; 
	font-size : 10px;
	border-bottom : none;
	padding-left : 0px;
	padding-right : 10px;
	margin-top : 0px;
	padding-top: 5px;
}
#Agenda p{
	font-size : 1em;
	margin-bottom : 20px;
}
#Agenda p.lien{
	margin-bottom : 0px;
}

#blocAgenda{
	width : 155px;
	padding-left : 10px;
	padding-right : 10px;
}

#blocAgenda img{
	float:left;
	padding-right : 10px;
	padding-bottom : 10px;
	padding-left : 5px;
}

#blocAgendaImg{
  left: 50%; 
  margin-left: auto -22px; /* moitié de la largeur de l'image */
	width : 45px;		
}

#blocAgenda #lien p {
	font-size : 1.1em;
	padding-left : 5px;
	padding-right : 15px;
	padding-top : 5px;
	text-align : left;
}

#annonceChap {
	color: #616161;
	padding-right: 15px;
	margin-bottom: 20px;
	margin-left : 65px;
	text-align: left;
	width : 75px;
	}

#blocAgenda h2 a{
	text-align : left;
	padding-left : 5px;
	padding-right : 15px;
	font-size : 1em;
}

	

/*Pied de page*/
#pied { 
	color: #7f7f82;  
	font-size:1em; 
	margin:0 ; 
	padding-top:10px;   
	CLEAR: both; 
	HEIGHT: 78px;  
	background-image:url(../images/pied.jpg); 
	background-repeat:repeat-y; 
	font-weight:bold; 
	text-align:center;}
	
#pied ul{list-style-type:none; }
#pied li {display:inline; margin: 0 ; }
#pied  li a {color: #7f7f82; text-decoration: none; font-size:0.7em; font-weight:normal; font-weight:bold}
#pied  li a:link, a:visited { color: #7f7f82; font-weight:bold }
#pied  li a:hover { 	color: #8593b0; text-decoration:underline; font-weight:bold}
#pied  li a:active{ 	color: #f8b030;font-weight:bold }

p { margin: 0px 0px 10px; COLOR: #738faa;  COLOR: #616161; font-size:0.8em}

.box {
	font-size: 1em;
}

/* ************************************************************
    style pour les titres 
   *********************************************************** */
   #centre H1 {font-size:1em;  color: #c39e00; font-weight:bold; }
   #centre H2 { font-size:13px;  color: #7e7e7e;  text-transform:uppercase; }   /* *********titre niveau 2 ******* */
   #centre H3 {font-size:1.6em;  color: #ffffff; font-weight:bold; background:#77d7fd; background:url(../images/bg-titre4.png) right top ; display:block;width:650px; } /* *********titre niveau 1 ******* */
   /* ************************************************************
    style pour les titres 
   *********************************************************** */
 H1 {font-size:1em;  color: #e03904; font-weight:bold; }
 H2 {font-size:13px;  color: #7e7e7e; text-transform:uppercase;} 
 H3 {font-size:1.7em;  color: #ffffff; font-weight:bold; background:#fdbe00; } /* *********titre niveau 1 ******* */


h4{
	color:white;
	font-size:1em;
	text-transform:uppercase;
	background:url(../images/background_title.gif) no-repeat left top;
	height:36px;
	width:200px;
	padding-left:5px;
	padding-top :5px;
}

h5{
	color:white;
	font-size:1em;
	text-transform:uppercase;
	background:url(../images/background_title-2.gif) no-repeat left top;
	height:30px;
	width:168px;
	padding-left:5px;
	padding-top :5px;
}

h6{
	color:white;
	font-size:1.1em;
	text-transform:uppercase;
	background:url(../images/une.gif) no-repeat left top;
	height:36px;
	width:200px;
	padding-left:5px;
	padding-top :5px;
	
}
#col1{
	float:left;
	margin-top:0px;
	margin-right:10px;
	padding-top: 10px; 
	font-size : 1.4em !important;
}

#col1 h2{
	color:#00433f;
	font-size:0.9em;
	text-transform:uppercase;
	/*background:url(../images/une.gif) no-repeat left top;*/
	height:36px;
	width:450px;
}

#col1 li {
	list-style-type: disc;
	margin-left : 15px;
	padding-left : 5px;
}

#col1 ul {
	margin-top : 0px;
	margin-bottom : 14px;
}

#col2{
	font-size : 1.2em;
	float:right;
	padding-right:-15px;
	padding-top:15px;
	width:200px;
	margin-right:-230px;
}

#col2 img{
	max-width: 180px;
	max-height: auto; 
}

#col3{
	float:left;
	margin-top:0px;
	margin-right:10px;
	padding-top: 10px; 
	font-size : 1.4em !important;
	width:700px;
}

#col3 h2{
	color:#00433f;
	font-size:0.9em;
	text-transform:uppercase;
	/*background:url(../images/une.gif) no-repeat left top;*/
	height:36px;
	width:450px;
}

#col3 li {
	list-style-type: disc;
	margin-left : 15px;
	padding-left : 5px;
}

#col3 ul {
	margin-top : 0px;
	margin-bottom : 14px;
}

#tableaucol1{
	float:left;
	width : 150px;
	text-align: left;
	line-height : 25px;
}

#tableaucol2{
	float:right
	width : 500px;
	text-align: left;
	line-height : 25px;
}


#droite h2 {width: 160px;}



 /* ************************************************************
    style pour menu ico
   *********************************************************** */
#posmenuico {position:absolute;width:244px;height:26px;top: 20px; margin-left:730px;}

ul#menuico {	/* utilisation de liste pour le menu */
padding-right: 200px;
padding-left: 0px; 
padding-bottom: 0px;
margin: 0px;
padding-top: 0px;
list-style-type: none;	/* suppression des puces de liste */
margin:0;
padding:0;
}

ul#menuico li {
float: left;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
margin: 0px; 
padding-top: 0px;
list-style-type: none;
}


ul#menuico {
	background: url(../images/MENICO.jpg) no-repeat left top;
	width: 244px;
	position: absolute;
	text-align: center;
	height: 26px;
	left: 1px;
	top: 8px;
	}

ul#menuico li {float: left;}

ul#menuico li a {	/* dimensions et définitions des boutons */
display: block;	/* mise en block de <a> pour lui donner des dimensions */
height: 26px;
width: 53px;
font-family: arial, serif;
font-size: 14px;
font-weight: bold;
font-family: arial, serif;
text-decoration: none;
}

ul#menuico li a:hover {
background:  url(../images/MENICO.jpg) no-repeat left top;
}



ul#menuico a#menuico1:hover {
background-position: -244px 0%;	/* décalage de l'arrière-plan pour chaque bouton */
color: #d8e6c9;

}


ul#menuico a#menuico2:hover {
background-position: -297px 0%;
color: #d8e6c9;

}


ul#menuico a#menuico3:hover {
background-position: -350px 0%;
color: #d8e6c9;
}

ul#menuico a#menuico4:hover {
background-position: -403px 0%;
color: #d8e6c9;
width:60px;
}

ul#menuico li a span{display:none;
}

ul#menuico li a:hover span{display:block; color: #c2a550; font-size:0.7em;
}


li a{
text-decoration:none; color:#003366;
}

a {color: #7f7f82; text-decoration: none; font-size:0.9em; font-weight:normal; font-weight:bold}
a:link { 	color: #c39e00; font-weight:bold; }
a:visited { color: #c39e00; font-weight:bold ; text-decoration:none;}
a:hover { 	color: #8593b0; text-decoration:underline; font-weight:bold}
a:active{ 	color: #f8b030;font-weight:bold }

a1 {color: #7f7f82; text-decoration: none; font-size:10px; font-weight:normal; font-weight:bold}
a1:link { 	color: #c39e00; font-weight:bold; }
a1:visited { color: #c39e00; font-weight:bold ; text-decoration:none;}
a1:hover { 	color: #8593b0; text-decoration:underline; font-weight:bold}
a1:active{ 	color: #f8b030;font-weight:bold }



#sitemap h2{
	width : 220px;
}

#mainmenu{
border-top : solid black 1px;
height:32px;
background : url(../images/bg.gif) repeat-x top;
color : white;
}

#container-1 {
	float : right;
	width : 510px;
	background : url(../images/bg1.gif) repeat-x top;
	border : solid 1px #d5d5d5;
	border-bottom : none;
}

#container-1  a.suite_actu{
	float:right;
	padding-left : 15px;
	background : url(../images/fleche.gif) no-repeat left;
}

#container-1 p{
	width : 510px;
	padding-top:10px;
	}
	

.pre_article {
	font-size : 1em;
	text-align : right;
	min-height:  40px;
	height : 40px;
	border-top : thin dotted grey;
}

.pre_article a{
	text-align : right;
	width : 400px;
}

.pre_article img {
	float: left; 
	padding-left : 15px;
	max-height: 70px;
	width : auto;
}

.pre_article h7{
	font-size : 9px;
	font-style: italic;
	text-align: right;
	color: #bc9308;
}

#shadow_top{
	float : right;
	width : 510px;
	height : 22px;	
	background : url(../images/mainmenu_top.gif) no-repeat top left;
}


#actu_bottom{
	float : right;
	margin-top:-1px;
	width : 510px;
	height : 37px;	
	background : url(../images/news_bottom.gif) no-repeat top left;
}

/*calque contenant le mag*/
#mag{
	float : left;
	width : 190px;
	margin-left : -10px;
	text-align : center;
	padding-top : 15px;
	font-size : 0.8em;
}
#mag  a, a :visited{
	color : #c19900;
	text-decoration : none;
}
#mag a:hover{
	text-decoration : underline;
}
img#mag a:hover{
	text-decoration : none;
}
#mag a img{
	border : none;
	width: 120px;
}

/*calque contenant le deficient visuel*/
#deficient{
	float : left;
	width : 190px;
	margin-left : -10px;
	text-align : center;
}
#deficient  a, a :visited{
	color : #c19900;
	text-decoration : none;
}
#deficient a:hover{
	text-decoration : underline;
}
img#deficient a:hover{
	text-decoration : none;
}
#deficient a img{
	border : none;
	width: 120px;
}

.class-file h2{
	height: 20px !important;
	margin-top : 0px;
	margin-bottom : 0px;
}

div.class-file{
	margin-bottom: 30px;	
}

.attribute-file{
	font-size : 1.2em;
}

.class-link h2{
	height: 20px !important;
	margin-top : 0px;
	margin-bottom : 0px;
}

div.class-link{
	margin-bottom: 30px;	
}

.attribute-short{
	font-size : 0.8em;
}

.attribute-short p {
	font-size : 1.1em;
}

.class-gallery{
	font-size : 1.2em;
}

.class-gallery h2{ 
	padding-top : 10px;
}

.attribute-caption p{
	text-align : left !important;
}

#filemanagerContentStructure{
	background-color : #FFFFFF !important;
	width : 100% !important; 
}
	
#filemanagerFolder{
	margin-top : 10px;
	float:left !important;
	width : 100% !important;
}
	
td#filemanagerChildrens{
	font-size : 1.2em;	
}

.nodeicon img {
	border : none;
}

.warning p{
	font-size : 1.1em;
}
.encart {
	width : 100%;
}

.encart td{
	font-size : 0.8em;
}

.fiche_emploi {
	border : 0px dashed #DFD49C;
	padding-left : 5px;
}
.fiche_emploi th {
	height : 40px;
	font-size : 0.8em;
	text-align : center;
}
.fiche_emploi th{
	background: #DFD49C;
}
.fiche_emploi td {
	height : 40px;
	font-size : 0.8em;
	text-align : center;
}


.list {
	border : 1px dashed #DFD49C;
	padding-left : 5px;
}
.list th {
	height : 25px;
}
.list th{
	background: #DFD49C;
}

#resultline:hover{
background: #DFD49C;
}

.pagenavigator p {
	font-size : 0.9em;
}

.pagenavigator a {
	font-size : 1em;
}

.next span{
	margin-right : 250px;
	float : right;
}

.content-navigator  div{
	display : inline;
}

/*
#mainmenu li a {
font-size : 9px;
font-weight : bold;
color : white;
}
#mainmenu li {
	width :100%;
	height : 32px;
}
#mainmenu li span{
	height : 32px;
	background:url(../images/bt_idle.gif) no-repeat 0 0;
}

#mainmenu li em {
	height : 32px;
  background:url(../images/bt_idle.gif) no-repeat 100% 0;
}


#mainmenu li a:hover {
	padding-top : 3px;
	margin-top : -4px;
}
*/

/* classe presentation de formulaire */
#formulaire {
	background:none;
}

#formulaire h1 {
	font-size:16px;
	font-weight : bold;
	text-align : center;
	color : #c19900;
}
#formulaire bouton {
	text-align : center;
}
#formulaire td {
	valign : top;
	font-size : 12px;
	font-weight : bold;
	color : #c19900;
}