/* CSS Document */
a {
	color: #065F71;
	text-decoration:none;	
}

a:hover {
	color: #065F71;
	text-decoration: underline;	
}

h1 {
	color: #065f71;
	font-size:2em;
	margin:0;
	*margin:0.5em 0 0 0;
}

/* Gabarit */
/* CSS Document 
--------------------------------/
AJOUT PAR HIMA 360
------------------------------*/


/* Attributs et valeurs de la balise BODY a remplacer dans la CSS originale */
body {
	font:normal 70% Helvetica, Arial, Verdana, sans-serif; 
	line-height:1.6em;
	background-attachment: fixed;
	background-color: #000000;
	background-image: url(../img/fond_polestar.png);
	background-repeat: repeat-x;
	padding: 0;
	margin: 0;
	color:#919191;
}
		
/*------------------------
	Balises HTML
--------------------------*/

p { padding: 0; margin: 0.8em 0;}
img { border:none;}

 h2, h3, h4 { margin:0.5em 0 1.2em 0;  *margin:0.5em 0; line-height:1.2em;}
 h2, h2 a:link { font-size:1.6em; color:#000;!important}
 h3, h3 a:link { font-size:1.2em; color:#00A9D2;!important}
 h4, h4 a:link { font-size:1em; color:#00A9D2;!important}
 
hr {
	height:1px;
	margin:1em 0;
	*margin:0.2em 0;
	color:#CCC;
	background-color:#CCC; 
	border:0;
}
#contenu-centre ul, ol, li ul, li ol { padding:10px 0 10px 10px; margin:0;}

#contenu-centre ul li {
	padding:0 0 0.3em 18px;
	list-style-type: none;	
	background: transparent url(../img/puce.gif) no-repeat left 2px;
}

#contenu-centre ul li ul li {
	padding:0 0 0.3em 10px;
	background: transparent url(../img/puce2.gif) no-repeat left 5px;
}

#contenu-centre .bg-break { background: transparent url("../img/emploi_fond_table.png") repeat-y center center; border-bottom:1px solid #CCC; padding:0.5em;}

#contenu-centre .titre-fleche {
	background: transparent url("../img/presse_fleche.png") no-repeat right bottom;
	float:left;
	height: 46px;
}
#contenu-centre .titre_rounded {
	background: transparent url("../img/presse_title.png") no-repeat left center;
	width:171px;
	height: 22px;
	padding-top: 3px;
	padding-left: 20px;
	color: #007ca9;
	margin:0.5em 0;
}
#contenu-centre .puce3{ background:transparent url("../img/puce3.gif") no-repeat left center; text-decoration:none; padding:0 0 0 10px;}
#contenu-centre .puce3 a:hover, a:hover.puce3 { text-decoration:underline;}

#contenu-centre .clear { clear:both;}
#contenu-centre .wrapper {overflow: hidden; width: auto;}

/* FIN AJOUT HIMA */

/*------------------------
	styles graphiques
--------------------------*/
		
.black, a.black, .black a, .noir, a.noir, .noir a { color:#000;!important}
.white { color:#FFF;}
.bleu, a.bleu, .bleu a { color: #00A9D2;!important}
.orange, a.orange, .orange a { color: #F30;!important}
.justify { text-align : justify ;}
.uppercase { text-transform: uppercase; }
.bold {font-weight: bolder;}
.small { font-size:0.9em; }
.big { font-size:1.1em; }
.chapeau {color:#000; border-left:3px solid #00A9D2; padding-left:12px; margin-bottom:1.5em;}

/*Positionning */
.clear {clear:both;}
.left{float:left;}
.right{float:right;}
.wrapper{overflow: hidden; width:auto;}

ul.nolist {margin: 0; padding: 0;}
ul.nolist li{list-style-type: none; padding: 2px 0; border-top: 1px solid #CCC;}

#shadow {
background:transparent url(../img/fond_ombre.png) repeat-y scroll 0 0;
margin:0 auto;
overflow:hidden;
padding:0 0 25px;
position:relative;
width:998px;
}

#content {
	background: transparent url(../img/fond_header.png) repeat-x;
	margin-left: 9px;
	margin-right: 9px;
	padding-left: 0px;
	padding-right: 0px;
}

#contenu-centre {
	text-align: justify; 
	margin:0 0 0 175px; 
	width: 600px;
}

#footer {
	background: transparent url(../img/footer.png) no-repeat;
	width: 998px;
	height: 80px;
	padding: 0;
	margin: auto;
	text-align: center;
	font-size: 12px;
	padding-top: 25px;
	color: #FFF;
}

#footer a {
	color: #FFF;
	text-transform: uppercase;
}

/* Logo */
	
#logo{
	display:block;
	float:left;	
	width:341px;
	height:91px;
	/*background: transparent url("../img/logo.png") no-repeat center top;*/
	color:#707173;
}
#fleches_logo {
	display:block;
	float:left;
	width:413px;
	height:135px;
	background: transparent url("../img/fond_fleches_haut.png") no-repeat center top;
	color:#707173;
}

#fleches_logo p{
	padding-right : 65px ;
	padding-top : 18px ;	
	float:right;
}
#fleches_logo a{
	color:#FFFFFF;
	text-decoration:none;
	float:right;	
	text-transform: uppercase;
}
#fleches_logo a:hover{
	color:#FFFFFF;
}

#header_chemin{
	position:block;
	float:left;
	background: transparent url("../img/header_chemin.png") no-repeat center top;
	width: 154px;
	text-align:right;
	padding-top: 8px;
	margin-top: 20px;
	color: #378494;
}

#chemin{
	background: transparent url("../img/fleche_blanche.png") no-repeat left center;	
	float: right;
	padding-left:8px;
	max-width: 140px;
	font-size:16px;
	font-weight: bolder;
}

#chemin a {
	text-transform: uppercase;
}
/* Contenu de la page */
#contenu{
	height:183px;
	margin-bottom : 30px;
}

#separateur {
	position:relative;
	float:left;
	margin-left: 10px;
	width: 326px;
	height: 1px;
	background-color: #919191;
}

#separateurPartenaire {
	position:relative;
	float:left;
	margin: 10px 0px;
	width: 290px;
	height: 1px;
	background-color: #919191;
}

#separateurVertical {
	position:relative;
	float:left;
	margin-left: 10px;	
	margin-right: 10px;		
	width: 1px;
	height: 60px;
	background-color: #CCC;
}


#home1{
	position: block;
	float:left;
	background: transparent url("../img/home1.png") no-repeat center top;
	width: 347px;
	height: 420px;
	margin: 0px 40px 30px 40px;
}


*html #home1{
	position: block;
	float:left;
	background: transparent url("../img/home1.png") no-repeat center top;
	width: 347px;
	height: 420px;
	margin: 0px 40px 30px 1em;
}

#home1 .titre{
	position: relative;
	float:left;
	margin: 20px 25px 10px 20px;
	font-size: 16px;
	color: #00A9D2;
}

#home1 .categorie{
	position: block;
	float:left;
	margin: 20px 40px;
	font-size: 14px;
	color: #00A9D2;	
}

#home1 .date{
	position: block;
	float:left;
	color : #3FBEDD ;
	font-size: 10px;
	padding-left: 10px;
	padding-top:10px;
	width:100%;
}
#home1 .content{
	position: block;
	float:left;
	margin: 5px 10px 10px 10px;
	text-align : justify ;
	font-size: 10px;
}

#home1 .content a{
	color:#FF3300;
	text-decoration:none;
}
#home1 .content a:hover{
	color:#FF3300;
	text-decoration: underline;		
}

#fleche_actu {
	background: transparent url("../img/fleche_rouge.png") no-repeat left center;	
	float: right;
	padding-left:8px;
	font-size:12px;
	padding-right:10px;
}

#fleche_actu a{
	color:#9FD6E8;
	text-decoration:none;
}
#fleche_actu a:hover{
	color:#9FD6E8;
	text-decoration: underline;	
}


#home2 {
background:transparent url(../img/home2.png) no-repeat scroll center top;
color:#9FD6E8;
height:196px;
margin-bottom:8px;
width:291px;
}

#home2 img {
	border:1px solid #FFF;
	float:left;
	margin:0 8px 3px 0;
}

#home2 .titre{
	position: relative;
	float:left;
	margin: 6px 0 0 5px;
	font-size: 1.5em;
	letter-spacing: 0.1em;
	width: 100%;
}

#home2 .content {
	font-size:0.9em;
	line-height:1.2em;
	margin: 0 5px;
	padding-top: 5px;
}

#home2 .content a{
	color:#9FD6E8;
	text-decoration:none;
	font-weight: bold;
}
#home2 .content a:hover{
	color:#9FD6E8;
	text-decoration: underline;		
	font-weight: bold;	
}

#star {
background:transparent url(../img/star.png) no-repeat scroll left -2px;
font-size:20px;
height:25px;
padding:5px 0 0 30px;
}

#partners {
	width:300px;
	margin:0 0 10px;
}

#partners img{
	float: left;
}

#partners .content {
float:left;
line-height:1.25em;
width:190px;
}

#partners .content a{
	color: #3FBEDD;
	text-decoration:none;
	font-weight: bold;
}
#partners .content a:hover{
	text-decoration: underline;			
}



/***************/
/* PARTIE NEWS */
/***************/
#home_news
{
	float:left;
	/*background: transparent url("../img/news_cadre.png") no-repeat center top;*/
	background: #EFEFEF;
	width: 567px;
	height: 1000px;
	margin: 0px 20px 30px 20px;
	padding-top: 20px;
	border: 1px solid #CCC;
}

#home_news .date{
	position: block;
	float:left;
	color : #000000 ;
	font-size: 10px;
	padding-left: 10px;
	padding-top:10px;
	width:100%;
	font-weight: bold;
}

#home_news .titre{
	position: relative;
	float:left;
	margin: 20px 25px 30px 25px;
	font-size: 16px;
	color: #00A9D2;
}

#home_news .categorie{
	position: block;
	float:left;
	margin: 20px 40px 30px 40px;
	font-size: 14px;
	color: #00A9D2;	
}

#home_news .logo{
	float:left;
	background: transparent url("../img/news_logo.png") no-repeat center top;
	width: 185px;
	height: 40px;
	margin-left: 20px;
}

#home_news .logo_news{
	float:right;
	background: transparent url("../img/news.png") no-repeat center top;
	width: 165px;
	height: 31px;
	margin-right: 40px;
}

#news_article img {
	float:left;
	margin-left: 10px;
	border: 3px #CCCCCC solid;
}

#news_article a {
	border: 2px #CCCCCC solid;
	background-color:#FFFFFF;
	color:#00a9d2;
	padding: 3px;
}

#news_article .item-list .pager {
	text-align: right;
}

#news_article .content{
	position: block;
	float:left;
	margin: 5px 10px 10px 10px;
	text-align : justify ;
	font-size: 10px;
}

#news_article .accroche{
	position: block;
	float:left;
	text-align : justify ;
	font-size: 10px;
	color: #00A9D2;
	font-weight:bold;
	padding-left: 10px;
	width: 450px;
	padding-bottom: 10px;
}

#news_article .contenu{
	position: block;
	float:left;
	text-align : justify ;
	font-size: 10px;
	padding-left: 10px;
	width: 95%;	
	height: 105px;
	overflow: hidden ;
}

#news_article .contenu-overflow{
	position: block;
	float:left;
	text-align : justify ;
	font-size: 10px;
	padding-left: 10px;
	width: 95%;	
	height: 105px;
}

#news_article .lien {
	color: #FF3300;
	float:left;
	padding-left: 15px;
	margin-left: 10px;
	background: transparent url("../img/livre_mini.png") no-repeat left center;
	border: 0px;
	clear: both;
}

#news_article a:hover {
	color: #FF3300;
}

/***************/
/* PARTIE EMPLOI */
/***************/
#home_emploi {
	float:right;
	width: 567px;
	height: 495px;
	margin: 0px 20px 30px 20px;
}

#home_emploi h1 {
	color: #669900;
	background: transparent url("../img/emploi_fleche.png") no-repeat right bottom;
	width: 250px;
	height: 46px;
}

#home_emploi .date{
	position: block;
	float:left;
	color : #000000 ;
	font-size: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
	width:100%;
	font-weight: bold;
}

#home_emploi .titre{
	position: relative;
	float:left;
	margin: 20px 25px 30px 25px;
	font-size: 16px;
	color: #00A9D2;
}

#home_emploi .categorie{
	position: block;
	float:left;
	margin: 20px 40px 30px 40px;
	font-size: 14px;
	color: #00A9D2;	
}

#home_emploi .logo{
	float:left;
	background: transparent url("../img/news_logo.png") no-repeat center top;
	width: 185px;
	height: 40px;
	margin-left: 20px;
}

#home_emploi .logo_news{
	float:right;
	background: transparent url("../img/news.png") no-repeat center top;
	width: 165px;
	height: 31px;
	margin-right: 40px;
}

#emploi_article {
	background: transparent url("../img/emploi_fond_table.png") repeat-y center center;
	//height: 100px;
}

#emploi_article img {
	float:left;
	margin-left: 10px;
	border: 3px #CCCCCC solid;
}

#emploi_article .content{
	position: block;
	float:left;
	margin: 5px 10px 10px 10px;
	text-align : justify ;
	font-size: 10px;
}

#emploi_article .accroche{
	position: block;
	float:left;
	text-align : justify ;
	font-size: 10px;
	color: #00A9D2;
	font-weight:bold;
	padding-left: 10px;
	padding-bottom: 10px;
}

#emploi_article .contenu{
	position: block;
	float:left;
	text-align : justify ;
	font-size: 10px;
	padding-left: 10px;
	width: 550px;	
}

#emploi_article a.button {
	color: #40bfdd;
	/*float: right;*/
	padding-left: 15px;
	margin:0 10px 0 0;
	background: transparent url("../img/emploi_postuler.png") no-repeat left center;
	font-weight: bold;
}

#emploi_article a:hover {
	color: #40bfdd;
}

.links{	color: #40bfdd;}


/* ----------------- */
#presse_node {
	width: 265px;
	float: left;
}

#presse {
	float:right;
	width: 567px;
	height: 495px;
	margin: 0px 20px 30px 20px;
}

#presse h1 {
	color: #007ca9;
	background: transparent url("../img/presse_fleche.png") no-repeat right bottom;
	width: 250px;
	height: 46px;
}
#presse_node .date{
	position: block;
	float:left;
	color : #007ca9 ;
	font-size: 10px;
	width:100%;
	font-weight: bold;
}
#presse_title {
	background: transparent url("../img/presse_title.png") no-repeat left center;
	width: 100%;
	height: 22px;
	padding-top: 1px;
	padding-left: 20px;
	color: #007ca9;
	font-size: 14px;
	float: left;
}

.telecharger {
	background: transparent url("../img/presse_download.png") no-repeat left center;
	padding-left: 25px;
	height: 18px;
	color: #007ca9;
	font-size: 14px;
	padding-bottom: 3px;
	padding-left: 25px;
}

#separateurPresse {
	width:95%;
	margin-bottom:5px;
	margin-top:5px;
	position:relative;
	float:left;
	margin-left: 10px;
	width: 326px;
	height: 1px;
	background-color: #919191;
}



/********************/
/* PARTIE INTERFACE */
/********************/
#home_interface{
	float: left;
	width: 567px;
	padding: 10px 10px;
	background-color: #f2f3f5;
	border: 1px solid #e9e9e7;
	margin-bottom: 20px;
}

#home_interface table {
	border-collapse: separate ;
}


/* Colonne de Droite */
#right{
	/*float:right;*/
	position:absolute;
	top:0 ;
	right:10px;
}

*html #right{
	/*float:right;*/
	position:absolute;
	top:0 ;
	right:9px;
}

#flash_menu {
	/*background: transparent url("../img/flash_menu.png") no-repeat left top;*/
	width: 195px;
	height: 410px;
	margin-bottom: 50px;
	float: right;
}

#right_menu {
	/*background: transparent url("../img/right_menu.png") no-repeat left top;*/
	width: 158px;
	height: 194px;	
	float: right;
	clear: both;
}

#corps {
}

/* Colonne de gauche */
#col_gauche {
	width: 150px;
	float: left;
	margin-right: 25px;
	height: 440px;
}

#col_gauche img {
	float: left;
	margin-bottom: 20px;
}

#titleSelected {
	width: 100%;
	background-color: #D9F8FE;
	float: left;
	text-align:right;	
	color: #065F71;
	padding: 2px 5px 2px 0px;
	font-weight: bold;
	width: 100%;	
	font-size:12px;
}

#titleGris {
	width: 100%;
	background-color: #EBEBEB;
	float: left;
	text-align:right;	
	color: #065F71;
	padding: 2px 5px 2px 0px;
	font-weight: bold;
	width: 100%;	
	font-size:12px;
	margin-bottom: 10px;	
	margin-top: 20px;	
}

#leftMenuSelected {
	float: right;
	color: #065F71;	
	padding-left: 5px;
	background: transparent url("../img/fleche_news.png") no-repeat left center;
}

#leftMenu {
	float: left;
	color: #065F71;	
	width: 100%;
	text-align:right;
}

#leftMenuSelectedInterface {
	float: left;
	color: #065F71;	
	padding-right: 30px;
	text-align: right;
	background: transparent url("../img/interface_fleche.png") no-repeat right center;
	height: 17px;
	background-color: #d9f8fe;
	width:80%;
	color: #065f71;
	//font-size: 9px;
	font-weight: bold;
	margin-bottom: 5px;
	overflow: hidden;
	//line-height: 8px;
}

#leftMenuInterface {
	float: left;
	color: #065F71;	
	width:80%;
	height: 15px;
	text-align:right;
	color: #065f71;	
	margin-bottom: 5px;
	overflow: hidden;
	white-space: normal;
}

/* Plan du site */
.site-map {
	margin-left: 30px;
	margin-bottom:30px;	
}
/* VIDEOS */
.video {float:left; margin:0 10px 10px 0; border-right:1px solid #CCC; padding:0 10px 0 0;}
.video img {margin:0.5em 0;}