a:focus{ outline:none; }

a {
	color:#3595E3;
	border-bottom:1px dotted #2e80c3;
	text-decoration:none;
}

a:hover {
	border-bottom:1px solid #2e80c3;
}

#cache {
	position:absolute;
	top:-2000px;
}

a img { border:none; }

.note { font-size:0.9em; }
.centrer { text-align:center; display:block; margin-bottom:10px;}
.cadreImg {margin:5px 0 10px 15px; border:2px solid #000; }
.enCours { background:#e9393a; border-top:1px solid #9d0004; border-bottom:1px solid #b30005; }
.btnTelecharger {
	background:url(../images/btnTelecharger.png) no-repeat;
	width:199px;
	height:42px; 
	color:#FFF;
	font-weight:bold;
	line-height:39px;
	text-align:left;
	padding-left:8px;
	cursor:pointer;
}

a .btnTelecharger {border:none; }


.cadre {
	height:330px;
	width:230px;
	padding-bottom:10px;
	float:left;
	margin-right:40px;
	text-align:center;
}

.cadre:hover {
	background-color:#d4d0bc;
}

.cadre:hover .info {
	display:block;
}

.cadre:hover .date {
	display:none;
}

.cadre span {
	display:block;
	color:#000;
	font-weight:bold;
	text-align:center;
	padding:8px 15px 0 15px;
}

.cadre .info {
	font-size:0.8em;
	display:none;	
}

.pdf {
	padding-top:8px;
}


/*Mise en page*/
/*------------------------------------------------------------------------------------------------*/
html, body {
	height:100%;
	margin: 0;
	padding: 0;
}

body {

	font-family: Verdana;
	font-size:76%;
	color:#333;
	background:url(../images/fondBody.gif);
}	

#page {
	padding:0 7px;
	position:relative; /*Pour le pied de page*/
	min-height:100%; /*le min est imptt*/
	width: 982px;
	margin:0 auto;
	background:url(../images/fondPage.gif) repeat-y;
}

#contenu {
	margin:0px 153px 0 211px;
	padding:8px 10px 20px 10px;
	background:#FFF;
}

#contenu p {
	text-align:justify;
}

#pied {
	position:absolute;
	clear:both;	
	width:982px;
	height:13px;
	/*background:url(../images/fondPied.gif);*/
	background:#000;
	color:#E4E4E4;
	font-size:0.8em;
	text-align:center;
	bottom:0px;
}

#pied a { color:#60a9e5; }

/*Menu*/
/*------------------------------------------------------------------------------------------------*/
#imgFond {
	height:214px;
	z-index:1;
	border-bottom:1px solid #000;/*#c10000*/
	background:url(../images/bandeau/raffinerie.jpg);
}


#menutop, #transition {
	width:982px; /*Pour le menu sans le flash*/
	position:absolute;
	top:0px;
	left:7px;
	z-index:100;
	font-size:1.4em;
	color:#FFF;
}

.menuHorizontal {
	margin:0;
	padding: 0 0 0 160px;	
	height:30px;
	background:url(../images/fondMenutop.png);
}

.menuHorizontal li {
	list-style-type:none;
	text-align:center;
	float:left;
	width:170px;
	height:30px;
	line-height:30px;
	border-right:2px solid #FFF;
	cursor:pointer;
}

#menutop li a{
	display:block;
	color:#FFF;
	text-decoration:none;
	border:none;
}

#menutop li a:hover{
	background:url(../images/fondMenutopHover.png);
}

#menutop ul ul { /*Sous menus*/
	margin:0;
	padding:0;
	display:none;
	font-size:0.7em;
}

.menuHorizontal ul li{ /*Sous menus*/
	list-style-type:none;
	background:url(../images/fondMenutop.png);
	text-align:left;
	width:155px;
	padding-left:15px;
}

#menutop ul.menuHorizontal li.sousMenu:hover ul.niveau2 {
	display:block;
}

#menuGauche hr {
	margin-top:25px;
	border:none;
	height:2px;
	background:#FFF;
}

#menuGauche {
	width:210px;
	border-right:1px solid #9D0004;
	float:left;
	color:#FFF;
	background:url(../images/fondMenuGauche.gif) repeat-x;
	min-height:390px;/*480*/
}

#menuDroite {
	width:151px;
	/*border-left:10px solid #9D0004;*/
	border-right:1px solid #c10102;
	/*border-bottom:1px solid #c10102;*/
	float:right;
	padding-bottom:20px;
	/*background-color:#c10102;*/
	/*background:url(../images/fondMenuDroite.gif) repeat-x;*/
	text-align:center;
}

#connexion {
	display:none;
	font-family:Arial;
	position:absolute;
	background:url(../images/login.jpg) no-repeat;
	z-index:2000;
	width:372px;
	height:297px;
	margin:307px;
	padding:0px 7px 0 4px;
}

.hConnexion {
	display:block;
	padding:12px 20px;
	font-size:1.7em;
	border-bottom:1px dotted #444;
}

.entete {
	color:#7b796f;
	line-height:31px;
	font-weight:bold;
	padding:1px 0 0 10px;
}

.entete a {
	border:none;
}

#faire {
	margin:20px 0;
	height:22px;
	padding:10px 20px;
	border-top:1px dotted #444;
	border-bottom:1px dotted #444;
}

/*Différents titres*/
/*------------------------------------------------------------------------------------------------*/
h1 {
	text-decoration:underline;
	font-size:1.8em;
	letter-spacing:0.2em;
	color:#666666;
	font-weight:normal;
}

#menuGauche h2 {
	text-align:right;
	font-size:1.5em;
	font-weight:normal;
	letter-spacing:1px;
	padding:5px 5px 0 0;
}


#menuDroite h2 {
	color:#FFF;
	font-size:1em;
	font-weight:normal;
	margin:0px 0 6px 0;
	padding:6px 0 6px 0;
	background:#db0404;
	border-top:1px solid #8C0003;
	border-bottom:1px solid #8C0003;
}

h3 {
	font-size:1em;
	color:#bda260;
	padding-left:10px;
	background:url(../images/puceH4.gif) 0 6px no-repeat;
}

#menuGauche ul, #menuDroite ul {
	list-style-type:none;
	padding:0px;
	margin:0px;
}

#menuGauche li {
	height:27px;
	line-height:27px;
	padding:0 0 0 33px;
	background:url(../images/puce.gif) 16px 10px no-repeat ; 
	font-size:1.1em;
}

#menuDroite li {
	margin-bottom:5px;
}

#menuGauche a {
	color:#FFF;
	border:none;
}

#menuDroite a {
	color:#000;
	border:none;
}

#menuGauche a:hover, #menuDroite a:hover {
	text-decoration:underline;
}