img,td,div,h1,h2,h3,h4,h5,h6,br,ul,ol,li,p,form,a,span{
margin:0;
padding:0;
}

#pere{
width:855px;
}

body {
	scrollbar-face-color: #ffffff;
	scrollbar-shadow-color: #004987;
	scrollbar-highlight-color:#004987;
	scrollbar-3dlight-color:#004987;
	scrollbar-darkshadow-color:  ActiveBorder;
	scrollbar-track-color: #004987;
	scrollbar-arrow-color:#004987;
    background-image: url(bg.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
    color:black;
}

.pere{
margin-top:0px;
margin-left:-425px;
}

#img_centre{
width:350px;
position:absolute;
top:30px;
left:480px;
}

#chapeau{
width:550px;
position:absolute;
top:178px;
left:400px;
}


#droite{
width:636px;
height:603px;
position:absolute;
top:218px;
left:420px;
background:url(file:///D|/Eloise/mfm/dream/maintenance-marine/rail.jpg) norepeat;
}

#menu{
	position:absolute;
	top:309px;
	left:93px;
	z-index: 4;
}






/*****************************PAGES*****************************/

#perepages{
width:855px;
margin:auto;
}

li{
list-style:none;
}
.chapeau{/*style appliqué au chapeau dans le bandeau*/
font-family:verdana;
color:#005DA7;
font-size:14px;
font-weight:bold;
text-align:center;                                                                                                           
}

h1bk {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 40px;
font-family:verdana;
font-style:italic;
text-align:center;
color: #005DA7;
}
h1{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-family:verdana;
font-weight: bold;
text-align:justify;
color: #005DA7;
line-height:25px;
}
.h2{/*titre des pages*/
font-family: verdana;
font-size: 10px;
font-style:normal;
text-align:justify;
color: #005DA7;
}

.h3{/*titre des pages*/
font-family: verdana;
font-size: 10px;
font-style:normal;
text-align:center;
color: #005DA7;
}


h4{/*titre des pages*/
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-family:verdana;
font-weight: bold;
text-align:center;
color: #005DA7;
line-height:25px;
}
/*li a{
text-decoration:none;
display:block;
margin-top:5px;
}*/

a.lien{
text-decoration:none;
}

#menu1 a:link{
text-decoration:none;
}

#menu2 a:link{
text-decoration:none;
}

#menu1 li a{
text-decoration:none;
display:block;
margin-top:5px;
height:10px;
}
#menu1 li a.orangefixe{
text-decoration:none;
display:block;
margin-top:5px;
height:10px;
}


#menu2 li a{
text-decoration:none;
display:block;
margin-top:5px;
height:20px;
}


#menu1 li a:link, #menu1 li a:active, #menu1 li a:visited{
text-decoration:none;
display:block;
margin-top:5px;
height:10px;
}

#menu2 li a:link, #menu2 li a:active, #menu2 li a:visited{
text-decoration:none;
display:block;
margin-top:5px;
height:20px;
}

#menu3 li a:link, #menu3 li a:active, #menu3 li a:visited{
text-decoration:none;
display:block;
margin-top:5px;
height:10px;
}

#menu1 li a:hover{
text-decoration:underline;
display:block;
margin-top:5px;
height:10px;
}

#menu2 li a:hover{
text-decoration:underline;
display:block;
margin-top:5px;
height:20px;
}

#menu2 a:link{
text-decoration:none;
}

#menu3 a:link{
text-decoration:none;
}

#menu1 a:hover{
text-decoration:underline;
}

#menu2 a:hover{
text-decoration:underline;
}

#menu3 a:hover{
text-decoration:underline;
}

.lien{
font-family:verdana;
font-weight:bold;
font-size:12px;
color:#004987;
}

.lienad{
font-family:verdana;
font-weight:bold;
font-size:12px;
color:#2F8CAE;
}


.lienfixe{
font-family:verdana;
font-weight:bold;
font-size:12px;
color:#004987;
text-decoration:underline;
}

.orange{
color:#DF7901;
font-family:verdana;
font-style:italic;
font-size:11px;
}

.orangefixe{
color:#DF7901;
font-family:verdana;
font-style:italic;
font-size:11px;
text-decoration:underline;
}

.rouge{
color:#C4131B;
font-family:verdana;
font-style:italic;
font-size:11px;
}

.rougefixe{
color:#C4131B;
font-family:verdana;
font-style:italic;
font-size:11px;
text-decoration:underline;
}

.dblrouge{
color:#C4131B;
font-family:verdana;
font-style:italic;
font-size:11px;
text-decoration:none;
display:block;
height:100px;
}

.bleu{
color:#009CAB;
font-family:verdana;
font-style:italic;
font-size:11px;
}

.bleufixe{
color:#009CAB;
font-family:verdana;
font-style:italic;
font-size:11px;
text-decoration:underline;
}

#MFM{
	width:550px;
	position:absolute;
	left:329px;
	top:151px;
	z-index: 2;
}

#titrepageloco{
	width:552px;
	position:absolute;
	left:503px;
	top:131px;
	z-index: 2;
	height: 66px;
}

#titrepresentation{
	width:552px;
	position:absolute;
	left:522px;
	top:80px;
	z-index: 2;
	height: 96px;
}

#categorie{
padding-top:30px;
margin-left:50px;
}


#mfm{
margin-left:200px;
width:300px;
height:30px;
}
.grde_lettre{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 42px;
font-family:verdana;
font-style:bold;
color: #005DA7;
}

.petite_lettre{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-family:verdana;
font-style:normal;
color: #005DA7;
}



.txt{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-family:verdana;
font-style:italic;
font-weight: normal;
text-align:justify;
color: #005DA7;
line-height:25px;
}

.legende{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-family:verdana;
font-style:normal;
color: #005DA7;
text-align:center;
}



#bloc-txt{
	width:350px;
	position:absolute;
	top:283px;
	left:508px;
	z-index: 5;
}

#bloc-txt-baisse{
	width:350px;
	position:absolute;
	top:283px;
	left:508px;
	z-index: 5;
}

#bloc_txt_cale{/*texte des page aligné avec l'image*/
width:350px;
position:absolute;
top:210px;
left:660px;
}


#img-presentation1{
	width:145px;
	height:131px;
	position:absolute;
	top:682px;
	left:445px;
	z-index: 6;
}

#img-presentation2{
	width:149px;
	height:131px;
	position:absolute;
	top:681px;
	left:602px;
	z-index: 7;
}

#img-presentation3{
	width:145px;
	height:131px;
	position:absolute;
	top:681px;
	left:757px;
	z-index: 10;
}


strong{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-family:verdana;
font-style:italic;
font-weight: bold;
text-align:left;
color: #005DA7;
}

#img_page_renov{/*image pour la page rénovation*/
width:150px;
height:120px;
position:absolute;
top:680px;
left:735px;
}

#img_page_contrat1{/*image 1 pour la page contrat*/
width:150px;
height:113px;
position:absolute;
top:550px;
left:660px;
}

#img_page_contrat2{/*image 2 pour la page contrat*/
width:154px;
height:113px;
position:absolute;
top:570px;
left:830px;
}




.txt_centre_souligne{/*style qui centre le texte et le souligne*/
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-family:verdana;
font-weight: normal;
text-align:center;
color: #005DA7;
line-height:25px;
text-decoration:underline;
}

#img-rail1{/*image 1 de la page rail*/
width:150px;
height:113px;
position:absolute;
top:600px;
left:660px;
}

#img-rail2{/*image 1 de la page rail*/
width:150px;
height:113px;
position:absolute;
top:600px;
left:850px;
}

#mini a{/*style appliqué aux liens vers les pdf pour la page présentation*/
text-decoration:none;
font-family:verdana;
font-size:12px;
color:#005DA7;
}

#minicata a{/*style appliqué aux liens vers les pdf pour la page présentation*/
text-decoration:none;
font-family:verdana;
font-size:12px;
color:#005DA7;
}


#mini a:hover{/*style appliqué aux liens vers les pdf pour la page présentation*/
text-decoration:underline;
font-family:verdana;
font-size:12px;
color:#005DA7;
}


#minicata a:hover{/*style appliqué aux liens vers les pdf pour la page présentation*/
text-decoration:underline;
font-family:verdana;
font-size:12px;
color:#005DA7;
}

#minirail a{/*style appliqué aux liens vers les pdf pour la page présentation*/
text-decoration:none;
font-family:verdana;
font-size:12px;
color:#005DA7;
}

#minirail a:hover{/*style appliqué aux liens vers les pdf pour la page présentation*/
text-decoration:underline;
font-family:verdana;
font-size:12px;
color:#005DA7;
}

/***********************************page info.php (formulaire)**********************************************/

#bloc_txt_formul{
	width:350px;
	position:absolute;
	top:210px;
	left:659px;
	visibility: visible;
}

.email {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
	background-color: #004987;
}	 

.formu{/*style appliqué aux noms des rubriques du formulaire pour la page info.php*/
font-family:verdana;
font-weight:bold;
font-size:10px;
color:#413104;
}

#type{
	position:absolute;
	left:0px;
	top:83px;
	width:447px;
	height: 46px;
}
#choix{
position:absolute;
left:-25px;
top:500px;
width:500px;
}

#mess{
	position:absolute;
	left:0px;
	top:509px;
	width:445px;
	visibility: visible;
}

#message{
	position:absolute;
	left:0px;
	top:493px;
	width:298px;
	visibility: visible;
}

#activite{
	position:absolute;
	left:0px;
	top:-7px;
	width:446px;
	height: 59px;
	z-index: 1;
}

#premiers-choix{
position:absolute;
left:0px;
top:16px;
width:194px;
}

#seconds-choix{
position:absolute;
left:220px;
top:15px;
width:227px;
}

#envoyer{
position:absolute;
top:72px;
left:192px;
}



#mecanique{
	position:absolute;
	left:0px;
	top:134px;
	width:449px;
	z-index: 2;
	height: 31px;
}

.erreur{/*style appliqué au message d'erreur dans le formulaire de la page info.php*/
color:#C4131B;
font-family:verdana;
font-style:bold;
font-size:12px;
}

.ok{/*style appliqué au formulaire dans la page info.php pour dire que le message a bien été envoyé*/
color:#009CAB;
font-family:verdana;
font-style:bold;
font-size:12px;
text-align:center;
}

#ok{/*div contenant le message comme quoi le mail a bien été envoyé (page info.php)*/
position:absolute;
top:-30px;
left:-100px;
width:560px;
}

#non{/*div contenant le message comme quoi le mail a bien été envoyé (page info.php)*/
position:absolute;
top:-30px;
left:60px;
width:300px;
}

#nonemail{/*div contenant le message comme quoi l'e-mail est incorrect*/
position:absolute;
top:-20px;
left:60px;
width:300px;
}

#noncp{/*div contenant le message comme quoi le code postale est incorrect*/
position:absolute;
top:-10px;
left:60px;
width:300px;
}

#copyright a{
font-family:verdana;
font-size:10px;
color:#ffffff;
text-decoration:underline;
}

#copyright a:link, #copyright a:active, #copyright a:visited{
font-family:verdana;
font-size:10px;
color:#ffffff;
text-decoration:underline;
}

#copyright a:hover{
font-family:verdana;
font-size:10px;
color:#000000;
text-decoration:underline;
}

.blanc{
color:#fff;
font-family:verdana;
font-weight:bold;
font-size:12px;
}

.ss-titre-orange{
color:#DF7901;
font-family:verdana;
font-style:italic;
font-weight:bold;
font-size:25px;
}





.gros{
font-size: 12px;
}
.bleu{
font-style:normal;
color:#005da7;
font-family:verdana;
font-weight:bold;
font-size:12px;
}
.blanc2{
text-align:right;
color:#fff;
font-family:verdana;
font-weight:bold;
font-size:12px;
}