body{
	margin: 0;
	font-family: Verdana, "Lucida Grande", Lucida, sans-serif;
	font-size: 12px;
}

.body{
	display: block;
	position: relative;
	marg in-left: auto;
	mar gin-right: auto;
	w idth: 978px;
	height: 600px;
}

/* @group Top */

.Top{
	background: url(../image/BGTop.gif) no-repeat scroll center top;
	display: block;
	position: relative;
	float: left;
	width: 100%;
	height: 413px;
}

.menuTop{
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 39px;
	position: relative;
	width: 978px;
	height: 94px;+
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}

.menuTop ul{
	display: block;
	float: right;
	height: 34px;
	line-height: 18px;
	margin-bottom: 0;
	margin-right: 15px;
	margin-top: 49px;
	position: relative;
	padding-left: 0;
	bo rder: 2px solid #666;
	-m oz-border-radius: 18px;
	backg round-color: rgba(12,46,99,0.3);
}

.menuTop ul li{
	display: block;
	float: left;
	padding-left: 10px;
	height: 30px;
	line-height: 30px;
	padding-right: 10px;
	margin-top: 2px;
	position: relative;
	font-style: italic;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
	border-color: #bcbcbc;
	border-right-color: #5d5d5d;
}

.menuTop ul a{
	color: #001c64;
	text-decoration: none;
}

.menuTop ul a.selected{
	color: #597da6;
	text-decoration: none;
}

.menuTop ul a:hover{
	color: #295587;
	text-decoration: none;
}

.menuTop ul a:visited:hover{
	color: #295587;
	text-decoration: none;
}

.contenuPub{
	display: block;
	position: relative;
	width: 978px;
	margin-left: auto;
	margin-right: auto;
	height: 278px;
}

.sousMenu{
	width: 100%;
	position: relative;
	display: block;
	height: 39px;
	background: url(../image/BGSousMenu.png) no-repeat scroll center center;
}

.contenuSousMenu{
	display: block;
	position: relative;
	width: 978px;
	margin-left: auto;
	margin-right: auto;
}

.contenuSousMenu ul{
	display: block;
	float: right;
	margin: 0 10px 0 0;
	position: relative;
}

.contenuSousMenu ul li{
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-bottomright: 0;
	-webkit-border-bottom-right-radius: 0 0;
	-webkit-border-bottom-left-radius: 0 0;
	-webkit-border-top-right-radius: 15px 15px;
	-webkit-border-top-left-radius: 15px 15px;
	background: transparent url(../image/carre2.png) no-repeat scroll center center;
	border: 1px solid #3A3A3A;
	display: block;
	float :left;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	height: 32px;
	line-height: 32px;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	position: relative;	
}

.contenuSousMenu ul li a{
	color: #001c64;
	text-decoration: none;
}

.contenuSousMenu ul .selected{
	color: #E17529;
	text-decoration: none;
}

.logoVariem{
	display: block;
	position: relative;
	float: left;
	width: 140px;
	height: 74px;
	margin-top: 10px;
	margin-left: 20px;
	background: transparent url(../image/LogoVariem.png) no-repeat scroll top left;
}

.imageAccueil{
	display: block;
	float: right;
	position: relative;
}


/* @end */

/* @group Middle */

.Middle{
	background: url(../image/BGMiddle.gif) repeat-y scroll center top;
	display: block;
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	padding-bottom: 60px;
}

.contenuTexte{
	display: block;
	position: relative;
	width: 978px;
	margin-left: auto;
	margin-right: auto;
}

.titre{
	display: block;
	position: relative;
	float: left;
	color: white;
	margin-left: 5px;
	margin-top: 5px;
	font-size: 16px;
	clear: left;
}

.contenuCarre .texte{
	margin-bottom: 15px;
	clear: left;
}

.texte{
	display: block;
	position: relative;
	float: left;
	margin-top: 10px;
	color: white;
	margin-left: 5px;
	width: 100%;
}

#rotator .texte{
	color: black;
}

#rotator .titre{
	color: black;
}

.carrePub .titre{
	margin-top: 15px;
	color: black;
	margin-left: 15px;
	font-style: italic;
	font-weight: bold;
}

.carrePub .texte{
	margin-top: 20px;
	color: black;
	margin-left: 15px;
	font-size: 14px;
}

.carre .ligne{
	clear: both;
	display: block;
	float: left;
	position: relative;
	width: 100px;
	margin-left: 5px;
	margin-top: 2px;
	border-top: 3px solid #a6a6a6;
}

.imagePheidi{
	display: block;
	position: relative;
	float: left;
	background: url(../image/LogoPheidi.png) no-repeat scroll center center;
	width: 276px;
	height: 87px;
	margin-top: 30px;
}

.imageOvarium{
	display: block;
	position: relative;
	float: left;
	background: url(../image/LogoOvarium.png) no-repeat scroll center center;
	width: 276px;
	margin-top: 30px;
	height: 87px;
}

.imageiPad{
	display: block;
	position: relative;
	float: left;
	background: url(../image/imageiPad.jpg) no-repeat scroll center center;
	width: 89%;
	margin-top: 12px;
	height: 157px;
}

.imageRight{
	display: block;
	position: absolute;
	right: 10px;
	top: 10px;
}

.imageSite{
	display: block;
	position: relative;
	float: left;
	z-index: 10;
	margin-top: 15px;
	width: 100%;
	text-align: center;
}

.propulsePar{
	display: block;
	position: relative;
	float: left;
	clear: left;
}

.iPadFiche{
	bottom: 19px;
	display: block;
	float: right;
	height: 195px;
	position: absolute;
	right: 17px;
	width: 333px;
}

.reseauSociaux{
	bottom: 0px;
	display: block;
	left: 5px;
	position: absolute;
	z-index: 1000;
}

.facebook{
	display: block;
	position: relative;
	float: left;
	margin-top: 1px;
}

.twitter{
	display: block;
	position: relative;
	float: left;
}

/* @group Carre */

.carre{
	display: block;
	height: auto;
	margin-left: 30px;
	margin-top: 20px;
	position: relative;
	width: auto;
	float: left;
	background: url(../image/carre.png) no-repeat scroll left top;
}

.carreRight{
	float: right;
	margin-right: 50px;
	margin-top: 5px;
}

.carreDroite{
	display: block;
	height: 100%;
	position: absolute;
	right: -41px;
	width: 41px;
	background: url(../image/carre.png) no-repeat scroll right top;
	z-index: 1;
}

.carreBas{
	bottom: -41px;
	display: block;
	height: 41px;
	position: absolute;
	width: 100%;
	left: 0;
	background: url(../image/carre.png) no-repeat scroll left bottom;
}

.carreBasDroite{
	bottom: -41px;
	display: block;
	height: 41px;
	position: absolute;
	width: 41px;
	background: url(../image/carre.png) no-repeat scroll right bottom;
}

.contenuCarre{
	display: block;
	float: left;
	height: auto;
	margin-left: 10px;
	margin-top: 10px;
	overflow: hidden;
	position: relative;
	white-space: normal;
	width: 98%;
	z-index: 10;
}

a{
	border: none;
	background: transparent;
	color: transparent;
	text-decoration: none;
}

a img{
	border: none;
	background: transparent;
	color: transparent;
}

a .titre{
	color: white;
	text-decoration: none;
	border: none;
}

.titre a{
	color: white;
	text-decoration: none;
	border: none;
}

a .texte{
	color: white;
	text-decoration: none;
}

.texte a{
	color: white;
	text-decoration: none;
}
.carrePub{
	display: block;
	float: left;
	height: 250px;
	position: absolute;
	right: 10px;
	top: 50px;
	width: 300px;
	z-index: 100;
	background: url(../image/carre2.png) no-repeat scroll center center;
}

.imagePub{
	display: block;
	position: relative;
	float: right;
	
}

/* @end */



/* @end */

/* @group Bottom */

.Bottom{
	background: url(../image/BGBottom.gif) no-repeat scroll center bottom;
	display: block;
	position: relative;
	float: left;
	width: 100%;
	height: 44px;
}






/* @end */

/* rotator in-page placement */
    div#rotator {
	position:relative;
	height: 278px;
}
/* rotator css */
	div#rotator ul li {
	float: left;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin-left: -3px;
	position: absolute;
}

div#rotator ul li .BGPub{
	background: transparent url(../image/BGImg.png) no-repeat scroll center center;
	display: block;
	height: 280px;
	margin-left: 2px;
	position: relative;
	width: 978px;
}

/* rotator image style */	
	div#rotator ul li img {
	padding: 0px;
}
    div#rotator ul li.show {
	z-index:500;
}

.fermerIE6{
	display: block;
	position: absolute;
	height: 16px;
	width: 16px;
	top: 0px;
	right: 0px;
z-index: 9999999999999;
	background-color: red;
}

img{
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}