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

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #000000;
	color: #FFFFFF;
}
#wrapper {
	position: relative;
	width: 900px;
	margin: 0 auto;
	text-align: left;
	top: 10px;
}
.deuxcent {
	position: absolute;
	top: 120px;
	left: 200px;
	width: 700px;
}
.zero {
	position: absolute;
	top: 120px;
	left: -14px;
	width: 1000px;
	text-align: right;
}
.logo {
	top: 0px;
	left: 36px;
	position: absolute;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.name {
	position: absolute;
	left: 200px;
	top: 3px;
}

.nav {
	position: absolute;
	left: 200px;
	top: 76px;
	display:block;
	width: 700px;
	height: 18px;
	background-color: #AD0000;
}

.container {
	background-position: 0px 0px;
	margin: auto;
}


a:link, a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #B7B7B7;
	font-size: 14px;
	line-height: 25px;
}

a:hover {
	text-decoration: none;
	font-weight: bold;
	color: #707070;
	font-size: 14px;
	line-height: 25px;

}

.titre {
	text-decoration: none;
	font-weight: 100;
	color: #AD0000;
	font-size: 18px;
	letter-spacing: 1px;
}

.infosclient {
	text-decoration: none;
	font-weight: 100;
	color: #FFFFFF;
	font-size: 18px;
	letter-spacing: 1px;
}

.date {
	text-decoration: none;
	font-weight: bold;
	color: #AD0000;
	font-size: 16px;
	line-height: 25px;
}
.intro {
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	color: #666666;
	letter-spacing: 0.5pt;
}

.titrenews {
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	position: relative;
	line-height: 25px;
	top: -5px;
	letter-spacing: 1px;

}
.pointeur {
   cursor:pointer;
}

.soustitre {
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	color: #666666;
	text-decoration: underline;
	line-height: 25px;
	top: -5px;
	letter-spacing: 1px;
}

.text_news {
	font-size: 12px;
	color: #000000;
}

.legende_bleue {
	color: #66CCFF;
	font-size: 14px;
	font-weight: bold;
}
.legende_verte {
	color: #99FF00;
	font-size: 14px;
	font-weight: bold;
}
.legende_rouge {
	color: #FF3333;
	font-size: 14px;
	font-weight: bold;
}
.A2 {
	float: right;
	width: 330px;
}
.A1 {
	float: left;
	width: 330px;
}
/*--Navigation--*/ 
a.rolloveracc {
	display:block;
	width: 62px;
	height: 18px;
	background: url("pics/accueil_ico.gif") 0 0 no-repeat;
}

a.rolloveracc:hover { 
background-position: 0 -18px;
}

a.rolloverqui {
	position: absolute;
	left:62px;
	top: 0px;
	display:block;
	width: 85px;
	height: 18px;
	background: url("pics/qui_ico.gif") 0 0 no-repeat;
}

a.rolloverqui:hover { 
background-position: 0 -18px;
}
a.rolloverque {
	position: absolute;
	left:147px;
	top: 0px;
	display:block;
	width: 167px;
	height: 18px;
	background: url("pics/que_ico.gif") 0 0 no-repeat;
}

a.rolloverque:hover { 
background-position: 0 -18px;
}
a.rolloverquoi {
	position: absolute;
	left:314px;
	top: 0px;
	display:block;
	width: 137px;
	height: 18px;
	background: url("pics/quoi_ico.gif") 0 0 no-repeat;
}

a.rolloverquoi:hover { 
background-position: 0 -18px;
}
a.rolloverou {
	position: absolute;
	left:451px;
	top: 0px;
	display:block;
	width: 94px;
	height: 18px;
	background: url("pics/ou_ico.gif") 0 0 no-repeat;
}

a.rolloverou:hover { 
background-position: 0 -18px;
}
a.rolloverclient {
	position: absolute;
	left:619px;
	top: 0px;
	display:block;
	width: 84px;
	height: 18px;
	background: url("pics/client_ico.gif") 0 0 no-repeat;
}

a.rolloverclient:hover { 
background-position: 0 -18px;
}
/*--end Navigation--*/

a.rolloverpub {
	display:block;
	width: 700px;
	height: 119px;
	background: url("pics/boutik_pub.gif") 0 0 no-repeat;
}

a.rolloverpub:hover { 
background-position: 0 -119px;
}
a.rollovergo {
	display:block;
	width: 38px;
	height: 15px;
	background: url("pics/go.gif") 0 0 no-repeat;
	margin-top: 10px;
}

a.rollovergo:hover { 
background-position: 0 -15px;
}

a.rollovergo:active {
background-position: 0 -30px;
}

#hideshow {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
#fade {
	background: #000; 
	position: fixed; 
	width: 100%;
	height: 100%;
	filter:alpha(opacity=70);
	opacity: .70;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /*--IE 8 Transparency--*/
	left: 0;
	z-index: 1000;
}
.popup_block {
	padding: 20px;
	border: 1px solid #AD0000;
	float: left;
	width: 300px;
	position: fixed;
	top: 20%;
	left: 50%;
	z-index: 1005;
	background-color: #333333;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: -150px;
}

.close {
	position: absolute;
	float: left;
	left: 0px;
	top: 0px;
	background-color: #AD0000;
	width: 330px;
	font-size: 14px;
	padding: 5px;
	font-weight: bold;
}
a.rolloverclose {
	position: absolute;
	float: right;
	right: 5px;
	top: 5px;
	display:block;
	width: 15px;
	height: 15px;
	background: url("pics/close_ico.gif") 0 0 no-repeat;
}

a.rolloverclose:hover { 
background-position: 0 -15px;
}
 
/*--Making IE6 Understand Fixed Positioning--*/
 
*html #fade {
	position: absolute;
	top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop : document.body.scrollTop);
}
 
*html .popup_block {
	position: absolute;
	top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop
	+((documentElement.clientHeight-this.clientHeight)/2)
	: document.body.scrollTop
	+((document.body.clientHeight-this.clientHeight)/2));
	
	left:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollLeft 
	+ (document.body.clientWidth /2 ) 
	: document.body.scrollLeft 
	+ (document.body.offsetWidth /2 ));
}
 
/*--IE 6 PNG Fix--*/

/* always visible */
#outer .holder {
	padding:10px;
	border:1px solid #333333;
	margin-top: 10px;
	margin-left: 0;
}
#outer .holder p {padding:5px 0 0 0; margin:0;}
#outer .holder p.bold {font-weight:bold;}
#outer .holder h2 {
	margin:0;
	padding:0;
	font-size: 14px;
	margin-left:40px;
}

/* unclicked style div.more */
#outer div.more i {
	float:right;
	margin-right:5px;
	cursor:pointer;
	color:#AD0000;
	font-weight:bold;
	margin-top: -15px;
}
#outer div.ico {
	float:left;
	margin-left:-5px;
	margin-top: -9px;
}
#outer div.more i.hide {display:none;}
#outer div.more p {
	display:none;
	margin-left: 40px;
}
#outer div.more img {display:none;}

/* clicked style div.click */
#outer div.click i.show {display:none;}
#outer div.click i.hide {display:block;}
#outer div.click p {display:block;}
#outer div.click img {display:block; float:left; padding-right:10px;}