/****************************
* POUR GE.CH                *
* AUTEUR : LTI              *
* CREATION : 11.02.2008     *
* MISE A JOUR : 11.02.2008  *
****************************/

/* Mise en forme des actualités*/

/* --------------------             Actualités de la welcome             -------------------*/
#actualites {
	position: relative;
	top: 9px;
	left: 188px;
	width: 586px;
	min-height: 565px;
	padding: 0px 1px 9px 0px;}
	
#actualites img {
	border: 1px solid #64A0B4;}

#actualites hr {
	margin-bottom: 10px;}

.actu_w_principale {
	min-height: 197px;
}
.actu_w_principale_img {
	margin: 0px;
	float: left;
	width: 270px;
	border-left: 15px solid #64A0B4;
}
.actu_w_principale_text {
	margin-right: 1px;
	position: relative;
	float: right;
	width: 295px;
}
.actu_w_s_ligne {
	clear: both;
}
.actu_w_s {
	min-height: 250px;
}
.actu_w_s_gauche {
	margin: 0px;
	float: left;
	width: 279px;
}
.actu_w_s_droite {
	margin: 0px;
	float: right;
	width: 296px;
}
.actu_w_s_g_img {
	margin: 0px;
	float: left;
	width: 106px;
	border-left:15px solid #C0D8E0;
}
.actu_w_s_d_img {
	margin: 0px;
	float: left;
	width: 101px;
}
.actu_w_s_g_text{
	margin: 0px;
	position: relative;
	float: right;
	width: 155px;
}
.actu_w_s_d_text{
	margin: 0px;
	position: relative;
	float: right;
	width: 186px;
}
.actu_w_suite {
	margin: 0px;
	font-weight: bold;
	color: #666666;
	padding-right: 8px;
	text-align: right;
}
.actu_w_suite a {
	font-weight: bold;
	color: #666666;
}
.actu_w_nav {
	margin: 0px;
	height: 18px;
	background-color:#64A0B4 !important;
	clear: both;
}
.actu_w_nav_RSS {
	margin: 0px;
	width: 182px;
	padding-left: 15px;
	float: left;
}
.actu_w_nav_suite {
	margin: 0px;
	width: 282px;
	padding-right: 8px;
	background-color:#64A0B4;
	color:#F3F7F9;
	font-weight: bold;
	float: right;
	text-align: right;
}
.actu_w_nav_suite a:active {
	color:#F3F7F9;
	font-weight: bold;
	text-decoration:none;
}
.actu_w_nav_suite a:link {
	color:#F3F7F9;
	font-weight: bold;
	text-decoration:none;
}
.actu_w_nav_suite a:visited {
	color:#F3F7F9;
	font-weight: bold;
	text-decoration:none;
}
.actu_w_nav_suite a:hover {
	color:#F3F7F9;
	font-weight: bold;
	text-decoration:underline;
}

/* -------------------------             Actualités DSE, DIP, CHA, CE - 2 colonnes            ----------------------*/

/* Actualités sans la ligne bleue*/
.actu_2col_A {
	position: absolute;
	left: 0px;
	width: 289px;
	margin-bottom: 15px;}
	
.actu_2col_B {
	position: relative;
	width: 290px;
	margin-left: 293px;
	margin-bottom: 15px;}

/* Actualités avec la ligne bleue*/
.actu_2col_A_lignebleue {
	position: relative;
	float: left;
	width: 279px;}

.actu_2col_B_lignebleue {
	position: relative;
	float: right;
	width: 280px;
	margin-left: 0px;}

/* Styles pour le contenu des actus avec ou sans ligne bleue*/
.actu_2col_A p, .actu_2col_B p,
.actu_2col_A_lignebleue p, .actu_2col_B_lignebleue p {
	margin: 0px 0px 10px 0px;}

.actu_2col_A ul, .actu_2col_B ul,
.actu_2col_A_lignebleue ul, .actu_2col_B_lignebleue ul {
	line-height: 1.3em;
	margin: 5px 0px 5px 19px;}

.actu_2col_A li, .actu_2col_B li,
.actu_2col_A_lignebleue li, .actu_2col_B_lignebleue li {
	margin-bottom: 3px;}

/* Styles des titres (H3, H4, H5, H6)*/
.actu_2col_A h3, .actu_2col_A h4, .actu_2col_A h5, .actu_2col_A h6,
.actu_2col_B h3, .actu_2col_B h4, .actu_2col_B h5, .actu_2col_B h6,
.actu_2col_A_lignebleue h3, .actu_2col_A_lignebleue h4,
.actu_2col_A_lignebleue h5, .actu_2col_A_lignebleue h6,
.actu_2col_B_lignebleue h3, .actu_2col_B_lignebleue h4, 
.actu_2col_B_lignebleue h5, .actu_2col_B_lignebleue h6 {
	font-size: 1.0em;
	margin-top: 2px;
	margin-bottom: 0px;}

/* Styles des titres "boites"*/
.actu_2col_A .titre_actu, .actu_2col_B .titre_actu,
.actu_2col_A_lignebleue .titre_actu, .actu_2col_B_lignebleue .titre_actu {
	color: #0C6A89;
	font-weight: bold;
	text-transform: none;
	letter-spacing: normal;
	padding: 3px 0px 3px 6px;
	margin: 0px;
	margin-bottom: 2px;
	border-top: 1px solid #cccccc;
	background-color: #f5f5f5;
	border-bottom: 1px solid #cccccc;
	clear: both;}

.actu_2col_A .titre_actu_ferme, .actu_2col_B .titre_actu_ferme,
.actu_2col_A_lignebleue .titre_actu_ferme, .actu_2col_B_lignebleue .titre_actu_ferme {
	color: #666666;
	border-bottom: 0px;
	margin-bottom: 0px;}
	
/* -------------------------             Actualités Statistiques - 2 colonnes            ----------------------*/

/* Actualités sans la ligne bleue*/
.actu_3col_A, .actu_3col_B, .actu_3col_C {
	width: 190px;
	margin-bottom: 15px;
	margin-right: 6px;
	float: left;}
	
.actu_3col_C {
	margin-right: 0;}
	
/* Actualités avec la ligne bleue*/
#texte_bordure .actu_3col_A, #texte_bordure .actu_3col_B, #texte_bordure .actu_3col_C {
	width: 184px;
	margin-bottom: 15px;
	margin-right: 6px;
	float: left;}
	
#texte_bordure .actu_3col_C {
	margin-right: 0;}
	
/* Styles pour le contenu des actus avec ou sans ligne bleue*/
.actu_3col_A p, .actu_3col_B p, .actu_3col_C p {
	margin: 0px 0px 10px 0px;}

.actu_3col_A ul, .actu_3col_B ul, .actu_3col_C ul {
	line-height: 1.3em;
	margin: 5px 0px 5px 19px;}

.actu_3col_A li, .actu_3col_B li, .actu_3col_C li {
	margin-bottom: 3px;}

/*------------------               newsslider (actualités attractives)            ---------------------*/

/* CSS pour Actus attractives*/
#newsslider {
	width: 565px;
	background-repeat:repeat-y;}
	
#newsslider .sanslignebleue {
	width: 582px;}

#newsslider p {
	background-color: white;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	float: right;
	width: 232px;
	_width: 242px;
	padding-left:8px;
	padding-top:8px;
	padding-bottom:8px;
	border-bottom:1px solid #e5e5e5;
	border-left:6px solid #d0d0d0;
	margin: 0;
	clear:both;}

.spacer {
	clear: both;}

#newsslider img {
	position: relative;
	left:0px;
	float:left;
	margin-left:-31px;
	_margin-left:-34px;}

#newsslider a:active {
	color: #666;
	text-decoration: none;}

#newsslider a:active {
	color: #666;
	text-decoration: none;}

#newsslider a:link {
	color: #666;
	text-decoration: none;}

#newsslider a:visited {
	color: #666;
	text-decoration: none;}

#newsslider a:hover {
	color: #3D88A1;
	text-decoration: underline;}
