/* Body */
body {
	background: url(background-alu.jpg);
	font: normal 12px/16px Verdana, Arial, Helvetica;
	color: #666;
	margin: 15px;
	text-align: center; /* For IE */
	}

p {
	margin: 0 0 10px 0;
	font-size: 12px;
	line-height: 20px;
	}

p.p1 {
	font-size: 12px;
	line-height: 20px;
	}

h1, h2 {
	color: #005DA8;
	font-size: 12px;
	font-weight: normal;
	margin: 20px 0 0px 0;
	text-indent: 0px;
	text-transform: uppercase;
	}

.submenupage {
	color: #005DA8;
	font-size: 12px;
	font-weight: bold;
	margin: 0px 0 0px 0;
	text-indent: 0px;
	}

a:link, a:visited {
	font-size: 12px;
	color: #0065b3;
	text-decoration: underline;
	}

a:hover, a:active {
	color: #fff;
	background: #005DA8;
	}

ul {
	margin: 0;
	padding: 0 10px 7px 6px;
	list-style: none;
	line-height: 1.0em;
	/*border-top: 1px solid #fff;*/
	}

li {
	padding: 6px 0px 0 0;
	}

/* Container Styles */


#container {
	position: relative;
	width: 990px !important;
	width /**/: 890px;
	background: #fff url(container_bg.gif) repeat-y;
	border: 15px solid #fff;
	margin: 30px auto;
	padding: 0;
	text-align: left; /* For IE, see above */
	}

/* Intro Styles */


#banner {
	width: 990px!important;
	width /**/: 890px;
	height: 120px;
	background: #FFFFFF;
	vertical-align:bottom;
	}
	
#bulle { 
	position: absolute; 
	visibility: hidden;  
	font-size:12px;
	}
	
.info{ 
	border:1px solid #666666; 
	padding: 7px; 
	color:#666666; 
	background-color:#FFFFFF; 
	font-family:"trebuchet MS";
	}
	

a.bulle span{
display: none;
}

a.bulle:hover{
background: none; /*contournement bug IE*/
}

a.bulle:hover span{
display: inline;
position: absolute;
min-width:400px;
top: 213px;
left: 250px;
background: #fff;
text-align:left;
text-decoration: none;
color: #666666; 
padding: 0.2em;
BORDER: #000 1px solid;
}

.downloadCont{
	position:absolute;
	top: 200px;
	left: 600px;
	text-align:center;
}

.downloadContRead{
	position:absolute;
	top: 250px;
	left: 600px;
	text-align:center;
}



.photonayefdroite {
  float: right;
  width: 150px;
  margin: 5px -5px 0px 10px;
}


#quickSummary {
	height: 15px!important;
	height /**/: 15px;
	background:#005DA8;
	padding: 2px 12px 4px 10px;
	color:#FFFFFF;
	}
	
#quickSummary a:link, #quickSummary a:visited {
	font-size:11px;
	color:#fff;
	text-decoration:none;
	}
	
#quickSummary a:hover, #quickSummary a:active {
	color:#fff;
	text-decoration:underline;
	}

	
/* Supporting Text Styles */

#preamble {
	margin: 30px 0px 10px 255px;
	}
	
#contenu, #contenu2, #contenu3, #contenu4, #contenu5, #quotes, #endorsments {
	margin: 0 0px 10px 255px;
	padding: 0 10px 0 10px;
	border: 1px dashed;
	}
	
.underline {
	text-decoration:underline;
	}


#contenuhomephoto {
	margin: 0 0px 10px 255px;
	padding: 0 10px 0 10px;
	border: 1px dashed;
	}

#contenuhometext {
	padding: 0 0px 0 0px;
	}

	
#contenuhometextphoto {
	float:right;
	width:240px;
	text-align: right;
	margin: 0px 0px 0px 20px;
	}
	
#twitter {
	float:right;
	text-align: center;
	vertical-align: middle;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	border: none;
	}
	
#facebook {
	float:right;
	text-align: center;
	vertical-align: middle;
	margin: 0px 0px 0px 20px;
	text-decoration: none;
	border: none;
	}
	
/*
#livre {
	float:left;
	width:300px;
	}

#liens {
	float:right;
	width:420px;
	min-height:390px;
	}

	
	
#contenu4 {
	margin: 0 0px 0px 255px;
	padding: 0 10px 0 10px;
	border: 1px dashed;
	min-height:375px;
	}
	
#contenu5 {
	margin: 0 0px 10px 255px;
	padding: 0 10px 0 10px;
	border: 1px dashed;
	min-height:375px;
	}
	
*/
#footer {
	/*width: 990px !important;
	width : 890px;
	height: 21px!important;
	height : 24px;*/
	background: #fff;
	margin: 0 0px 10px 255px;
	margin-top: 15px;
	padding: 3px 12px 0 0;
	border-top: 1px solid #fff;
	font-size: 11px;
	color: #666;
	text-align: center;
	}

#footer a:link, #footer a:visited {
	font-size: 11px;
	color: #0065b3;
	text-decoration:none;
	}

#footer a:hover, #footer a:active {
	color: #000;
    text-decoration:underline;
	background:#fff;
	}

/* Link List Styles */

#linkList {
	position: absolute;
	top: 50px;
	left: 0px;
	width: 250px;
	}

#linkList h3 {
	height: 24px;
	margin: 0;
	}

#linkList h4 {
	height: 24px;
	margin: 0;
	}
	
#linkList a:link, #linkList a:visited {
	font-size: 13px;
	color: #666;
	}

#linkList a:hover, #linkList a:active {
    text-decoration: none;
	}
	
#menuLangue {
	position: absolute;
	top: 79px;
	left: 705px;
	width: 300px;
	color: #FFF;
	padding: 0px 12px 0 0;
	text-align: right;
	}

#menuLangue a:link, #menuLangue a:visited {
	font-size: 11px;
	color: #fff;
    text-decoration: none;
	}

#menuLangue a:hover, #menuLangue a:active {
	color: #fff;
	background: none;
	text-decoration:underline;
	}

#menuDetail {
	background: url(background_menu.gif);
	}

#menuDetail li {
	color: #666;
	}


#menuDetail a:link, #menuDetail a:visited {
	font-size: 13px;
	padding: 0px 0px 0 0px;
	color: #666666;
	text-decoration: none;
	font-weight: normal;
	}
	
#menuDetail a:hover, #menuDetail a:active {
	color: #fff;
	background: #005DA8;
	font-weight: normal;
	}

#menuDetail2 {
	background: url(background_menu.gif);
	}

#menuDetail2 li {
	color: #cf3;
	}
	
#menuDetail2 a:link, #menuDetail2 a:visited {
	font-size: 13px;
	padding: 0px 0px 0 0px;
	color: #666666;
	text-decoration: none;
	font-weight: normal;
	}
	
#menuDetail2 a:hover, #menuDetail2 a:active {
	color: #fff;
	background: #005DA8;
	font-weight: normal;
	}
	
#menuDetailPage {
	background: url(background_menu.gif);
	padding: 0 0px 0px 10px;
	}
	
#menuDetailPage a:link, #menuDetailPage a:visited {
	font-size: 11px;
	padding: 0px 0px 0 0px;
	color: #666666;
	text-decoration: none;
	}

#menuDetailPage a:hover, #menuDetailPage a:active {
	color: #fff;
	background: #005DA8;
	font-weight: normal;
	}

#menuImageHaut h3 {
	background: url(select.gif);
	}

#menuImageBas {
	/*border-top: 1px solid #fff;*/
	}
	
#menuImageBas h4 {
	background: url(select_bas.gif);
	}

.image {
	width:115px;
	}


#leftbox {
	position:absolute;
	margin: 0 0px 10px 0px;
	top:173px;
	left:0px;
	width:230px;

}

#leftboxnew {
	position:relative;
	margin: 30px 0px 10px 0px;
	float:left;
	left:0px;
	width:230px;

}

#leftbox1 {
	padding:2px 5px 2px 15px;
	margin: 10px 0px 10px 0px;
	min-height:170px;
	border: 1px dashed;
}


#leftboxX {
	position:relative;
	float:left;
	margin: 0 0px 0px 0px;
	top:30px;
	left:0px;
	width:235px;

}

#leftbox1X {
	/*padding:2px 5px 2px 15px;*/
	margin: 0px 0px 0px 0px;
	min-height:170px;
}

#leftbox2 {
	padding:2px 5px 2px 15px;
	min-height:450px;
	border: 1px dashed;
}

#leftlinks {
	margin: 0 0px 10px 0px;
}

#leftlinks a {
	border-bottom:1px solid #ccc;
	color:#999;
	font-weight:normal;
	font-size:11px;
	padding:2px 0 2px 15px;
	display:block;
	text-decoration: none;

}

.linkHeader {
	color:#fff;
	background: url(../images/leftlink.gif);
	text-decoration:none;
	font-size:11px;
	padding:2px 0 2px 15px;
}

#leftlinks a:hover, #leftlinks a.linkHeader {
	color:#fff;
	background-color:#005DA8;
	text-decoration:none;	
}

#leftlinks a.onpage {
	color:#fff;
	background-color:#005DA8;
	text-decoration:none;
}


.leftlinkinside{
  line-height:1.5em;
}

#leftimage {
	position:absolute;
	top:370px;
	left:0px;
	width:225px;

}



/*
#menutop {
	position: relative;
	height: 15px;
	margin: 0 0px 0 0px;
	clear: both;
	background: #F4F4F4;
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
}

#menutop ul, #menutop li {
	margin:0;
	padding: 0;
	list-style-type: none;
	}
	
#menutop ul {
	position: absolute;
	height: 15px;
	width: 850px;
	left: 0px;
	}

#menutop li {
	float: left;
	}

#menutop li a { /* dimensions et définitions des boutons */
/*display: block;  /* mise en block de <a> pour lui donner des dimensions */
/*height: 15px;
width: 141px;
color: #9B9B9B;
font: 11px;
text-decoration: none;
text-align: center;
}

#menutop li a.onpage { 
color: #fff;
background: #005DA8;
}

#menutop li a.last {
border-right: 1px solid #fff;
}

#menutop a:hover {
color: #fff;
background: #005DA8;
}
*/

#quicklinksimage{
	position:absolute;
	top:255px;
	left:740px;
}

#quicklinksimage2{
	position:absolute;
	top:545px;
	left:740px;
}


#quicklinksimage3{
	position:absolute;
	top:360px;
	left:740px;
}

#quicklinksimagebanner{
	position:absolute;
	top:-40px;
	left:878px;
}


#SH-top{
	float: right;
}

#banner-top{
	float: left;
	vertical-align:bottom;
}

#page-break{
page-break-after: always; 
}


#global {
     position: absolute;
	 top: 245px;
	 left: 0px;
	 margin-left: auto;
     margin-right: auto;
     text-align: left; /* on rétablit l'alignement normal du texte pr les version antérieur à IE6*/
     }