/*
	StyleSheet by David Herreman
	http://www.free-css-templates.com
		
*/

html, body, div, span, applet, object, iframe,
h1,  h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


body 
{ 
	font: .74em Arial, sans-serif; 
	line-height: 1.5em; 
	background: #fff url(bg.gif) repeat-x top; 
	color: #454545; 
}

p 
{
	margin: 0.5em 0;
}

strong
{
	font-weight : bold;
	}

.hide
{
	display: none;
}

img 
{
	border: 0; 
}
.content 
{
	margin: 0px auto; 
}
.content-header 
{
	margin: 0px auto; 
	width: 990px;
}
.content-middle
{
	width: 990px;
	margin: 0px auto;
}
.content-footer
{
	margin: 0px auto;	
}

.imgcontainer {
	position:relative;
	float:left;
	border:1px solid LightGrey;
	padding:1px;
	background:white;
	}
.caption
{
	background: #fff;
	filter: alpha(opacity=85);
	left: 0px;
	font: 8pt arial;
	width: 100%;
	color: #000;
	bottom: 5px;
	position: absolute;
	text-align: right;
	opacity: .75;
}

.msgInfo, .msgSuccess, .msgWarning, .msgError, .msgValidation, .msgContextHelp {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.msgInfo {
    color: #00529B;
    background-color: #BDE5F8;
    background-image : url(msgInfo.png);
}
.msgSuccess {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image: url(msgSuccess.png);
}
.msgWarning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url(msgWarning.png);
}
.msgError {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url(msgError.png);
}
.msgValidation {
    color: #D63301;
    background-color: #FFCCBA;
    background-image: url(msgValidation.png);
}

.msgContextHelp {
	color: black;   
}

.lnk
{
	font-weight: bold;
	font-size: 12pt;
	color: #0066ff;
	font-family: Arial;
}

/* Top part */

#top 
{
	background: transparent; 
	xpadding-top: 10px; 
	height: 85px; 
	/*background-color: green;*/
	 
}

#top h1 img
{
	background-color: transparent;
	margin-top:5pt !important;
}

#top h1 a
{
	background-color: transparent;
	text-decoration: none;
}

#top h1x 
{
	background-position: left top;
	padding-right: 0px;
	padding-left: 55px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin: 0px;
	font: bold 1.8em Arial, Sans-Serif;
	color: #fff;
	background-repeat: no-repeat;
	letter-spacing: 1px;

}
#top h2 
{
	font: 1.0em Arial, Sans-Serif; 
	letter-spacing: 0px; 
	color: #868686; 
	margin:0; 
	padding: 0 
}
#top #icons 
{
	padding-right: 0px;
	padding-left: 0px;
	float: right;
	padding-bottom: 0px;
	margin: 20px 0px;
	color: lightgrey;
	padding-top: 0px;
}

#top #icons small
{
	font-weight: bold;
	font-size: 10pt;
	color: white;
}

#top #icons a:hover
{
	color: whitesmoke;
	text-decoration: underline;
}

#top #icons a
{
	color: white;	
	text-decoration: none;
	font-weight: bold;
}

#top #icons img 
{
	/*padding-right: 2px; 
	border: 0 */
	padding-right: 2px;
	border: 0;
	text-align: right;
}

/* Second part */
#prec 
{
	
	height: 195px;
	margin:0; 
	padding: 0; 
	background: #F6F6F6; 
	border-bottom: 1px solid #DCDCDC; 
	overflow: hidden; 
	margin-bottom: 15px; 
}
#topNiv2 
{
	margin: 0 auto; 
	width: 990px; 
}
#topNiv2 #pic 
{
	background: url(horizon.jpg) blue no-repeat right 0%;
	float: right;
	overflow: hidden;
	width: 800px;
	height: 195px;
}
#topNiv2 #pic #slogan
{
	padding-right: 30px;
	padding-left: 30px;
	float: right;
	padding-bottom: 10px;
	padding-top: 15px;
	text-align: left;
}

#topNiv2 #pic #slogan #Transp
{ 
	FILTER: alpha(opacity=95); 
	WIDTH: 100%; 
	BACKGROUND-COLOR: lightgrey; 
	-moz-opacity: 0.8 ;
}

#topNiv2 #pic #slogan h1
{
	padding-right: 15px;
	margin: 0px;
	font: bold 4em Arial, Sans-Serif;
	color: Black;
	letter-spacing: 1px;
	text-align: right;
}
#topNiv2 #pic #slogan h2
{
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 0px;
	margin: 0px;
	font: bold 1.8em Arial, sans-serif;
	color: black;
	padding-top: 0px;
	letter-spacing: 0px;
}
#topNiv2 #pic #slogan a
{
	color: #0033ff;
}

#topNiv2 #pic #slogan a:hover
{
	color: #6699ff;
	text-decoration: underline;
}

#topNiv2 #pic #slogan p 
{
	color: black; 
}
			
#topNiv2 #menu 
{
	padding: 0; 
	margin:0;
    background: inherit; 
}
#topNiv2 #menu a
{
	padding-left: 25px;
	font: bold 1.5em Arial, Sans-Serif;
	color: #696969;
	text-decoration: none;
}
#topNiv2 #menu a:hover
{
	color: #6699ff;
}
#topNiv2 #menu ul 
{
	margin: 0;
	padding : 0; 
	list-style: none; 
	padding: 10px 0 
}
#topNiv2 #menu li 
{
	line-height: 26px; 
	background: #F6F6F6 url(li-line.gif) no-repeat bottom left; 
	list-style: none
}		

/*    FOOTER	*/

#footer {
	clear: both;
	height:70px;
	margin:0 ;
	padding: 0;
	background: #000000 url(footerBg.jpg) repeat-x;
	
}

#footer-content {	
	margin: 0 auto;
	padding-top:15px;
	text-align:center;
	color:#FFFFFF;
}

#footer-content a {
	text-decoration: none;
	color: #FFFFFF;
}

#footer-content a:hover {
	text-decoration: underline;
}

#footer-content ul {
	list-style: none;
	margin: 0; padding: 0;
}




/* ---( Wrap )----------------------------- */

#wrap {
	margin: 0 auto; 
	width: 990px; 
	}



/* ---( main column )----------------------------- */

#content {
	float: left;
	/*width: 725px;*/
	width: 610px;
	text-align: justify;
	clear: left;
	}

#content .modDefault {
	margin-bottom: 14px;
	}

/* lists */

#content ul {
	list-style: none;
	margin: 0.5em 0 0.5em 0;
	padding-left: 18px;
	}

#content ul li {
	padding: 0 0 4px 17px;
	line-height: 1.3em;
	/*background: url(content_1.gif) no-repeat 0 2px;*/
	}

#content ul li ul li {
	/*background: url(content_2.gif) no-repeat 0 2px;*/
	}

#content ul li ul li ul li {
	/*background: url(content_3.gif) no-repeat 0 2px;*/
	}

#content dl dd {
	margin: 0;
	padding: 0 0 1em 0;
	}

#content dl dt {
	font-weight: bold;
	}

#content dl dt span {
	font-weight: normal;
	}

/* ---( entries )---------------------------------- */

p#menu {
	color: #999;
	font-size: 88%;
	margin-top: 0;
	}

p#menu.month {
	margin-top: 1em;
	}

p.posted {
	color: #999;
	font-size: 88%;
	padding: 0 0 12px 0;
	}

p.posted img {
	vertical-align: middle;
	}

#more {
	margin-top: 0;
	padding-top: 1.5em;
	border-top: 1px solid #eee;
	}

	
/* ---( right column )----------------------------- */

#sidebar {
	/*position: relative;*/	/* SUPP 19/09 - PB SUR AjaxBox a droite*/
	margin: 0 0 0 630px;
	}

/*
#sidebar h3 {
	font-family: verdana, sans-serif;
	font-size: 100%;
	padding: 0 0 4px 19px;
	margin: 0 0 8px 0;
	color: #c63;
	border-bottom: 1px dotted #ddd0b9;
	background: url(cube_birch.gif) no-repeat 0 2px;
	}

#sidebar h4 {
	font-size: 92%;
	font-weight: normal;
	margin: 0;
	}
	
#sidebar p {
	margin-top: 4px;
	margin-bottom: 20px;
	}

#sidebar ul {
	margin: 4px 0 20px 0;
	padding: 0;
	list-style: none;
	}

#sidebar li {
	margin: 0;
	padding: 0 0 2px 0;
	line-height: 1.4em;
	}

#sidebar li {
	margin: 0;
	padding: 0 0 0 13px;
	background: url(sidebar_1.gif) no-repeat 0 4px;
	margin-bottom: .6em;
	}

#sidebar li li {
	background: url(sidebar_2.gif) no-repeat 0 4px;
	}

#sidebar img {
	vertical-align: middle;
	}
*/