body {
background: #ffffff;
font-family:arial,verdana, helvetica,  sans-serif;
 scrollbar-face-color: #1a4795; 
 3dlight-color:#00ffff;
 highlight-color:#f0000f;
 shadow-color:#ffffff;
darkshadow-color:#ffffff;
 
}
p {
  margin: 0px;
  margin-bottom: 5px;
  padding:0px;
  text-align:justify;
}

body#pagesociete .l1{
  background: transparent url('../images/menu_all.png') top left no-repeat;
  background-position: -990px 0%;
}

body#pageatout .l2{
  background: transparent url('../images/menu_all.png') top left no-repeat;
  background-position: -1081px 0%;
}

body#pagecontact .l3{
  background: transparent url('../images/menu_all.png') top left no-repeat;
  background-position: -1156px 0%;
}

body#pagecarrosserie .l4{
  background: transparent url('../images/menu_all.png') top left no-repeat;
  background-position: -1219px 0%;
}

body#pagelocation .l5{
  background: transparent url('../images/menu_all.png') top left no-repeat;
  background-position: -1354px 0%;
}

body#pagepro .l6{
  background: transparent url('../images/menu_all.png') top left no-repeat;
  background-position: -1487px 0%;
}

body#pageselect .l7{
  background: transparent url('../images/menu_all.png') top left no-repeat;
  background-position: -1620px 0%;
}

body#pagesixt .l8{
  background: transparent url('../images/menu_all.png') top left no-repeat;
  background-position: -1754px 0%;
}


div.container {
_position: absolute;
	_left: 50%;
	width: 965px;
	height:567px;
	margin-right: auto;
	margin-left: auto;
	_margin-right:;
	_margin-left: -445px;
    background-color: #eeeeFF;
	background-image:url('../images/fond-mtf.jpg');
	background-repeat: no-repeat;
	z-index:300;}
	

div.content  {
float:left;
margin-top:190px;
z-index:350;
}	

div.surbouton
{
position:relative;
float:right;
z-index:351;
margin-right:122px;
margin-top:-152px; 
}

div.contindex {
_position: absolute;
	_left: 50%;
	width: 965px;
	height:567px;
	margin-right: auto;
	margin-left: auto;
	_margin-right:;
	_margin-left: -445px;
    background-color: #eeeeFF;
	/* background-image:url('../images/index-mtf.jpg');*/
	background-repeat: no-repeat;
	z-index:300;}
	
	

/* =========================================================================
========================== M E N U ======================================
=========================================================================== */
div.menuindex {
float:left;
margin-top:-570px;
margin-top:-570px;
}	
ul, li {	/* utilisation de liste pour le menu */
list-style-type: none;	/* suppression des puces de liste */
margin:0;
padding:0;
}

ul {
position: absolute;	/* positionnement pour IE5 et IE5.5 */
margin-top: 103px;
_margin-top: 103px;
margin-left:1px;
_margin-left: 1px;
background: transparent url('../images/menu_all.png') top left no-repeat;	/* arrière-plan général du menu */
width: 963px;
text-align: center;
}
li {float: left;}

li a {	/* dimensions et définitions des boutons */
display: block;	/* mise en block de <a> pour lui donner des dimensions */
height: 60px;
_height: 60px;
/*width: 60px;*/
color: #fff;
font-size: 14px;
line-height: 50px;	/* hauteur de ligne pour éviter les paddings */
font-weight: bold;
font-family: arial, serif;
text-decoration: none;
}

li.l0a {
width: 14px;
color:#1A4795;
}

li.l0aa {
width: 8px;
color:#1A4795;
}

li.l1 {
width: 83px;
}

li.l2 {
width: 67px;
}

li.l3 {
width: 55px;
}

li.l0b {
width: 8px;
color:#1A4795;
}

li.l4 {
width: 135px;
}
li.l5 {
width: 133px;
}

li.l6 {
width: 133px;
}

li.l7 {
width: 134px;
}

li.l8 {
width: 134px;
}
 
li a:hover {
background: transparent url('../images/menu_all.png') top left no-repeat;
}
a#lien1:hover {
background-position: -990px 0%;	/* décalage de l'arrière-plan pour chaque bouton */
}
a#lien2:hover {
background-position: -1081px 0%;
}
a#lien3:hover {
background-position: -1156px 0%;
}
a#lien4:hover {
background-position: -1219px 0%;
}
a#lien5:hover {
background-position: -1354px 0%;
}
a#lien6:hover {
background-position: -1487px 0%;
}
a#lien7:hover {
background-position: -1620px 0%;
}
a#lien8:hover {
background-position: -1754px 0%;
}
/* mentions et copyright */
div#mentions {
  font-family: verdana, arial, sans-serif;
  position: absolute;
  bottom : 200px;
  left : 10px;
  width: 400px;
  margin: 1em;
  padding: 0.5em;
  background: #FFF7D2;
  -moz-border-radius:10px;
  border-radius:10px;
  line-height: 1.1;
  font-size: 0.9em;
}
div#mentions a {
  text-decoration: none;
  color: #222;
}
div#mentions a:hover {
  text-decoration: underline;
  color: black;
}

/* =========================================================================
========================== T A B L E   C O N T E N U   ===================
=========================================================================== */

table.contenu {
margin-left:15px;
_margin-left:15px;
margin-right:20px;
_margin-right:20px;
border:1px;
height:330px;
_height:330px;
width:880px;
_width:880px;
border-color:black;
}

td.titre {

vertical-align:top;
/* evidence pas comprise par IE */
height : 30px;
_height : 30px;
padding-left:5px;
text-align:left;
/* background-color:blue; */
}

td.accueil {

vertical-align:middle;
text-align:center;
/* background-color:blue; */
padding-top:180px;
}

/* menu gauche */
td.mgm {
height:27px;
background-image:url('../images/pointille2-h.gif');
background-repeat: no-repeat;
}
/*====================  format 4 colonnes ============= */
/* contact */

td.celtext {

vertical-align:top;
width : 200px;
text-align:left;
/*background-color:green;*/
/*height:290px;
_height:290px;*/
padding-left:10px;
}

td.celimag {

vertical-align:top;
width : 340px;
_width : 340px;
text-align:center;
/*background-image:url('../img/im-contact.png');
background-repeat: no-repeat;*/
}

/*====================  format 3 colonnes ============= */
/* pro */ /*select */ /*carross */ /*location */

td.cel1a {
vertical-align:top;
text-align:left;
width:210px;
_width:210px;
/* background-color:green; */
padding-left:10px;
}

td.cel1aprim {
vertical-align:bottom;
text-align:center;
width:200px;
_width:200px;
/* background-color:blue; */
}


td.cel2a {
vertical-align:middle;
width:380px;
_width:380px;
/*background-color:blue;*/
}

div.colcentre {
overflow:hidden;
width:330px;
height:320px;
vertical-align:bottom;
padding-left:20px;
padding-right:20px;
_width:330px;
_height:300px;
arrow-color:white;}

div.colcentrebis {
overflow:hidden;
width:380px;
height:320px;
vertical-align:bottom;
padding-left:10px;
_width:380px;
_height:300px;
arrow-color:white;}



td.cel3a {
text-align:right;
vertical-align:top;
width:350px;
_width:350px;
}




/*====================  format 2 colonnes ============= */
/* atouts */

td.cel1b {
vertical-align:top;
text-align:left;
width:430px;
_width:430px;
height:290px;
_height:290px;
padding-left:10px;
padding-right:50px;
}

td.cel2b {
vertical-align:top;
width:520px;
_width:520px;
height:290px;
_height:290px;
/*background-image:url('../img/im-atout.png');
background-repeat: no-repeat;*/
}

/*notre societe */

td.cel1c {
vertical-align:top;
text-align:left;
width:500px;
_width:500px;
/*background-color:green;*/
height:290px;
_height:290px;
padding-left:10px;
padding-right:50px;
}

td.cel2c {
vertical-align:top;
width:450px;
_width:450px;
height:290px;
_height:290px;
	background-image:url('../img/im-st.png');
	background-repeat: no-repeat;
	
/* <img src="img/im-st.png" />*/
}


table.footer {
height:30px;
-height:30px;
width:955px;
_width:955px;
text-align:center;
font-size:8pt;
font-weight:bold;
}


/*====================  sous - table ============= */
/* atouts */

td.soustable-pro {padding-left:10px;
padding-top:10px;
padding-bottom:15px;}

td.soustable-atout {
padding-left:10px;
padding-top:3px;
padding-bottom:2px;
width: 480px;
padding-right:0;
white-space:nowrap;
}


/* =========================================================================
======================== M E N U  I N D E X  Only ==========================
=========================================================================== */

ul.ind {
position: absolute;	/* positionnement pour IE5 et IE5.5 */
margin-top: 133px;
_margin-top: 133px;
margin-left:0px;
_margin-left: 0px;
background: transparent url('../images/menu_index.jpg') top left no-repeat;	/* arrière-plan général du menu */
width: 964px;
text-align: center;
}

 /* doublon à custom si besoin
li {float: left;}

li a {	dimensions et définitions des boutons
display: block;	mise en block de <a> pour lui donner des dimensions 
height: 65px;
width: 60px;
color: #fff;
font-size: 14px;
line-height: 50px;	hauteur de ligne pour éviter les paddings
font-weight: bold;
font-family: arial, serif;
text-decoration: none;
}
*/

li.lind0a {
width: 350px;
color:#FFFFFF;
}

li.lind1 {

width: 100px;
}

li.lind2 {
width: 83px;
}

li.l0c {
/*width: 5px;*/
color:#cbd8eb;
}

li.lind3 {
width: 75px;
}

li.l0d {
/*width: 17px;*/
color:#cbd8eb;
}

li.lind4 {
width: 87px;
}


li a.lienindex:hover {
background: transparent url('../images/menu_index.jpg') top left no-repeat;
}
a#lienind1:hover {
background-position: -1335px 0%;	/* décalage de l'arrière-plan pour chaque bouton */
}
a#lienind2:hover {
background-position: -1443px 0%;
}
a#lienind3:hover {
background-position: -1527px 0%;
}

a#lienind4:hover {
background-position: -1617px 0%;
}

/* =========================================================================
===============================  I M A G E S   ============================
=========================================================================== */


img.accueil-img {
padding-right:13px;
padding-left:13px;
border-style:none;} 

/* pictos page contact */
img.pictos {
padding-right:5px;
}

img.square {
padding-right:10px;
padding-left:0px;
/*fleches */
}

img.arrowcont {
padding-right:5px;
vertical-align:bottom;
}

 /* pointille horizontaux 
img.trait {
margin-top:0px;
padding-top:0px;
margin-bottom:0px;
padding-bottom:0px;}*/


/* bouton contact menu de gauche */
img.bcontact{
padding-bottom:20px;
border:0px;} 

/* pour recrutement */
img.bcontactbis{
border:0px;} 


/* =========================================================================
==========================  F O R M U L A I R E  ====   ===================
=========================================================================== */

table.content-pop {
padding:0px;
margin-top:0px;
margin-left:0px;
	border:0px;
height:426px;
_height:426px;
width:387px;
_width:387px;
background-image:url('../popup/images/recrute-fond.jpg');
background-repeat: no-repeat;
	}
	
td.pop-titre {

/*width:350px;
_width:350px;*/
height:30px;
_height:30px;
padding-left:10px;
vertical-align:top;
text-align : left;


}

td.pop-texte {
/*width:350px;
_width:350px;*/
padding-left:50px;
vertical-align:top;
text-align : left;}

td.pop-form {
width:350px;
}

/*** POP FORM ***/
td.pop-form table td {
font-size: 10px;
}

.asterisque {
	font-size: 10px;
	font-weight: bold;
	color: #f00;
}
td.pop-form p {
font-size: 10px;
margin-right: 15px;
}

td.pop-form table td input, td.pop-form table td select, td.pop-form table td textarea  {
width: 200px;
margin-bottom:3px;
}


td.pop-form table td input.radio  {
width: 5px;
}

/*** POP FORM ***/

td.pop-go {
/*width:350px;
_width:350px;*/
height:21px;
_height:21px;
vertical-align:middle;
text-align :center}

/* =========================================================================
==========================   P L A N             ====   ===================
=========================================================================== */
div.accesza, div.accescv, div.sixt, div.sixtcontact {
width:450px;
height:430px;
_width:450px;
_height:430px;
}

div.accesza {
background-image:url('../popup/images/plan-mtfza.jpg');
background-repeat: no-repeat;
}

div.accescv {
background-image:url('../popup/images/plan-mtfcv.jpg');
background-repeat: no-repeat;
}
div.sixt {
background-image:url('../popup/images/plan-sixt.jpg');
background-repeat: no-repeat;
}
div.sixtcontact {
background-image:url('../popup/images/plan-sixt.jpg');
background-repeat: no-repeat;
}
div.enseigne
{float:left;
margin-top:10px;
margin-left:10px;}


/* =========================================================================
========================== T E X T    F O R M A T====   ===================
=========================================================================== */
div.societe {
overflow:hidden;
width:500px;
height:290px;
_width:500px;
_height:290px;
arrow-color:white;}
/* text
big-s : titre après puce 'carré'
big a : lien /texte après puce 'flèche or'
blue-clas : bleu classique
fond-or: contact tel
fond-bleu: contact tel
mel : mailto
*/

div.contact {
overflow:hidden;
width:965px;
height:290px;
_width:500px;
_height:290px;
arrow-color:white;}


span.blue-clas-small {
color:#1A4795;
font-size:8pt;
}

span.big-s, span.big-sc {
color:#1A4795;
/* text-transform : capitalize; */
font-weight:bold;
font-size:13pt;
padding-bottom: 20px;
}

span.big-sc {

text-transform : uppercase;

}


span.big-a {
color:#1A4795;
font-size:12pt;
font-weight:bold;
padding-left:8px;
}

span.pop-a {
color:#1A4795;
font-size:10pt;
font-weight:bold;
padding-left:0px;
}


span.fond-or {
background-color:#EF9503;
padding-right:11px;
color:#FFF;
font-size:8pt;
font-weight:bold;
}
span.fond-bleu {
background-color:#034694;
padding-right:11px;
color:#FFF;
font-size:8pt;
font-weight:bold;
}

span.blue-clas {
color:#1A4795;
font-size:8pt;
}

span.blue-ital {

color:#1A4795;
font-size:8pt;
font-style:oblique;
}

/* menu gauche  */
a.mgauche  {
font-family:verdana, helvetica, arial,  sans-serif;
color:#1A4795;
font-size:8pt;
text-decoration:none;
font-weight:bold;
padding-left:10px;
/*letter-spacing:1px;

padding-top:0px;
padding-bottom:0px;
margin-top:0px;
margin-bottom:0px;*/

}

/* mail  */

a.mel{
color:#1A4795;
font-size:8pt;
text-decoration:none;
/*font-weight:bold;*/
}

/* lien vers plans  */
a.plans  {color:#1A4795;
font-size:7pt;
text-transform:uppercase;
text-decoration:underline;
font-weight:bold;
}

/* footer */
span.exter{color:#FFFFFF;

}

span.inter {color:#1A4795;
}

p.lister {
padding-bottom:0px;
padding-left:20px;
line-height:20px;
}

div.blue-horaires { 
padding-top:5px;}
/* vieux code popup
"window.open('img/im-st.jpg','Popup','toolbar=0,location=0,directories=0,
status=0,scrollbars=1,resizable=1,copyhistory=0,menuBar=0,width=350,height=450');
return(false)"


/* + -----------------------------------------------------
	Info Bulles
+ ----------------------------------------------------- */
.infobulle{
    position: absolute;   
    visibility : hidden;
    border: 2px #d3d5e9 solid;
    padding: 5px;
    font-family: Verdana, Arial;
    font-size: 10px;
    background-color: #e9eaf4;
    color: #034694;
}

a {
color:#1A4795;
font-size:8pt;
text-decoration:underline;
}

a.soulign:hover {
color:#1A4795;
font-size:8pt;
text-decoration:none;
}

a.soulign {
color:#1A4795;
font-size:8pt;
text-decoration:underline;
}

/**** Bullet ****/
img.bullet {
vertical-align: bottom;
margin-bottom:2px;
}