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

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

html, body, #bg, #bg table, #bg td {
    height:100%;
    width:100%;
    /*overflow:hidden;*/
}

#bg {
    position: fixed;
}

#bg div {
    height:200%;
    left:-50%;
    position:absolute;
    top:-60%;
    width:200%;
}

#bg td {
    text-align:center;
    vertical-align:middle;
}

#bg img {
    margin:0 auto;
    min-height:50%;
    min-width:50%;
}
/*BACKGROUND*/

html,body{margin:0;padding:0;width:100%;height:100%}

body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	background:#FFF;
	color:#707173;
	font-size:10pt;
}
#conteneur {
	position:relative;
	width:858px;
	height:100%; /*768px;*/
	margin:54px auto 0 auto;
	background:#FFF;
}
#contenu {
	position:relative;
	width:858px;
	/*height:604px;*/
	height:auto;
	background:url(../images/fond.jpg) #FFF no-repeat;
}
p {
	margin-top:0
}
#bandeau-peche {
	position:relative;
	width:858px;
	height:164px;
	background:url(../images/bando-peche.png);
}
#main {
	position:absolute;
	width:654px;
	height:334px;
	right:28px;
	top:36px;
	background:url(../images/main.png)
}
#main .up {
	position:relative;
	width:554px;
	height:26px;
	background:url(../images/main_up.png) no-repeat;
	margin: 12px 0 0 15px;
	color:#FFF;
	font-size:13px;
	line-height:13px;
	font-weight:bold;
	padding:2px;
	padding-right:38px;
}
#imprimecircuit {
	position:absolute;
	width:38px;
	height:30px;
	top:0;
	right:0;
	cursor:pointer;
}
#derniere-minute {
	position:absolute;
	width:654px;
	height:249px;
	right: 28px;
	top: 377px;
}

#derniere-minute .lien {
	position:absolute;
	width:654px;
	height:78px;
	right: 0;
	top: 0;
	z-index:10;
}

#derniere-minute .bandeau {
	position:relative;
	width:642px;
	height:14px;
	background:url(../images/derniere-minute.png) no-repeat;
	/*color:#FFF;*/
	padding-top:64px;
	padding-right:12px;
	line-height:14px;
	font-size:9px;
	text-align:right;
}

#derniere-minute .un {
	position:relative;
	float:left;
	width:208px;
	height:156px;
	margin:15px 15px 0 0;
	background:#CCC;
}
#derniere-minute .deux {
	position:relative;
	float:left;
	width:208px;
	height:156px;
	margin:15px 15px 0 0;
	background:#CCC;
}
#derniere-minute .trois {
	position:relative;
	float:left;
	width:208px;
	height:156px;
	margin:15px 0 0 0;
	background:#CCC;
}
#content_main {
	position:relative;
	width:624px;
	height:266px;
	overflow:hidden;
	margin: 15px 0 0 15px;
}
#menu_haut {
	position:absolute;
	width:649px;
	padding-left:5px;
	height:24px;
	background:#FFF;
	top:6px;
	left: 176px;
	line-height:24px;
	text-transform:uppercase;
	font-size:7pt;
	color:#6f7173;
	text-align:center;
}
#menu_haut .active {
	color:#df1379
}
a {
	text-decoration:none
}
a:link {
	color:#6f7173
}
a:visited {
	color:#6f7173
}
a:hover {
	color:#df1379
}
a:active {
	color:#6f7173
}
/* La couleur de la zone de texte*/
.main {
	color:#4D4D4D
}
.main .rose {
	color:#df1379
}
li {
	list-style-image:url(../images/puce-6x.png);
}
#menu_gauche {
	position:absolute;
	top:0;
	left:0;
	width:176px;
	height:652px;
}

#menu_gauche p {
	margin:0;
	padding-left:36px;
	padding-right:2px;
	width:138px;
	line-height:10px;
	font-size:10px;
	background:url(../images/menu_gauche_background.png) repeat-y;
	text-indent:-10px;
}

#menu_gauche .ligne {
	margin:0;
	padding:0;
	width:176px;
	height:5px;
	background:url(../images/menu_gauche_hr.png) no-repeat;
}

.onglet_gauche_1 {
	position:relative;
	width:147px;
	height:15px;
	line-height:15px;
	padding-left:3px;
	color:#FFF;
	background:url(../images/onglet_gauche_1.png) no-repeat;
	margin-left: 13px;
	margin-top: 11px;
	margin-bottom: 2px;
	font-size:9pt;
	z-index:10;
	cursor:pointer;
}
.onglet_gauche_1:focus {border:0}
.onglet_haut_1 {
	position:absolute;
	width:100px;
	height:15px;
	line-height:15px;
	text-align:center;
	color:#FFF;
	background:url(../images/onglet_haut_1.png) no-repeat;
	left: 656px;
	top: 149px;
	z-index:10;
}
.onglet_haut_2 {
	position:absolute;
	width:74px;
	height:15px;
	line-height:15px;
	text-align:center;
	padding-left:26px;
	color:#FFF;
	background:url(../images/onglet_haut_2.png) no-repeat;
	left: 730px;
	top: 149px;
	z-index:5;
}
a.onglet {
	text-decoration:none
}
a.onglet:link {
	color:#FFF
}
a.onglet:visited {
	color:#FFF
}
a.onglet:hover {
	color:#FFF
}
a.onglet:active {
	color:#FFF
}
img.fancybox {
	border:0
}

#pied-de-page {
	position:absolute;
	width:654px;
	height:20px;
	top:626px;
	right:28px;
	line-height:10px;
	color:#4D4D4D;
	font-size:8px;
	margin-top:15px;
}

#pied-de-page .left {float:left;line-height:inherit;}
#pied-de-page .right {float:right}