a:hover {  color: #0C95CB; text-decoration: underline}
a:link {  color: #CCCCCC; text-decoration: none}
a:visited { color:#CCCCCC;text-decoration: none}

.liens:hover {  color: #006699; text-decoration: underline}
.liens:link {  color: #666666; text-decoration: underline}
.liens {  color: #666666; text-decoration: underline}
a.menu_metier  {  color: #000; text-decoration: none}


BODY {
	SCROLLBAR-FACE-COLOR: #d8e2e7;
	SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
	SCROLLBAR-SHADOW-COLOR: #d8e2e7;
	SCROLLBAR-3DLIGHT-COLOR: #96aabd;
	SCROLLBAR-ARROW-COLOR: #606d79;
	SCROLLBAR-TRACK-COLOR: #c2cacf;
	SCROLLBAR-DARKSHADOW-COLOR: #96aabd
}

p {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333}
td {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333}

.dropshad {
	FILTER: DropShadow(OffX=0, OffY=1, color=#E5E5E5)
}

select {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #546C83;
	background-color: #F5F5F5;
	border: 1 solid #800000;
}
input {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #003366;
	background-color: #F5F5F5;
}
textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #003366;
	background-color: #F5F5F5;
}
form { margin-bottom: 0 ; }
.titre {
    color:#FF6600;
	font-family:Georgia;
	font-weight: bold;
	font-size:12px
}
.date{
color:#FF6600;
font-size: 10px
}
.resume {
font-size: 10px;
}
.body{
font-size: 11px;
}
. itext{
font-style:italic;
font-size: 10px;
}




ul.LiensVideo{ list-style:none; margin:0 8px; padding:0; }


ul.LiensVideo li a{ background:  url(../../images/icone_video.png) no-repeat left;border:1px solid #0C95CB ;
        background-position:2% 50%px;  
        display: block;
		height:20px;
		padding: 5px 35px;
		width: auto;
		color: #006699;
		text-decoration:none;
		margin:5px 0;
		
		 }
ul.LiensVideo li a:hover{ 
background:#006699 url(../../images/icone_video.png) no-repeat left; border:1px solid #CCCCCC;
        background-position:2% 50%px; 
		color:#FFFFFF; 
		}
.news { border-bottom:1px dotted #0C95CB; margin:5px 0; padding:10px; 0}




#links ul {
        list-style-type: none;
        width: 435px;
		padding:0;
		margin:0;
		
} 

#links li {
        border-bottom: 1px dotted #0C95CB;
        
        margin: 0px 5px 5px 5px;
		width: 940px;
		
}

#links li a { 
        color: #006699;
        display: block;
        font: bold 120% Arial, Helvetica, sans-serif;
        padding: 5px;
        text-decoration: none;
}

 * html #links li a {  /* make hover effect work in IE */
	width: 940px;
}

#links li a:hover {
        background: #EEF4FB;
}

#links a em { 
        color: #333;
        display: block;
        font: normal 85% Verdana, Helvetica, sans-serif;
        line-height: 125%; 
}

#links a span {
        color: #125F15;
        font: normal 70% Verdana, Helvetica, sans-serif;
        line-height: 150%;
}
li.pres { list-style:none;
background:url(../../images/icone_fleche.png) no-repeat left top; padding-left:2px;}






img {border: none;}

ul.thumb {
	float: right;
	list-style: none;
	margin: 0; padding: 5px;
	width: 480px;
}
ul.thumb li {
	margin: 0; padding: 5px;
	float: right;
	position: relative;
	width: 110px;
	height: 110px;
}
ul.thumb li img {
	width: 100px; height: 100px;
	border: 1px solid #0C95CB;
	padding: 5px;
	background: #f0f0f0;
	position: absolute;
	left: 0; top: 0;
	-ms-interpolation-mode: bicubic; 
}
ul.thumb li img.hover {
	background:url(thumb_bg.png) no-repeat center center;
	border: 1px solid #0C95CB;
}
#main_view {
	float: right;
	padding: 9px 0;
	margin-left: -10px;
}


.puce {
	float: left;
	list-style: none;
	margin: 0; padding: 5px;
	
}
.puce li {
background:url(../../images/icone_fleche.png) no-repeat left top; padding:0 20px; margin:10px 0;
	
}