/* CSS Document multi reso */
* {
 padding: 0;
 margin: 0;
 }

html,body {
background-color: #fff;
font: 13px/1em Arial, Helvetica, verdana, Tahoma, sans-serif;
color: #737373; 
margin: 0;
padding: 0;
}
div#containerindx{
	position:absolute;
	width: 764px;
	left: 105px;
	top: 102px;
	padding-top: 0;
	z-index:10;
}
div#container{
	position:absolute;
	width: 658px;
	left: 155px;
	top: 172px;
	padding-top: 0;
}
div#container_exp{
position:absolute;  
width: 610px;
left: 122px;
top: 153px;
padding-top: 0;
}
div#container02{
position:absolute;  
width: 700px;
left: 122px;
top: 153px;
padding-top: 0;
}  
div#gauche{ 
position:absolute;
width: 360px; 
top: 50px;
padding-top: 0;
} 
div#left{
	position:absolute;
	width: 450px;
	left: 121px;
	top: 319px;
	padding-top: 0;
}
div#droite_covers{
	position:absolute;
	width: 320px;
	left: 763px;
	top: 454px;
	padding-top: 0;
} 
div#droite{
position:absolute;  
width: 360px;
left: 490px;
top: 203px;
padding-top: 0;
}  
div#droite02{
position:absolute;  
width: 360px;
left: 490px;
top: 153px;
padding-top: 0;
}
  
p {
	font-size:100%;
	padding: 3px 20px 2px 0;
	margin: 0;
	line-height: 140%;
	text-align: justify;
}
.court {
line-height: 130%;
}
.long{
padding: 3px 60px 5px 0;
}
.indent {
text-indent:15px;
}
p.p2{
padding: 2px 60px 20px 0;
margin: 0;
}	
p.p3{
padding:12px 0 25px 0;
text-align:right;
}
p.p4{
padding: 33px 60px 2px 0;
margin: 0;
line-height: 150%;
text-align:justify;
}
p.covers{
padding: 3px 10px 2px 0;
margin: 0;
}		
h1{
font-size:115%;
margin: 0px 0 6px 0;
color:#666;
line-height:125%;
}
.noprint{ 
display:none;
}
h2{
margin: 11px 0 5px 0;
font-size:100%;
font-variant: small-caps;
color:#878d9c;
}
p.p5{
font-size:95%;
padding: 10px 0;
}	
h3{
padding: 18px 60px 6px 0px;
font-size:100%;
margin: 0;
color:#333;
font-weight:normal;
}
h4 {
padding: 10px 60px 0 0;
margin: 0;
font-size:100%;
line-height: 170%;
font-weight:normal;
color:#454444;
}
ul.ul2{
list-style: disk;
margin-top:0;
margin-left: 0;
padding: 5px 60px 2px 100px;
}
ul {
list-style: disk;
font-size:100%;
margin-top:0;
margin-left: 0;
padding: 0 20px 2px 20px;
}
ul li {
padding: 0;
margin-top:1px;
margin-left: 5px;
margin-right: 50px;
line-height: 150%;
}
div.float,div.float2,div.float3,div.float4 {
float: left;
}
div.float {
left:0;
padding: 0 10px 0px 0;
}
div.float4 {
position:absolute;
left:25px;
top: 190px;
padding: 0;
width:300px;
height:175px;
}
div.float5 {
	position:absolute;
	left:25px;
	top: 191px;
	padding: 0;
	width:419px;
	height:1194px;
}
div.invite{
position:absolute;
left:500px;
top: 155px;
padding: 0;
width:500px;
height:450px;
}
div.float3 {
	position:absolute;
	left:7px;
	top: 321px;
	padding: 0;
}

div.float2 {
	position:absolute;
	left: 109px;
	background:  url(images/spinker_03.jpg) no-repeat top left;
	width:764px;
	height:610px;
}

 a, a:link, a:visited {
color: #06c;
text-decoration: none;
}
a:hover {
color: #4C68AD;
text-decoration: underline;
}
.img_droite {
position:absolute;
width:203px;
margin: 30px 0 0 510px;
}
.img_covers {
	position:absolute;
	width:830px;
	margin: 0;
	padding:0;
	margin-top:-20px;
	left: 1px;
	top: 2px;
}

.img_covers2 {
	position:absolute;
	width:831px;
	margin: 0;
	padding:0;
	margin-top:-20px;
	left: 1px;
	top: 2px;
}

/* ------------------------------------------------------navigation */
#bleu{
position:absolute;
height: 105px;
margin: 0;
padding:0;
width: 100%;
background-color:#11568b;
}
#nav {
position:absolute;
float: left;
margin: 0;
padding:0;
list-style: none;
voice-family: "\"}\"";
voice-family: inherit;
width: 990px;
z-index:1000;
}
#nav li {
	margin: 0;
	padding: 0;
	float: left;
}
#nav li a {
	font-size: 9px;
	display: block;
	margin: 0;
	padding: 0;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 112px;	
}
#nav li a span {
	display: none;
}
#nindx { 
	width: 121px; 
	background:  url(images/pinker_n_01.gif) no-repeat top left;
	voice-family: "\"}\"";
	voice-family: inherit;
}
#nindx:hover { background: url(images/pinker_r_01.gif) no-repeat top left; }
#nindx2 { 
	width: 121px; 
	background:  url(images/pinker_r_01.gif) no-repeat top left;
	voice-family: "\"}\"";
	voice-family: inherit;
}
#nhome { 
	width: 121px; 
	background:  url(images/pinker_n_02.gif) no-repeat top left;
	voice-family: "\"}\"";
	voice-family: inherit;
}
#nhome2 { 
	width: 121px; 
	background:  url(images/pinker_r_02.gif) no-repeat top left;
	voice-family: "\"}\"";
	voice-family: inherit; 
}
#nhome:hover { background: url(images/pinker_r_02.gif) no-repeat top left; }
#nsolving { 
	width: 121px; 
	background: url(images/pinker_n_03.gif)  no-repeat top left; 
	voice-family: "\"}\"";
	voice-family: inherit;
}
#nsolving2 { 
	width: 121px; 
	background: url(images/pinker_r_03.gif)  no-repeat top left; 
	voice-family: "\"}\"";
	voice-family: inherit;
}
#nsolving:hover { background: url(images/pinker_r_03.gif) no-repeat top left; }
#nfeature { 
	width: 121px; 
	background: url(images/pinker_n_04.gif) no-repeat top left; 
	voice-family: "\"}\"";
	voice-family: inherit; 
}
#nfeature2 { 
	width: 121px; 
	background: url(images/pinker_r_04.gif) no-repeat top left; 
	voice-family: "\"}\"";
	voice-family: inherit; 
}
#nfeature:hover { background: url(images/pinker_r_04.gif) no-repeat top left; }
#ncv { 
	width: 121px; 
	background: transparent url(images/pinker_n_05.gif) no-repeat top left; 
	voice-family: "\"}\"";
	voice-family: inherit;
}
#ncv2 { 
	width: 121px; 
	background: transparent url(images/pinker_r_05.gif) no-repeat top left; 
	voice-family: "\"}\"";
	voice-family: inherit;
}
#ncv:hover { background: transparent url(images/pinker_r_05.gif) no-repeat top left; }
#nexpertise { 
	width: 121px; 
	background: transparent url(images/pinker_n_06.gif) no-repeat top left; 
	voice-family: "\"}\"";
	voice-family: inherit;
}
#nexpertise2 { 
	width: 121px; 
	background: transparent url(images/pinker_r_06.gif) no-repeat top left; 
	voice-family: "\"}\"";
	voice-family: inherit;
}
#nexpertise:hover { background: transparent url(images/pinker_r_06.gif) no-repeat top left; }

#news { 
width: 121px; 
background: transparent url(images/pinker_n_07.gif) no-repeat top left; 
voice-family: "\"}\"";
voice-family: inherit;
}
#news2 { 
width: 121px; 
background: transparent url(images/pinker_r_07.gif) no-repeat top left; 
voice-family: "\"}\"";
voice-family: inherit;
}
#news:hover { background: transparent url(images/pinker_r_07.gif) no-repeat top left; }

#ncontact { 
width: 121px; 
background: transparent url(images/pinker_n_08.gif) no-repeat top left; 
voice-family: "\"}\"";
voice-family: inherit;
}
#ncontact2 { 
width: 121px; 
background: transparent url(images/pinker_r_08.gif) no-repeat top left; 
voice-family: "\"}\"";
voice-family: inherit;
}
#ncontact:hover { background: transparent url(images/pinker_r_08.gif) no-repeat top left; }
/*-----------------*/
.datatable {
	padding:7px 2px;
	margin:0;
	border-collapse: collapse;
	text-align:top;
	width:100%;
}
.datatable td {
	padding-left:2px;
	line-height:140%;
}

