@charset "ISO-8859-1";

html { overflow: -moz-scrollbars-vertical !important; }
html, body {
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	

}
html>body #content {
	height: auto;
}
html>body #container {
	height: auto;
}

#containers {	
	position: relative;
	min-height: 100%;
	min-width: 1026px;
	height: 100%;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: auto;
	border:0px solid #123123;
	
	width: 100%;
}
#bandeBleu {
	background: url('../images/bande-bleu.jpg') top left no-repeat;
	height: 16px;
	position:absolute;
	width:20%;
	left:0px;
	top:0px;
	z-index:1;
}


#content {
	
	overflow:visible;
	position: relative;
	width: 1026px;	
	min-height: 100%;
	
	height: 100%;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: auto;
	margin: 0px auto 60px auto;	
	padding:0 0 0 0;
	border:0px solid #cccccc;
	z-index:3;
}

#leCercle {
	background: url(../images/stories/logo.jpg) 0px 0px no-repeat;
	top:270px;
	height: 350px;
	position:absolute;
	width:111px;
	left:-111px;
	
	z-index:1;
}



img{border:0;}

#wrap
{
	border: 0;
	clear: both;
	float: none;
	font-size: 1px;
	height: 0;
	line-height: 1px;
	margin: 0;
	padding: 0;
	visibility: hidden;
}


#gauche{	
	float:left;
	text-align:left;
	width:330px;	
	background: url(../images/stories/logo.jpg) -110px 270px no-repeat;
	margin: 0px 0px 0px 0px;
	border:0px solid #123123;
	overflow:visible;
	z-index:3;
}

#topMenu {	
	margin: 0px 0px 0px 0px;
	padding:0 0 0 0;
	float:left;	
	width: 330px;
	height:16px;
	background-color:#003faa;	
	z-index:3;
}
#milieu{	
	float:left;
	text-align:left;
	width:396px;	
	margin: 0px 0px 60px 0px;
	padding:0 0 0 0;
	border:0px solid #123123;
}
div#inside-milieu{		
	margin: 0px 0px 0px 0px;
	padding:50px 30px 0 30px;	
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	min-height:730px;
	width:336px;	
}
#droite{	
	
	display:block;
	float:left;
	text-align:left;
	width:300px;
	height:290px;
	min-height:780px;
	background: url(../images/stories/chaise.jpg) 20px 520px no-repeat #F8F8F8;
	margin: 0px 0px 0px 0px;
	border:0px solid #123123;
}
#menutitre{
	margin:160px 0 0 31px ;	
	float:center;
	text-align:left;
	width:254px;
	height:20px;	
}
#menuDroite{
	margin:30px 0 0 23px ;	
	padding:20px 0 0 15px ;
	float:center;
	text-align:left;
	display:block;
	
	width:281px;
	height:290px;	
	background: url(../images/stories/sous-menu-cercle.jpg) no-repeat #F8F8F8;	
	border:0px solid #123123;
}
#menu {
	margin: 170px 0px 0px 0px;
	float:right;
	padding-right:0px;
	padding-left:0px;
	width: 223px;
	height:200px;
	background-color:none;
	border:0px #cccccc solid ;	
}
#flash {
	float:right;		
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:330px;
	height:391px;
	border:0px solid #cccccc ;	
	z-index:5;
}
#footer {	
	margin:  0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:100%;
	height:60px;		
	background: url(../images/footer-shadow.png) repeat-x;	
	position: absolute;
	border:0px solid #cccccc ;
	bottom: 0;
}
div.footerText{		
	float:left;
	text-align:center;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	height:50px;
	width:100%;	
}
#topMenu ul {
	text-align:center;
	padding:2px 0 0 0;
	margin: 0px 0 0px 25px;	
	list-style-type:none;
}
#topMenu li
{
	margin: 0px 0 0px 0;	
	padding: 0px 0 0px 0;
	float:left; /*pour IE*/
}
#topMenu ul li a
{
	display:block;
	float:left;   	
	background-color:#003faa;
	text-transform:uppercase;
	font-family:verdana,Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:10px;
	text-decoration:none;
	text-align:center;
	padding:0px 9px 0 9px;
	border:0px solid;
	font-weight:normal;
	
}
#topMenu ul li a:hover
{	font-weight: normal;
	background-color:#003faa;
	color:#dae6fa;
	text-transform:uppercase;
	font-size:10px;
	font-weight:normal;
	font-family:verdana,Arial, Helvetica, sans-serif;
	
	
} 

#menu ul {
	
	padding:0px 0 0 0;
	margin:0 0 0 0;	
	list-style-type:none;
}
#menu li
{
	margin: 0px 0 0px 0;	
	padding: 4px 0 4px 0;
	
}
#menu ul li a
{
		
	text-transform:uppercase;
	font-family:verdana, Arial, Helvetica, sans-serif;
	color:#003faa;
	font-size:10px;
	text-decoration:none;
	text-align:left;	
	font-weight:normal;
	
}
#menu ul li a:hover
{		
	color:#000000;
	text-transform:uppercase;
	font-family:verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	text-decoration:none;
	
	
} 



#menuDroite ul {
	list-style-type:none;
	float:left;	
	padding:0 0 0 0;
	margin:20px 0 0 78px;	
	l
}
#menuDroite li
{
	margin: 0px 0 0px 0;	
	padding: 1px 0 1px 0;	
	width:170px;
	line-height:14px;
	
}
#menuDroite ul li a
{		
	
	margin: 0px 0 0px 0;	
	padding: 0px 3px 0px 3px;
	text-transform:uppercase;
	font-family:verdana, Arial, Helvetica, sans-serif;
	color:#2d2e2f;
	font-size:10px;	
	text-decoration:none;
	text-align:left;	
	font-weight:normal;
	
}
#menuDroite ul li a:hover
{		
	margin: 0px 0 0px 0;	
	padding: 0px 3px 0px 3px;	
	color:#fefeff;
	background:#003DAA;
	text-transform:uppercase;
	font-size:10px;
	font-weight:normal;
	text-decoration:none;
	
	
} 


sup{font-size:6px;vertical-align:top}
sub{font-size:6px;}

h1, .componentheading {
	
	margin-top:20px;
	padding: 0 0px 0 0px;
	font-weight: normal;
	outline: none;
	font-size: 14px;
	font-family:Arial;
	color: #003faa;
	text-transform:uppercase;
	
}
.componentheading {padding-top:45px;}

h2{
	margin: 0px 0 5px 3px;
	padding: 22px 0px 0 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#033DA9;
	font-weight:normal;
	text-transform:normal;
	text-align:left;
}

h2.services{
	margin: 0px 0 9px 89px;
	padding: 22px 0px 0 0px;
	font-family:verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#033DA9;
	font-weight:normal;
	text-transform:uppercase;
}
h3{
	margin: 0px 0 0px 0;
	font-family:Arial, Helvetica, sans-serif;
	color: #2a2a2a;
	font-size: 13px;
	text-transform:none;
	font-weight: bold;	
}
h4{
	margin: 0px 0 0px 0;
	font-family:Arial, Helvetica, sans-serif;
	color: #2a2a2a;
	font-size: 12px;
	text-transform:uppercase;
	font-weight: normal;	
}
p{
	font-family:Arial, Helvetica, sans-serif;
	color: #4c4c4c;
	font-size: 12px;
	align:left;
	
}
p.justify{
	font-family:Arial, Helvetica, sans-serif;
	color: #4c4c4c;
	font-size: 12px;
	align:left;
	text-align:justify;
	
}
p.leLien{
	margin:0px 0 0 0 ;
	padding:0 0 0 0 ;
}



img.fleche{
	margin-top:4px;
	padding-top:0px;
	padding-left:5px;
	padding-right:5px;
	vertical-align:middle;

}
ul li{
	font-family:Arial, Helvetica, sans-serif;
	color: #4c4c4c;
	font-size: 12px;
	align:left;
	
	
} 

ul.puce li{
	font-family:Arial, Helvetica, sans-serif;
	color: #4c4c4c;
	font-size: 12px;
	align:left;
	
	
} 
ul.presse{
	list-style-type:none;
	margin:0 0 0 0px;
	padding:0 0 0 0;	
} 
ul.point {	
	margin-left:5px;
	margin-bottom:5px;
} 
ul.point li{
	font-family:Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	line-height:15px;
	align:left;	
	padding-bottom:5px;
} 

ul.souspoint {
	list-style-type:none;
	margin-left:0px;
	margin-bottom:3px;
} 
ul.souspoint li{	
	font-family:Arial, Helvetica, sans-serif;
	color: #4c4c4c;
	font-size: 11px;
	line-height:14px;
	align:left;	
	padding: 0px 0 0 15px;
} 

ul.presses {    
	list-style-type:none;
	margin: 0px 0 5px 0;
	padding: 0 0px 10px 0px;
	top: 0px;
	border-width: 1px 1px 1px 1px;

}
ul.presses li
{
	padding-left: 10px;
	background-image: url('../images/stories/ico-fleche.png');
	background-repeat: no-repeat;
	background-position: 0px 5px;
	font-family:Arial, Helvetica, sans-serif;
	color: #444444;
	font-size: 11px;
	margin: 0px 7px 2px 0;
	padding: 0px 0 0 35px;
}

a:link, a.lien:active, a:visited
{	
	text-transform:normal;
	font-family:verdana, Arial, Helvetica, sans-serif;
	color:#003faa;
	font-size:12px;
	text-decoration:none;
	text-align:left;	
	font-weight:normal;		
}
a:hover
{			
	color:#000000;
	text-transform:normal;
	font-family:verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;	
} 

a.lien:link, a.lien:active, a.lien:visited
{
		
	padding-left:25px;
	text-transform:normal;
	font-family:verdana, Arial, Helvetica, sans-serif;
	color:#003faa;
	font-size:12px;	
	text-decoration:none;
	text-align:left;	
	font-weight:normal;
	background:url('../images/stories/ico-fleche-pale.png') no-repeat 0 7px;
	line-height:18px;
	padding:5px 0 5px 25px;
	
}
a.lien:hover
{		
	padding-left:25px;
	color:#000000;
	text-transform:normal;
	font-family:verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	background:url('../images/stories/ico-fleche.png') no-repeat 0 7px;
	line-height:18px;
	padding:5px 0 5px 25px;
	
}
td.buttonheading  a:link, td.buttonheading a:active, td.buttonheading a:visited
{	
	text-transform:uppercase;
	font-family:verdana, Arial, Helvetica, sans-serif;
	color:#003faa;
	font-size:8px;
	text-decoration:none;
	text-align:left;	
	font-weight:normal;	
	
	
}
td.buttonheading a:hover
{			
	color:#000000;
	text-transform:uppercase;
	font-family:verdana, Arial, Helvetica, sans-serif;
	font-size:8px;
	font-weight:normal;
	text-decoration:none;	
} 




span.footText{
	padding:0px 0px 0px 0px;
	text-align:center;
	text-transform:uppercase;	
	color:#393c3e;
	font-family:verdana, Arial, Helvetica, sans-serif;
	font-size:10px;	
}

span.comm{	
	padding:2px 0px 0px 10px;	
	margin:2px 0 0 0;
	text-align:center;
	text-transform:uppercase;	
	color:#393c3e;
	font-family:verdana, Arial, Helvetica, sans-serif;
	font-size:10px;	
}
span.comm2{	
	padding:2px 0px 0px 10px;	
	margin:2px 0 0 0;
	text-align:center;
	text-transform:uppercase;	
	color:#ffffff;	
	font-family:verdana, Arial, Helvetica, sans-serif;
	font-size:10px;	
}

span.backHome{
	padding:0px 0px 0px 0px;	
	color:#393c3e;
	text-transform:uppercase;
	font-family:verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
a.backHome{
	padding:0px 5px 0px 5px;
	color:#393c3e;
	margin-top:20px;
	text-transform:uppercase;
	font-family:verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
}
a.backHome:hover{
	padding:0px 5px 0px 5px;
	margin-top:20px;
	color:#033DA9;
	text-transform:uppercase;
	font-family:verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
}
a.copyright{
	padding:0px 5px 0px 5px;
	color:#ffffff;		
	font-family:verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	text-decoration:none;
}
a.copyright:hover{
	padding:0px 5px 0px 5px;	
	color:#033DA9;	
	font-family:verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	text-decoration:none;
}