/* CSS Document */
body { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:14px; }


/********************************/
/*			STRUCTURE			*/
/********************************/
#global { position:absolute; top:3px; left:50%; width:964px; margin:0 0 0 -482px; padding:0 0 10px 0; }
#decohaute { position:absolute; left:0; top:0; width:964px; height:600px; margin:0; }
#decobasse { position:absolute; left:0; bottom:0; width:964px; height:15px; margin:0; }
#frise { position:absolute; bottom:16px; height:29px; margin:0; z-index:500; }

/* entete */
#entete { position:absolute; top:12px; left:12px; width:940px; height:185px; z-index:1000; }
#entete h1 {
	position:absolute; top:10px; left:30px;
	margin:0; padding:0; width:173px; height:127px;
	background:url("../images/logo-uf.gif") no-repeat;
}
#entete h1 a { display:block; width:173px; height:127px; }
#entete h1 span { display:none; }


/* menu */
#entete #menu {
	position:absolute; top:30px; left:215px; height:28px; padding:0 5px 0 10px;
	background:url(../images/menu/f-menu.gif) repeat-x; _background:none;		/* IE6 */
}
#entete #menu #menudeco1 {
	position:absolute; left:0; width:30px; height:28px;
	background:url(../images/menu/f-menu-gauche.gif) no-repeat;
	display:block; _display:none;			/* IE6 */
}
#entete #menu #menudeco2 {
	position:absolute; right:-1px; width:30px; height:28px;
	background:url(../images/menu/f-menu-droite.gif) no-repeat;
	display:block; _display:none;			/* IE6 */
}

/* acces autres sites */
#entete #accesautressites { position:absolute; top:-15px; right:0; margin:0; padding:0; }
#entete #accesautressites li { list-style-type:none; display:block; float:left; }
#entete #accesautressites li a { display:block; height:34px; margin-right:2.5em; }
#entete #accesautressites li#gp a { width:180px; background:url(../images/menu/btn_accesgp.gif) no-repeat; }
#entete #accesautressites li#gp a:hover { background-position:-180px top; }
#entete #accesautressites li#pro a { width:112px; background:url(../images/menu/btn_accespro.gif) no-repeat -112px top; }
#entete #accesautressites li#pro a:hover { background-position:left top; }
#entete #accesautressites li#pai a { width:112px; background:url(../images/menu/btn_accespai.gif) no-repeat -112px top; }
#entete #accesautressites li#pai a:hover { background-position:left top; }
#entete #accesautressites li a span { position:absolute; top: 0; left:-999em; }

/* chemin de navigation */
#nav { position:absolute; top:175px; left:430px; margin:0; font-size:10px; }
#nav a { text-decoration:none; }
#nav a:hover { text-decoration:underline; }

/* contenu */
#contenu {
	position:relative; margin:197px 0 5px 12px; padding:0 0 125px 0; 
	width:940px; min-height:288px; height:auto; _height:403px;
	z-index:101;
}
#colgauche { position:relative; float:left; margin:0 0 -125px 0; width:675px; }
#coldroite { position:relative; float:right; margin:-17px 0 0 0; padding: 15px 5px 0 5px; width:250px; }
#colprincipale { position:relative; float:right; margin:30px 45px 50px 0; _margin:20px 22px 50px 0; padding:0; width:391px; }
#colannexe { position:relative; float:left; margin-left:24px; _margin-left:12px; padding:0 5px; width:155px; }
#coldouble { position:relative; margin:30px 0 50px 50px!important; margin/**/:20px 0 50px 50px; padding:0 0 30px 0; width:581px; }
#coltriple { position:relative; margin:30px 50px 50px 50px!important; margin/**/:20px 50px 50px 50px; padding:0 0 30px 0; }

/* bloc legal */
#piedpage { position:absolute; bottom:15px; right:12px; width:260px; height:110px; z-index:300; }
#legal { 
	position:absolute; bottom:2px; left:0; margin:0; padding:0; width:100%;
	border-top:5px solid #fff;
}
#legal li { display:inline; margin:0 0 0 0.7em; }
#legal li a { font-size:12px; text-decoration:none; }

/********************************/
/*			GENERAL				*/
/********************************/
hr { display:none; }
.spacer { clear:both; }
.invisible { position:absolute; top: 0; left:-999em; }
h1 { margin:0 0 15px 0; }
a { text-decoration:underline; }
a:hover { text-decoration:none; }
a img { border:none; }
#colprincipale h1, #coldouble h1, #coltriple h1 {
	font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; font-size:36px;
	margin:0 0 15px 0; padding:0 0 15px 0;
}
#colprincipale h2, #coldouble h2, #coltriple h2 {
	font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-size:20px;
	margin:10px 0 10px 0; padding:0 0 0 10px;
}
#colprincipale h3, #coldouble h3, #coltriple h3 {
	font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-size:16px;
	margin:10px 0 10px 0; padding:0 0 0 20px;
}
#coldroite h2 {
	font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-style:italic; font-size:14px;
	margin:10px 0 5px 0;
}
#colprincipale a.hautpage,
#coldouble a.hautpage,
#coltriple a.hautpage{ float:right; margin-top:-2.5em; *margin-top:-1.7em; font-size:10px; font-weight:normal; }

.erreur { color:#f00; font-family:Georgia, "Times New Roman", Times, serif; margin:25px 50px;}
#colgauche input.btnenvoyer, #coldroite input.btnenvoyer {
	position:relative; float:right; left:auto;
	margin:10px 0 20px 0; padding:0; width:auto; height:22px;
	border:none; background:none;
}
p.obligatoire { font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-style:italic; color:#c00; }
#noflash img { margin:0 0 1px 0; }

/********************************/
/*			PAYPAL				*/
/********************************/
#colgauche form.paypal {
	position:relative;
	margin:0;
	padding:0;
}
#colgauche form.paypal input {
	position:relative;
	left:auto!important;
	left/**/:auto;
	width:120px!important;
	width/**/:120px;
	height:44px;
	margin:25px 0 25px 230px;
	padding:0;
	border:none;
	background:none;
}
#colgauche form.paypal label.cgv input {
	position:relative;
	left:auto!important;
	left/**/:auto;
	width:auto!important;
	width/**/:auto;
	height:auto;
	margin:0;
	padding:0;
	border:none;
	background:none;
}

/********************************/
/*	BANNIERES PUBLICITAIRES		*/
/********************************/
p.pub { position:relative; font-size:11px; color:#fff; margin:0 10px; }
#entete .bannierepub { position:absolute; right:0; top: 77px; padding: 0 5px; }
#entete .blocpub { position:relative; display:block; margin:0; padding:2px; border:1px solid #fff; }
#entete .blocpub2 { position:relative; display:block; padding:0px; border:1px solid #fff; margin:22px 0 0 0 ; }
#entete .blocpub3 { position:relative; display:block; padding:0px; border:1px solid #fff; margin:-30px 0 0 0 ; }
#entete p.pub { margin:0; color: #c4b594; }
#piedpage .blocpub { position:relative; margin:0 10px; padding:2px; border:1px solid #fff; }

/********************************/
/*	BANNIERES IPHONE			*/
/********************************/
h1#iphone { position: fixed; top: 0; left: 0; margin: 0; z-index: 1000; }
h1#iphone a {
	position: relative; display: block; width: 272px; height: 234px;
	text-decoration: none;
	background: url(../images/banniere-iphone.png) no-repeat;
}
h1#iphone span { position: absolute; top: 0; left: -999em; }