@charset "utf-8";
/* CSS Document */
#carnet_accueil{
	width:714px;
	float:left;
	}
#carnet_accueil img, #alaune img, #seminaires img, #offres , #bienetre img{
	float:left;
	}
#carnet_accueil .text,  #alaune .text{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#555;
	margin:10px 0 0;
	padding:0;
	text-align:left;
	float:left;
	}
	
a.lien_accueil { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#555;
	margin:0 0 0 10px;

}
	
 #seminaires .text,#situation .text, #offres .text,  #bienetre .text{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#555;
	margin:0 4px 0 0;
	padding:0;
	text-align:justify;
	float:left;
 	}
 #seminaires .text,#situation .text, #offres .text, #bienetre .text{
 	width:138px;
 	}
#colonne_d_ecartement_a{
	width:64px;
	height:30px;
	margin:0;
	padding:0;
	float:left;
	}
#contenu_carnet_accueil{
	width:630px;
	height:230px;
	margin:0;
	padding:0;
	float:left;
	}
#alaune{
	width:200px;
	float:left;
	}
#colonne_d_ecartement_b{
	width:22px;
	height:30px;
	margin:0;
	padding:0;
	float:left;
	}
#contenu_alaune{
	width:156px;
	height:264px;
	margin:0;
	padding:0;
	float:left;
	}
#seminaires{
	width:480px;
	float:left;
	}
#contenu_seminaires{
	width:384px;
	height:110px;
	margin:0 0 0 70px;
	padding:0;
	}
	
	
#situation{
	width:480px;
	float:left;
	}	
#situation img{
	float:left;
	}
#colonne_d_ecartement_c{
	width:70px;
	height:30px;
	margin:0;
	padding:0;
	float:left;
	}
#contenu_situation{
	width:386px;
	height:110px;
	margin:0;
	padding:0;
	float:left;
	}
#offres{
	width:450px;
	float:left;
	}
	
	
#colonne_d_ecartement_d{
	width:24px;
	height:30px;
	margin:0;
	padding:0;
	float:left;
	}
#contenu_offres{
	width:380px;
	height:116px;
	margin:0;
	padding:0;
	float:left;
	}
#haut_carnet_acceuil{
	width:714px;
	height:76px;
	margin:0;
	padding:0;
	background:url(images/haut_carnet_accueil.jpg) top left no-repeat;
	}
#bas_carnet_acceuil{
	width:714px;
	height:288px;
	margin:0;
	padding:0;
	background:url(images/bas_carnet_accueil.jpg) top left no-repeat;
	}
#haut_alaune{
	width:200px;
	height:76px;
	margin:0;
	padding:0;
	background:url(images/haut_alaune.jpg) top left no-repeat;
	}
#bas_alaune{
	width:200px;
	height:288px;
	margin:0;
	padding:0;
	background:url(images/bas_alaune.jpg) top left no-repeat;
	}
#bas_alaune ul{
	margin:0;
	padding:0;
	list-style-type:none;
	}
#bas_alaune li{
	margin:0;
	padding:0;
	}
#bas_alaune .text{
	width:140px;
	margin:8px 0 0 0;
	padding:0;
	}
#haut_seminaires{
	width:480px;
	height:70px;
	margin:0;
	padding:0;
	background:url(images/haut_seminaires.jpg) top left no-repeat;
	}
#bas_seminaires{
	width:480px;
	height:160px;
	margin:0;
	padding:0;
	background:url(images/bas_seminaires.jpg) top left no-repeat;
	}
	
#haut_situation{
	width:480px;
	height:70px;
	margin:0;
	padding:0;
	background:url(images/haut_situation_accueil.jpg) top left no-repeat;
	}	
	
#bas_situation{
	width:480px;
	height:160px;
	margin:0;
	padding:0;
	background:url(images/bas_situation.jpg) top left no-repeat;
	}
#haut_offres{
	width:450px;
	height:70px;
	margin:0;
	padding:0;
	background:url(images/haut_offres.jpg) top left no-repeat;
	}
#bas_offres{
	width:450px;
	height:160px;
	margin:0;
	padding:0;
	background:url(images/bas_offres.jpg) top left no-repeat;
	}
#bienetre{
	width:450px;
	float:left;
	}	
	
#haut_bienetre{
	width:450px;
	height:70px;
	margin:0;
	padding:0;
	background:url(images/haut_bien_etre_accueil.jpg) top left no-repeat;
	}
#bas_bienetre{
	width:450px;
	height:160px;
	margin:0;
	padding:0;
	background:url(images/bas_offres.jpg) top left no-repeat;
	}
	
	
#haut_bienvenue_bas{
	width:450px;
	height:70px;
	margin:0;
	padding:0;
	background:url(images/haut_bienvenue_bas.jpg) top left no-repeat;
	}
	
		h3 {
	margin: 0;
	padding: 7px 0 0 0;
	font-size: 14px;
	text-transform: uppercase;
	text-align: right;		
		}

		div#feature_list {
	width: 629px;
	height: 234px;
	overflow: hidden;
	position: relative;
	background:#36587B;
	margin-right: 20px;
		}

		div#feature_list ul {
	position: absolute;
	top: 2px;
	list-style: none;
	padding: 0;
	margin: 0;
		}

		ul#tabs {
	left: 443px;
	z-index: 2;
	width: 184px;
	border-right:2px solid #36587B;	
		}

		ul#tabs li {
			font-size: 12px;
			font-family: Arial;
		}
		
		ul#tabs li img {
			padding: 5px;
			border: none;
			float: left;
			margin: 10px 10px 0 0;
		}

		ul#tabs li a {
	color: #ffffff;
	text-decoration: none;
	display:block;
	padding: 10px;
	height: 25px;
	outline: none;			
		}

		ul#tabs li a:hover {
			text-decoration: underline;
		}

		ul#tabs li a.current {
			background:  url('le-pinarello/accueil/a-la-une/feature-tab-current-s.png') no-repeat top right;
			color: #36587B;
		}

		ul#tabs li a.current:hover {
			text-decoration: none;
			cursor: default;
		}

		ul#output {
			left: 0;
			width: 467px;
			height: 234px;
			position: relative;
		}

		ul#output li {
	position: absolute;
	width: 463px;
	height: 230px;
	border:2px solid #36587B;
	left: 0px;
	top: -2px;
		}

		ul#output li a {
	position: absolute;
	bottom: 25px;
	right: 117px;
	padding: 8px 12px;
	text-decoration: none;
	font-size: 11px;
	color: #FFF;
	background: #36587B;
	width: 224px;
		}
		
		ul#output li a:hover {
			background: #ffffff;
			color:#36587B;
		}
		
		
	ul#output li a.crossblade {
	position: absolute;
	bottom: 180px;
	right: 243px;
	padding: 8px 12px;
	text-decoration: none;
	font-size: 11px;
	color: #FFF;
	background: #36587B;
	width: 197px;
	height: 35px;
	text-align:left;
	}
		ul#output li a.crossblade:hover {
			background: #ffffff;
			color:#36587B;
		}