@import url('blocs.css');
@import url('extensions.css');
@import url('powermail.css');


/* Reset */
* {
	margin: 0;
	padding: 0;
}

ul, ol { margin-left: 20px; }
p { margin-bottom: 5px; }
a { outline: none; color: #000; }
a img { border: none; }

h2 {}
h3 {}
h4 { font: bold 12px Arial; }
h5 {}
h6 {}

/* Classes génériques */
.clear { clear: both; }
.clearLeft { clear: left; }
.overflow { overflow: hidden; }
p.align-center { text-align: center; }
p.align-right { text-align: right; }
p.align-justify { text-align: justify; }

/* Squelette */
body {
	text-align: center;
	font: 11px "Trebuchet MS";
}

table {
	font: 11px "Trebuchet MS";
}

#globalcontainer {
	width: 953px;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
}

#header {}

	#header h1 {}
	
		#header h1 a {
			display: block;
			width: 953px;
			height: 129px;
			text-indent: -1000em;
			background: #fff url('../images/logo.png') no-repeat left top;
		}
	
	#navigation {
		float: left;
		width: 773px;
		margin-top: 3px;
		position: relative;
	}
	
		#navigation ul#menu {
			list-style-type: none;
			width: 752px;
			height: 24px;
			margin-left: 21px;
			background: url('../images/header/back-menu.png') repeat-x left top;
		}
		
			ul#menu li {
				display: block;
				float: left;
				margin-right: 14px;
			}
			
				ul#menu li a {
					text-decoration: none;
					font: bold 12px/24px Arial;
					color: #fff;
				}
				
				ul#menu li a:hover {
					color: #fff;
					text-decoration: underline;
				}
				
			ul#menu li.accueil {
				width: 55px;
				height: 24px;
				background: #fff url('../images/header/menu-accueil.png') no-repeat left top;
			}
			
				ul#menu li.accueil a {
					display: block;
					width: 28px;
					height: 24px;
					margin-left: 12px;
					text-indent: -1000em;
				}
				
				ul#menu li.presentation a,
				ul#menu li.offres a,
				ul#menu li.sante a,
				ul#menu li.agences a,
				ul#menu li.emploi a {
					line-height: 24px;
					margin-left: 7px;
					margin-right: 25px;
				}
			
			ul#menu li.presentation { background: url('../images/header/menu-presentation.png') no-repeat left 4px; }
			ul#menu li.offres { background: url('../images/header/menu-offres.png') no-repeat left 4px; }
			ul#menu li.sante { background: url('../images/header/menu-sante.png') no-repeat left 4px; }
			ul#menu li.agences { background: url('../images/header/menu-agences.png') no-repeat left 4px; }
			ul#menu li.emploi { background: url('../images/header/menu-emploi.png') no-repeat left 4px; }
		
		#navigation ul.submenu,
		.extranet ul.submenu-ext {
			list-style-type: none;
			width: 703px;
			height: 27px;
			position: absolute;
			top: 24px;
			left: 29px;
		}
		
			ul.submenu li, .extranet ul.submenu-ext li {
				display: block;
				float: left;
				margin-left: 22px;
				padding-right: 22px;
			}
			
				ul.submenu li a, .extranet ul.submenu-ext li a {
					font: bold 12px/32px Arial !important;
					text-decoration: none;
					color: #3e3e3e !important;
					padding-left: 7px;
					padding-top: 3px;
				}
				
				ul.submenu li a:hover, .extranet ul.submenu-ext li a:hover {
					color: #3e3e3e !important;
					text-decoration: underline;
				}
	
	#search-options {
		float: left;
		width: 171px;
		margin-top: 3px;
	}
	
		form#search {
			height: 24px;
		}
	
			form#search input {
				float: left;
				width: 124px;
				height: 16px;
				border: 1px solid #ccc;
				font: 11px Arial;
				padding: 3px 0px 0px 10px;
				margin: 0px 3px;
			}
			
			form#search button {
				float: left;
				border: 0px;
				background: transparent;
				margin-top: -2px;
			}
			
		ul#options {
			width: 168px;
			height: 27px;
			margin-left: 0px !important;
			background: url('../images/header/back-options.png') no-repeat left top;
			list-style: none;
			text-align: center;
		}
		
			ul#options li {
				display: inline;
				margin-right: 15px;
			}
	
	#ariane {
		height: 25px;
		line-height: 25px;
	}
	
		#ariane ul {
			list-style: none;
			padding-left: 15px;
			background: #fff url('../images/header/icon-ariane.png') no-repeat left center;
		}
		
			#ariane ul li {
				display: inline;
				color: #010101;
			}
			
				#ariane ul li a {
					color: #010101;
					text-decoration: none;
				}
				
				#ariane ul li a:hover {
					color: #010101;
					text-decoration: underline;
				}
	
	#container {
		width: 940px;
	}
	
	#container.une-zone {
		width: 827px !important;
		margin-left: 60px;
	}
	
		#left {
			float: left;
			width: 691px;
			padding: 0px 30px 10px 0px;
		}
		
		.uneZoneExtra #left {
			float: left;
			width: 910px;
			padding: 0px 30px 10px 0px;
		}
		
		#right {
			float: left;
			width: 219px;
			margin-bottom: 10px;
		}
	
	#footer {
		width: 953px;
		height: 24px;
		background: url('../images/footer-back.png') no-repeat left top;
	}
	
		#footer ul {
			list-style: none;
		}
		
			#footer ul li {
				display: inline;
				margin-left: 45px;
				background: url('../images/footer-item.png') no-repeat left 3px;
			}
			
				#footer ul li a {
					color: #fff;
					text-decoration: none;
					padding-left: 20px;
				}
				
				#footer ul li a:hover {
					color: #fff;
					text-decoration: underline;
				}

/*** Rajouts pour la page d'accueil : affichage essayez-calculez ***/
#essayez_calculez
{
	width: 455px;
	height: 344px;
}
#essayez_calculez .haut
{
	height: 140px;
	background-image: url('../images/essayez_calculez/essayez_calculez_1.gif');
}
#essayez_calculez .bas, #essayez_calculez .bas .essayez, #essayez_calculez .bas .calculez
{
	height: 204px;
}
#essayez_calculez .bas .essayez
{
	width: 225px;
	float: left;
	background-image: url('../images/essayez_calculez/essayez_calculez_2.jpg');
}
#essayez_calculez .bas .calculez
{
	width: 230px;
	float: right;
	background-image: url('../images/essayez_calculez/essayez_calculez_3.jpg');
}
#essayez_calculez .bas .essayez .texte
{
	margin: 93px auto 0 auto;
	font: 12px "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	text-decoration: underline;
	text-align: justify;
	width: 135px;
}
#essayez_calculez .bas a.bouton
{
	position: relative;
	height: 32px;
	width: 155px;
	text-decoration: none;
	display:block;
	top: 22px;
}
#essayez_calculez .bas .bouton i
{
	 visibility: hidden;
}
#essayez_calculez .bas .essayez a.bouton
{
	left : 26px;
}
#essayez_calculez .bas .calculez a.bouton
{
	left : 14px;
}





/*** Rajouts pour l'extranet ***/
.extranet #header #log-in {
	width: 947px;
	height: 49px;
	background: url('../images/extranet/header-top.png') no-repeat left top;
	padding: 10px 3px;
}

	.extranet #log-in a {
		font: bold 12px "Trebuchet MS";
		text-decoration: none;
		color: #000;
	}
	
	.extranet #log-in a:hover {
		text-decoration: underline;
	}

	.extranet #log-in a.out {
		background: #fff url('../images/extranet/picto-cadenas-open.png') no-repeat left top;
		padding-left: 15px;
		margin-right: 30px;
	}
	
	.extranet #log-in a.edit {
		background: #fff url('../images/extranet/picto-edit-account.png') no-repeat left top;
		padding-left: 25px;
	}
	
	.extranet #log-in p {
		margin-top: 18px;
		padding-left: 15px;
		font: bold 12px "Trebuchet MS";
		background: transparent url('../images/extranet/picto-membre.png') no-repeat left top;
	}

.extranet #header h1 a {
	height: 60px;
	background: url('../images/extranet/header-bottom.png') no-repeat left top;
}
	
	.extranet #navigation {
		float: none;
		width: 953px;
	}
	
		.extranet #navigation ul#menu {
			width: 944px;
			margin-left: 0px;
			background: url('../images/extranet/back-menu.png') repeat-x right top;
		}
		
			.extranet ul#menu li.item {
				padding-right: 14px;
				background: url('../images/extranet/menu-split.png') no-repeat right center;
			}
			
			.extranet ul#menu li.accueil {
				width: 30px;
				background: #fff url('../images/extranet/menu-accueil.png') no-repeat left top;
			}
			
				.extranet ul#menu li.accueil a {
					margin-left: 2px;
					background: none;
				}
		
		.extranet ul.submenu-ext {
			width: 719px;
			height: 25px;
			background: url('../images/extranet/back-submenu.png') no-repeat left top;
			left: 4px;
		}
		
		.extranet ul.submenu-ext li { background: url('../images/extranet/back-submenu-split.png') no-repeat right top; }
		.extranet ul.submenu-ext li a { background: url('../images/extranet/back-submenu-item.png') no-repeat left top; }
		
		.extranet #navigation2 #search-options {
			float: right;
			width: 210px;
		}
	
		.extranet form#search {
			float: left;
			padding-right: 7px;
		}
		
		.extranet a.options-print {
			float: left;
			margin-top: 3px;
		}
	
	.extranet #panier {
		width: 149px;
		height: 52px;
		padding-left: 70px;
		margin-bottom: 10px;
		background: url('../images/extranet/back-panier.png') no-repeat left top;
		font-size: 12px;
		line-height: 22px;
	}
	
		.extranet #panier .nombre-articles {}
		.extranet #panier .total-panier { font-weight: bold; color: #cf071e; }
		
		
/** tableau css **/

#box-table-a
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}
#box-table-a th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #D30023;
	font-family:Arial;
	border-bottom: 1px solid #fff;
	color: #ffffff;
}
#box-table-a td
{
	padding: 8px;
	background: #F3F2F2; 
	border-bottom: 1px solid #fff;
	color: #000;
	border-top: 1px solid transparent;
}
#box-table-a tr:hover td
{
	background: #B4B4B4;
	color: #000;
}

#annuairesearch {
	border: 1px solid #000;
	margin: 10px 0 10px 0;
	padding: 10px;
	background: #F3F2F2; 
}

.prevNext {
	margin: 10px 0 10px 0;
}

.prevNext li {
	float: left;
	list-style-image:none;
	list-style-position:none;
	list-style-type:none;
	margin: 0 10px 0 0;
}

.prevNext li.firstOff , .prevNext li.prevOff , .prevNext li.nextOff , .prevNext li.lastOff{
	display: none;
}

.annuaireColGauche {
	float: left;
	width: 200px;
}

.annuaireColDroite {
	float: left;
	width: 200px;
}