* {
	margin:0px;
	padding:0px;
}
body {
	font:11px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color:#575757;
}
img {
	border:0;
}
.TresPetite { font-family: Arial, Helvetica, sans-serif; font-size:9px; }
.Petite 	{ font-family: Arial, Helvetica, sans-serif ; font-size:10px; }
.Normal 	{ font-family: Arial, Helvetica, sans-serif ; font-size:12px; }
.Moyenne 	{ font-family: Arial, Helvetica, sans-serif ; font-size:14px; }
.Grande 	{ font-family: Arial, Helvetica, sans-serif ; font-size:16px; }
.TresGrande { font-family: Arial, Helvetica, sans-serif ; font-size:18px; }
.bleu 		{ color:#006cb3;}
.vert 		{ color:#96bf0d;}
.jaune		{ color:#fbaa12;}
.orange 	{ color:#fb5e01}
.gris 		{ color:#6b6b6b;}
.violet 	{ color:#7432a3;}



h1 { 
	font: bold 16px Georgia, "Times New Roman", Times, serif;
	padding :0px 0px 0 0px;
	margin :0px 0px 10px 0;
	color:#005c9f;
	text-align:left;
}
h2 { 
	font: bold 15px Georgia, "Times New Roman", Times, serif;
	padding :0px 0px 0 0px;
	margin :15px 0 5px 0;
	color:#005c9f;
	text-align:left;
}	
h3{ 
	font: bold 13px Georgia, "Times New Roman", Times, serif;
	padding :0px 0px 5px 0px;
	margin :0px 0px 0 0px;	
	color:#005c9f;
}
h4{ 
	font: normal 12px Georgia, "Times New Roman", Times, serif;
	padding :0px 0px 0px 0px;
	margin :10px 0 5px 0;
	color:#6497cb;
	text-align:left;	
}
h5{
	font: normal 11px Georgia, "Times New Roman", Times, serif;
	padding :0px 0px 0 0px;
	margin :0px 0 5px 0;
	color:#6497cb;
	text-align:left;
}
p {
	font: 11px Arial, Helvetica, sans-serif;
	color:#5d5d5d;
	margin:10px 0;
	line-height:16px;
}
ul { 
	padding: 0px 0 10px 0;
	list-style:disc;
	list-style:outside;
	margin:0 0 0px 18px
}
li {
	font: 11px Arial, Helvetica, sans-serif;
	color:#545c6b;
	padding:0px 0 0 0px;
	margin:3px 0 0 0;
}
a { 
	color: #0e619c;
	text-decoration:none;
}

#conteneur {
	width:960px;
	margin-left:auto;
	margin-right:auto;
	background:#fff;
	margin-top:10px;
}

/*///////////////////////////////////////////////////////////////////////////////////////
HEADER
///////////////////////////////////////////////////////////////////////////////////////*/

#header {}
.logo {
	padding:5px 0 0 60px;
}
.accueil {
	background:url(/epac_images/site/btnAccueil.gif) no-repeat top left;
	height:14px;
	width:92px;
	display:block;
	margin-left:60px;
	font:bold 10px Georgia, "Times New Roman", Times, serif;
	color:#fff;
	padding:7px 0 0 0;
	text-align:center;
}
.bghead {
	background:url(/epac_images/site/bgHeader.jpg) no-repeat top right;
	height:151px;
	width:802px;
}
.accrocheHead {
	text-align:right;
	padding-right:200px;
	font:bold 14px Georgia, "Times New Roman", Times, serif;
	color:#6497cb;
}
.accrocheHead p {
	font:bold 13px Georgia, "Times New Roman", Times, serif;
	color:#6497cb;
	margin:0px;
	line-height:17px;
}


/*//////////////////////////////////////////////////////////////////////////////////////
NAV DEROULANTE
//////////////////////////////////////////////////////////////////////////////////////*/

.barreNav {
	background:url(/epac_images/site/bgNav.jpg) repeat-x top left;
	width:100%;
	height:41px;
}
.barreNav td {
	vertical-align:top;
	text-align:center;
	padding:0px 5px 0 5px;
}
.barreNav td.spnavTop { 
	padding:0px !important;
	width:1px !important;
	vertical-align:top;
	}

/*//////

ul.nav {
	margin: 0; padding:0; 
}
ul.nav li{
	margin: 0; padding:0; 
}

ul.nav li  {
	list-style:none;
	color:#7f4832;
	position:relative;
	margin:0;
	background:none;
	height:41px;
}


ul.nav li:hover ,
ul.nav li.hover ,
ul.nav li a.selected  {
	color:#c4d2e5 !important;
}
ul.nav li:hover a, ul.nav li.hover a {
	color:#c4d2e5;
}


ul.nav li a  {
	padding: 0px;
	margin: 0;
	width:100%;
	font: 11px Georgia, "Times New Roman", Times, serif;
	color:#fff;
	text-decoration: none;
	cursor:pointer;
	display:block;
	height:35px;
	line-height:14px;
}


.sous_nav{
	z-index: 999999 !important;
	position: absolute;
	left:-2px;
	top:31px;
	margin:0; 
	display:block;
	width:173px;
	background:url(/epac_images/site/bg_sousnav.png) no-repeat bottom left;
	display:none;
}
.sous_nav ul {
	position: relative;
	margin:0;
	padding:0px 0 7px 0px;
	margin:0px 0 0 0px;
	width:165px;
}	
.sous_nav ul li{
	margin:5px 5px 0 5px;
	font:10px Georgia, "Times New Roman", Times, serif;
	list-style:none;
	color:#76787d;
	display:block;
	clear:both;
	text-align:left;
	border-bottom:1px solid #6497cb;
	width:151px;
	padding:0px;
	height:auto;
}
.sous_nav ul li a {	
	font:11px Georgia, "Times New Roman", Times, serif;
	color:#fff !important;
	display:block;
	height:auto;
	margin:5px 0;
}
.sous_nav ul li a:hover,
.sous_nav ul li.selected  {
	color:#c4d2e5 !important;
}

ul.nav li:hover div,
ul.nav li.hover div  {
	display: block;
}
////*/

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


/*//////////////////////////////////////////////////////////////////////////////////////
CONTENU
//////////////////////////////////////////////////////////////////////////////////////*/

#contenu {
	padding:0 0 20px 0;
}
span.titreParent {
	color:#c4d2e5 !important;
	text-transform:none;
}

/*//////////////////////////////////////////////////////////////////////////////////////
COLONNE GAUCHE
//////////////////////////////////////////////////////////////////////////////////////*/
.colGauche {
	width:170px;
	padding:7px 0 0 12px;
	margin:0px;
}

.accordion_headings ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
.accordion_headings span, .accordion_headings a {
	font-size:11px;
	background:url(/epac_images/site/puce_navGauche.gif) no-repeat 0px 6px;
	margin:2px 0 0 0;
	padding:0px 0 0 8px;
	color:#747373;
	display:block;
	cursor:pointer;
}
.accordion_headings li a {
	color:#747373;
}
.accordion_headings span:hover, .accordion_headings a:hover, .accordion_headings a.selected  {
	color:#747373;
	text-decoration:underline;
}
.accordion_child li {
	margin:2px 0 0 0;
	list-style:none;
}
.accordion_child li a {
	font-size:10px;
	color:#a7a7a7;
}
.accordion_child li a:hover,.accordion_child li a.selected {
	text-decoration:underline;
	color:#747373
}



/*//////////////////////////////////////////////////////////////////////////////////////
COLONNE CENTRE CONTENU
//////////////////////////////////////////////////////////////////////////////////////*/

.colContenu {
	width:601px;
	padding: 18px 0 0 8px
}
.texteContenu {
	width:570px;
	margin:0 0 0 14px;
}
.ref {
	background:url(/epac_images/site/bg_logos.gif) no-repeat top left;
	width:569px;
	height:55px;
	text-align:center
}


/*//////////////////////////////////////////////////////////////////////////////////////
COLONNE DROITE
//////////////////////////////////////////////////////////////////////////////////////*/

.colDroite {
}
.recherche {
	background:url(/epac_images/site/bgRecherche.jpg) no-repeat top left;
	width:166px;
	height:20px;
	position:absolute;
	top:195px
}
input.inputSearch {
	width:132px;
	height:12px;
	background:url(/epac_images/site/inputRecherche.gif) no-repeat top left;
	border:0px;
	font:10px Arial, Helvetica, sans-serif;
	color:#6497cb;
	float:left;
	padding-left:5px;
	text-transform:uppercase;
	margin:3px 0px 0 5px;
}
.recherche button {
	background:url(/epac_images/site/btn_ok.gif) no-repeat top left;
	width:19px;
	height:12px;
	border:0px;
	float:right;
	margin:3px 5px 0 0;
	cursor:pointer;
}
.rectBleu {
	background:#f3f6fa url(/epac_images/site/bgDroit_top.gif) no-repeat top left;
	margin:5px 0 0 0;
	padding:11px 0 0 9px;
	width:161px;
}
.rectBleu h3 {
	padding:0 0 5px 0;
	margin:0px;
	color:#6497cb;
}
.rectBleu h3 a {
	color:#6497cb;
}
.rectBleu h3 a:hover {
	color:#6497cb;
}
.rectDate {
	width:141px;
	background:#fff;
	margin:10px 0 0 0;
}
.rectDate p.date {
	background:url(/epac_images/site/bg_date.gif) no-repeat top left;
	width:141px;
	height:21px;
	padding:3px 0 0 0;
	border:0px;
	font-size:13px;
	color:#fff;
}
.rectDate p {
	border-left:1px solid #7ddbff;
	border-right:1px solid #7ddbff;
	margin:0px;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#6497cb;
	padding:3px 0;
}
.sortable td {
	padding:2px 0;
}
.sortable td a {
	background:url(/epac_images/site/puce_actus.gif) no-repeat 0px 4px;
	padding:0 0 0 13px;
	color:#5d5d5d;
	display:block;
	text-decoration:underline;
}
.sortable td a:hover { text-decoration:none;}
.odd {
	background:url(/epac_images/site/bg_actus.gif) repeat-y top left;
}
.even {}
.outils {
	background:url(/epac_images/site/bgOutils_top.gif) no-repeat top left;
	padding:11px 0 0 0px;
	margin:5px 0 0 0;
}
.outils div {
	border-left:1px solid #4da5d5;
	padding:0 0 0 3px;
}
.outils div h3 {
	padding:0 0 0 10px;
	margin:0px;
	color:#41a1d4;
}
.outils div h3 small {
	font-size:9px;
}
.outils div a {
	background:url(/epac_images/site/bgOutils.gif) no-repeat top left;
	width:152px;
	height:29px;
	display:block;
	margin:2px 0 0 0;
	padding:4px 0 0 12px;
	font:bold 9px Arial, Helvetica, sans-serif;
	color:#fff;
	line-height:11px
}


/*//////////////////////////////////////////////////////////////////////////////////////
FOOTER
//////////////////////////////////////////////////////////////////////////////////////*/
#footer {
	 border-top:1px solid #708ebe;
	 padding:15px 0 10px 0;
}
#footer div {
	padding:0 15px;
}
#footer p {
	font-size:10px;
	color:#6497cb;
}



/*///////////////////////////////////////////////////////////////////////////////////
CONTACT
//////////////////////////////////////////////////////////////////////////////////*/

	.FormContact{
		margin-top:25px;
	}
	.FormContact td{
		padding:1px;
	}
	.FormContact input,	.FormContact textarea{
		border:1px #d6dbc6 solid;
		font: 10px Georgia, "Times New Roman", Times, serif;
		padding: 2px 5px;
		color: #5d5d5d;
	}
	.FormSubmit {
		margin: 0;
		padding: 2px 5px;
		font: 10px Georgia, "Times New Roman", Times, serif;
		color: #fff !important;
		background-color: #00599a;
		border:none !important;
		cursor:pointer;
	}
	.LargeInput{
		width:261px;
	}
	.SmallInput{
		width:60px;
	}
	.MediumInput{
		width:185px;
	}
	.chkBoxes{
		/*background-color:white;border-width:0;*/
	}
	.XSmallInput{
		width:20px;
	}
	.HalfInput{
		width:123px;
	}
	.EditLibelle{
		margin: 40px 0;
		padding: 10px;
		width: 400px;
		border: 1px dotted;
		color: #000000;
	}
	.EditLibelle a {
		color: #000000;
	}
	
	.Clikeo{
		text-align:center;
		padding:10px 0 5px 0;
		font: normal 10px Arial , Verdana, Helvetica, sans-serif;  
		color:#c3c3c3;
	}

	.Clikeo a {
		font: normal 10px Arial , Verdana, Helvetica, sans-serif;  
		color:#c3c3c3 !important;
	}
	.Clikeo a:hover {
		color:#f7a900 !important;
	}