@charset "utf-8";
/* CSS Document */

/**
 * global style resetting 
 */
	
* {
	margin: 0;
	padding: 0;
	border: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: left;
	font-size:12px;
	line-height:14px;
	outline: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

ol,ul {
	list-style: none;
}

q:before, q:after, blockquote:before, blockquote:after {
	content: "";
}

.clear{
	clear:both;
}

.bold{
	font-weight:bold;
}

h1{
	display: block;
	height: 28px;
	line-height: 28px;
	padding: 0 0 2px 0;
	background: url(../images/interface/separateurTitre.jpg) bottom repeat-x;
	margin: 0 0 10px 0;
	font-size: 20px;
	font-weight: normal;
	text-transform: uppercase;
	color: #646464;
}

a, a:link, a:visited, a:active{
	color:#2A609D;
}

a:hover{
	text-decoration: underline;
}

/**
 * corps du site 
 */
 
body{
	background: #f5f5f5;
	background: #E7E7E7 url(../images/interface/bgBody.jpg) no-repeat top center;
}

div#main{
	width: 984px;
	margin: 0 auto;
}

div#header{
	width: 984px;
	height: 110px;
}

div#super-wrapper{
	float: left;
	width: 984px;
	background: url(../images/interface/bgSuperWrapper.jpg) repeat-y;
}

#divLogoAalberts{
	float: left;
	width: 970px;
}

	#imgLogoSgi{
		float: right;
		margin-top: 45px;
	}
	#imgLogoAalberts{
		float: right;
	}

div#wrapper{
	float: left;
	width: 984px;
	background: url(../images/interface/bgWrapper.jpg) no-repeat top left;
}

div#footer{
	float: left;
	clear: both;
	width: 970px;
	height: 19px;
	line-height: 19px;
	background: #A0B4BB;
	padding: 0 0 0 14px;
	margin: 6px 0 0 0;
	color: #ffffff;
}

#menuBas{
	float: left;
	clear: both;
	width: 984px;
	height: 19px;
	line-height: 19px;
	margin: 4px 0 0 0;
}
	
/**
 * header
 */
a#logoAccueil, a#logoAccueil:link, a#logoAccueil:visited, a#logoAccueil:active{
	float: left;
	display: block;
	height: 56px;
	width: 294px;
	margin: 12px 0 0 10px;
	cursor: pointer;
}

#txtHeader{
	float: left;
	margin: 40px 0 0 30px;
	font-size: 16px;
	font-weight: bold;
	line-height: 25px;	
	color: #5f7881;
}

#langues{
	clear: both;
	float: left;
	width: 72px;
	height: 11px;
	margin: 25px 0 0 7px;
}

	a#drapFR, a#drapFR:link, a#drapFR:visited, a#drapFR:active, a#drapFR:hover{
		float: left;
		display: block;
		width: 16px;
		height: 11px;
		background: url(../images/interface/drapFR.jpg) no-repeat;
		margin: 0 3px;
	}

	a#drapEN, a#drapEN:link, a#drapEN:visited, a#drapEN:active, a#drapEN:hover{
		float: left;
		display: block;
		width: 16px;
		height: 11px;
		background: url(../images/interface/drapEN.jpg) no-repeat;
		margin: 0 3px;
	}

	a#drapDE, a#drapDE:link, a#drapDE:visited, a#drapDE:active, a#drapDE:hover{
		float: left;
		display: block;
		width: 16px;
		height: 11px;
		background: url(../images/interface/drapDE.jpg) no-repeat;
		margin: 0 3px;
	}
/*	
ul#menu-principal{
	float: right;
	margin: 14px 0 0 0;
}

	ul#menu-principal li{
		float: left;
		overflow: hidden;
		width: 130px;
		height: 28px;
		background: url(../images/interface/separteurMenu.jpg) top left no-repeat;
		padding: 0 0 0 2px;
	}

		ul#menu-principal li a, ul#menu-principal li a:link, ul#menu-principal li a:visited, ul#menu-principal li a:active{
			display: block;
			height: 20px;
			margin: 8px 0 0 0;
			padding: 0 4px;
			line-height: 20px;
			color: #969696;
			text-decoration: none;
			text-transform: uppercase;
			text-align: center;
		}
		
		ul#menu-principal li a:hover, ul#menu-principal li a.active, ul#menu-principal li a.ieHover{
			background: #F5F5F5;
			color: #000000;
		}
		
		ul#menu-principal li ul{
			display: none;
			position: absolute;
			z-index: 999;
			background: #E7E7E7;
			border: 1px solid #88878A;
		}
		
			ul#menu-principal li:hover ul, ul#menu-principal li.iehover ul{
				display: block;
			}
		
			ul#menu-principal li ul li, ul#menu-principal li.iehover ul li{
				float: none;
				overflow: hidden;
				width: 200px;
				background: none;
				padding: 0 0 0 2px;
			}
			
				ul#menu-principal li ul li a, ul#menu-principal li ul li a:link, ul#menu-principal li ul li a:visited, ul#menu-principal li ul li a:active{
					color: #969696;
					text-align: left;
				}
			
				ul#menu-principal li ul li a:hover{
					color: #000000;
				}
*/


ul#menu-principal{
	height:20px;
	width: 738px;
	float: right;
	margin: 22px 0 0 0;
	z-index:999;
}
	ul#menu-principal li{
		position:relative;
		float:left;
		font-weight:bold;
		height: 20px;
		background: url(../images/interface/separteurMenu.jpg) top left no-repeat;
		margin:0 0 0 0;
		padding: 0 0 0 2px;
	}
		/*
		ul#menu-principal li:hover,  ul#menu-principal li.iehover, ul#menu-principal li.active{
			background: #F5F5F5;
			color: #000000;
		}*/
			
		ul#menu-principal li a, ul#menu-principal li a:link, ul#menu-principal li a:active, ul#menu-principal li a:visited{
			float:left;
			display:block;
			cursor:pointer;
			height:15px;
			padding: 4px 6px 0px 6px;
			color: #969696;
			font-weight:bold;
			text-transform:uppercase;
			font-style:normal; 
			text-decoration: none;
		}
			ul#menu-principal li a:hover, ul#menu-principal li a.active{
				text-decoration:none;
				background: #F5F5F5;
				color: #000000;
			}
		
		ul#menu-principal li ul{
			position:absolute;
			float:left;
			top:20px;
			left:0;
			display:none;
			background: #E7E7E7;
			border: 1px solid #88878A;
			z-index:999;
			width:240px;
			
		}
		
		ul#menu-principal li:hover ul, ul#menu-principal li.iehover ul{
			display:block;
		}
		
		ul#menu-principal li ul:after /*From IE 7 lack of compliance*/{
			clear: both;
			display: block;
			font: 1px/0px serif;
			content: ".";
			height: 0;
			visibility: hidden;
		}
		
			ul#menu-principal li ul li{
				float: left; /*For IE 7 lack of compliance*/
				display: block !important;
				display: inline; /*For IE*/
				width:240px;
				height:20px;
				margin:0;
				background-image:none;
				padding:0;
			}
				ul#menu-principal li ul li:hover,  ul#menu-principal li ul li.iehover{
					background-image:none;
			}
			
				ul#menu-principal li ul li a, ul#menu-principal li ul li a:link, ul#menu-principal li ul li a:active, ul#menu-principal li ul li a:visited{
					width:230px;
					height:17px;
					padding: 0 0 0 0;
					color: #969696;
					padding:3px 5px 0 5px;
					font-weight:normal;
					text-transform:none;
					font-style:normal; 
					text-decoration: none;
				}
					ul#menu-principal li ul li a:hover{
						color:#084494;
						/*background-image:url(../images/interface/bgMenuPrincipalSMHover.jpg);*/
						background-position:0 0;
						background-repeat:repeat-x;
					}
		
/**
 * wrapper
 */
 
/**
 * gauche
 */

div#gauche{
	float: left;
	width: 314px;
	height: 662px;
}

	#rayonnement1{
		margin: 10px 0 0 5px;
	}
	
	#rayonnement2{
		margin: 4px 0 10px 40px;
	}

	.rayonnement{
		font-size: 18px;
		color: #5f7881;
	}

		.rayonnement b{
			font-size: 18px;
			color: #5f7881;
		}

	div#cartoHaut{
		position: relative;
		z-index: 1;
		width: 314px;
		height: 316px;
		background: url(../images/interface/cartoHaut.jpg) no-repeat;
		margin: 0 0 0 4px;
	}
	
		div#cartoHaut img{
			cursor: pointer;
		}

	div.carto{
		position: absolute;
		overflow: hidden;
		width: 280px;
		height: 282px;
		background: url(../images/interface/carto.jpg) repeat-y;
		margin: 0 0 0 4px;
		padding: 0 16px 0 18px;
	}
	
		#coordonneesSite{
			overflow: hidden;
			width: 280px;
			height: 56px;
		}
	
		#labelCarto{
			display: block;
			width: 280px;
			margin: 0 0 6px 0;
			font-weight: bold;
			color: #969696;
		}
		
		div.carto img{
			margin: 0 0 6px 0;
		}
		
		div.carto a.suite, div.carto a.suite:link, div.carto a.suite:visited, div.carto a.suite:active, div.carto a.suite:hover{
			width: 280px;
		}

	div#cartoBas{
		position: absolute;
		width: 314px;
		height: 12px;
		background: url(../images/interface/cartoBas.jpg) no-repeat;
		margin: 282px 0 0 4px;
	}
	
/**
 * centre
 */

div#centre{
	float: left;
	width: 444px;
	padding: 20px;
}

	div#centre h1{
		width: 444px;
	}
		
	div.datePubli{
		margin: 0 0 5px 0;
	}
		
		div#centre div#contenuGauche{
			float: left;
			width: 336px;
		}
		
			div#centre div#contenuGauche div#titre div.nouveautes{
				width: 324px;
			}
		
		div#centre div#contenuDroit{
			float: left;
			width: 336px;
			margin: 0 0 0 2px;
		}
		
			div#centre div#contenuDroit div#titre div.promotions{
				width: 324px;
				background: url(../images/interface/fondRouge.gif) repeat-x;
			}
			
		div.block{
			float: left;
			width: 444px;
			padding: 10px 0;
			border-bottom: 1px solid #c5c4c5;
		}
		
			div#centre div.block img{
				float: left;
				margin: 0 10px 0 0;
				border: 1px solid #969696;
			}
			
			span.labelList{
				overflow: hidden;
				display: block;
				height: 30px;
				line-height: 15px;
				font-size: 13px;
				font-weight: bold;
				text-align: left;
				text-transform: uppercase;
				color: #2a609d;
			}
			
			div.textList{
				height: 42px;
				margin: 4px 0;
				color: #969696;
			}
			
			a.suiteList, a.suiteList:link, a.suiteList:visited, a.suiteList:active{
				display: block;
				width: 444px;
				margin: 8px 0 0 0;
				text-align: right;
				text-decoration: none;
				color: #96acb4;
			}
			
			a.suiteList:hover{
				color: #2a609d;
			}
			
			div#centre div.block a.ajouter, div#centre div.block a.ajouter:link, div#centre div.block a.ajouter:visited, div#centre div.block a.ajouter:active{
				float: left;
				display: block;
				width: 107px;
				height: 19px;
				line-height: 19px;
				text-decoration: none;
				text-align: center;
				margin: 0 0 0 4px;
				background: url(../images/interface/fondAjouter.gif) no-repeat;
				color: #eb7f0b;
			}
			
		div#centre div.traitHorizontal{
			float: left;
			width: 330px;
			height: 2px;
			background: url(../images/interface/traitHorizontal.gif) repeat-x;
			margin: 5px 0 0 0;
		}
		
	div#centre div.paginator{
		float: left;
		clear: both;
		margin: 10px 0 0 0 !important;
		margin: 5px 0 0 0;
	}
	
	div#centre div.requiredError{
		color: #CC1641;
	}
	
	a.carto, a.carto:link, a.carto:visited, a.carto:active, a.carto:hover{
		float: left;
		margin: 0 10px 0 0;
	}
	
	#cartoCoordonnees{
		float: left;
	}
	
	#cartoDesc{
		clear: both;
		display: block;
		width: 444px;
		padding: 10px 0 0 0;
		text-align: justify;
	}


/**
 * droit
 */

div#droit{
	float: left;
	width: 160px;
	padding: 20px 0;
}
	
	div#une{
		float: left;
		width: 160px;
		margin: 10px 0 0 0;
	}
	
		div#une h1{
			width: 160px;
		}
		
		a.imgUne, a.imgUne:link, a.imgUne:visited, a.imgUne:active{
			display:block;
			width: 160px;
			height: 128px;
			margin: 0 0 20px 0;
		}
		
		div#infosUne{
			clear: both;
		}
		
			span.dateUne{
				font-style: italic;
			}
		
			span.labelUne{
				overflow: hidden;
				clear: both;
				display: block;
				width: 160px;
				height: 30px;
				line-height: 15px;
				font-size: 13px;
				font-weight: bold;
				text-align: left;
				text-transform: uppercase;
				color: #2a609d;
			}
			
			span.txtUne{
				overflow: hidden;
				clear: both;
				display: block;
				width: 160px;
				height: 84px;
				line-height: 14px;
				text-align: left;
				text-transform: none;
				text-align: justify;
			}
		
		a.suite, a.suite:link, a.suite:visited, a.suite:active{
			display: block;
			width: 160px;
			margin: 6px 0 0 0;
			text-align: right;
			text-decoration: none;
			color: #2A609D;
		}
		
		a.suite:hover{
			color: #2A609D;
			text-decoration: underline;
		}

/**
 * PAGE D'ACCUEIL
 */
		
/**
 * contact
 */
#plan-map{
	width: 444px;
	height: 300px;
}
 

div#contact{
	float: left;
	width: 444px;
	margin: 10px 0 0 0;
}

	div#contact input, div#contact textarea{
		border: 1px solid #b3c0e0;
	}
	
	div#contact input.radio{
		border: none;
	}
	
	div#contact tr{
		height: 25px;
	}
	
	div#contact td.blocLabel{
		color: #505050;
	}
	
	div#contact div.labelCaptcha{
		margin: 10px 0 6px 0;
		color: #505050;
	}
	
	div#contact img.imgCaptcha{
		margin: 0 10px 0 0;
	}
	
	div#contact a.detail, div#contact a.detail:link, div#contact a.detail:visited, div#contact a.detail:active{
		float: right;
		margin: 10px 0 0 0;
		padding: 4px 10px;
		background: #A0B4BB;
		color: #ffffff;
		border-bottom: 2px solid #e2001a;
		font-weight: bold;
		text-decoration: none;
	}
	
	div#contact a.detail:hover{
		color: #000000;
	}
	
	div#contact span.requiredError{
		color: #E40216;
	}
	
	div#contact p.legendRequired{
		margin: 20px 0 0 0;
		color: #E40216;
	}
	
/**
 * menuBas
 */
div#menuBas ul{
	float: right;	
}

div#menuBas li{
	float: left;
	margin: 0 0 0 8px;
	padding: 0 8px 0 0;
	border-right: 1px solid #969696;
}

	div#menuBas li a, div#menuBas li a:link, div#menuBas li a:visited, div#menuBas li a:active{
		font-size: 9px;
		text-decoration: none;
		color: #969696;
	}

	div#menuBas li a:hover{
		color: #2A609D;
	}
	
/**
 * SEARCH
 */
.titreResult{
	margin: 32px 0 0 0;
}

#search_w{
	float: left;
	width: 119px;
	height: 16px;
	line-height: 16px;
	background: url(../images/interface/bg_search.jpg);
	padding: 1px 1px 0 2px;
}

.submitSearch{
	float: left;
	width: 20px;
	height: 17px;
	line-height: 14px;
	background: url(../images/interface/bg_ok.jpg);
	cursor: pointer;
}

.bloc-result
{
	margin-top: 10px;	
}

.viewOrm th.blocEntete
{
	background-color: #5f7881;
	color: #fff;
	border-left: 1px solid #fff;
	padding: 3px;
}

.viewOrm th.blocEntete span.enteteLabel
{
	color: #fff;	
}

.viewOrm tr.tuple0 td, .viewOrm tr.tuple1 td, .viewOrm tr.tuple0hover td, .viewOrm tr.tuple1hover td
{
	border: 1px solid #5f7881;
	padding: 3px;
}

.viewOrm tr.tuple0hover td, .viewOrm tr.tuple1hover td
{
	background-color: #ececec;
}

#saddr, #daddr
{
	border: 1px solid #000;	
}