/* CSS Document */

.conteneur {
width: 750px;
height: 600px;
margin-left: auto;
margin-right: auto;
text-align: left;
}

body {
background-color: #666666;
margin-left: 0; 
text-align: center;
font-size : 9px;
font-family : Verdana, Tahoma, Arial;
color : #FFFFFF;
}

.texte {
margin-left: 30px;
margin-top: 90px;
margin-bottom: -200px; 
width: 420px;
height: 470px;
font-size : 12px;
font-family : Century Gothic, Tahoma, Arial;
color : #FFFFFF;
}

.td-texte {
font-size : 12px;
font-family : Century Gothic, Tahoma, Arial;
color : #FFFFFF;
}

a {
color: #FFFFFF;
font: Century Gothic, Tahoma, Arial;
text-decoration: none;
}

a:hover {
color: #FFFFFF;
font: Century Gothic, Tahoma, Arial;
text-decoration: none;
}

a:visited {
color: #FFFFFF;
font: Century Gothic, Tahoma, Arial; 
text-decoration: none;
}


.bloc1 {
background: url('images/SONAR_01.jpg');
height: 65px;
width: 750px;
float: left
}

.bloc2 {
background-color: #000000;
height: 23px;
width: 86px;
float: left
}

#lien {
display: block;
background: url('images/SONAR_03-over.gif');
height: 23px;
width: 76px;
float: left
}

#lien a {	/* définition du lien qui occupera toute la place du conteneur */
display: block;
width: 100%;
height: 100%;
background: white url('images/SONAR_03.gif') no-repeat top left;	/* placement de l'image 1 au premier plan */
color: #000
}

#lien a:hover {	/* masquage de l'image1 au survol */
background: transparent none;
} 

.bloc4 {
background-color: #000000;
height: 23px;
width: 93px;
float: left
}

#lien5 {
display: block;
background: url('images/SONAR_05-over.gif');
height: 23px;
width: 63px;
float: left
}

#lien5 a {	/* définition du lien qui occupera toute la place du conteneur */
display: block;
width: 100%;
height: 100%;
background: white url('images/SONAR_05.gif') no-repeat top left;	/* placement de l'image 1 au premier plan */
color: #000
}

#lien5 a:hover {	/* masquage de l'image1 au survol */
background: transparent none;
} 

.bloc6 {
background-color: #000000;
height: 23px;
width: 90px;
float: left
}

#lien7 {
display: block;
background: url('images/SONAR_07-over.gif');
height: 23px;
width: 81px;
float: left
}

#lien7 a {	/* définition du lien qui occupera toute la place du conteneur */
display: block;
width: 100%;
height: 100%;
background: white url('images/SONAR_07.gif') no-repeat top left;	/* placement de l'image 1 au premier plan */
color: #000
}

#lien7 a:hover {	/* masquage de l'image1 au survol */
background: transparent none;
} 

.bloc8 {
background-color: #000000;
height: 23px;
width: 79px;
float: left 
}

#lien9 {
display: block;
background: url('images/SONAR_09-over.gif');
height: 23px;
width: 86px;
float: left
}

#lien9 a {	/* définition du lien qui occupera toute la place du conteneur */
display: block;
width: 100%;
height: 100%;
background: white url('images/SONAR_09.gif') no-repeat top left;	/* placement de l'image 1 au premier plan */
color: #000
}

#lien9 a:hover {	/* masquage de l'image1 au survol */
background: transparent none;
} 

.bloc10 {
background-color: #000000;
height: 23px;
width: 96px;
float: left
}

.bloc11 {
background: url('images/SONAR_11.gif');
height: 389px;
width: 86px;
float: left
}

.bloc12 {
background: url('images/SONAR_12.gif');
height: 389px;
width: 482px;
float: left
}

#lien13 {
background: url('images/SONAR_13.jpg');
height: 389px;
width: 182px;
float: left
}

#lien13 a {	/* définition du lien qui occupera toute la place du conteneur */
display: block;
width: 100%;
height: 100%;
background: white url('images/SONAR_13.gif') no-repeat top left;	/* placement de l'image 1 au premier plan */
color: #000
}

#lien13 a:hover {	/* masquage de l'image1 au survol */
background: transparent none;
}

.bloc14 {
bacKground: url('images/SONAR_14.jpg');
height: 46px;
width: 750px;
float: left
}

.bloc15 {
background-color: #000000;
height: 27px;
width: 86px;
float: left
}

#lien16 {
display: block;
background: url('images/SONAR_16-over.gif');
height: 27px;
width: 76px;
float: left
}

#lien16 a {	/* définition du lien qui occupera toute la place du conteneur */
display: block;
width: 100%;
height: 100%;
background: white url('images/SONAR_16.gif') no-repeat top left;	/* placement de l'image 1 au premier plan */
color: #000
}

#lien16 a:hover {	/* masquage de l'image1 au survol */
background: transparent none;
} 


.bloc17 {
background-color: #000000;
height: 27px;
width: 93px;
float: left
}

#lien18 {
display: block;
background: url('images/SONAR_18-over.gif');
height: 27px;
width: 63px;
float: left
}

#lien18 a {	/* définition du lien qui occupera toute la place du conteneur */
display: block;
width: 100%;
height: 100%;
background: white url('images/SONAR_18.gif') no-repeat top left;	/* placement de l'image 1 au premier plan */
color: #000
}

#lien18 a:hover {	/* masquage de l'image1 au survol */
background: transparent none;
} 

.bloc19 {
background-color: #000000;
height: 27px;
width: 432px;
float: left
}

.bloc20 {
background-color: #000000;
height: 20px;
width: 750px;
float: left
}