@charset "UTF-8";
/*MOTS CLEFS*/
/*commande numrique, centre usinage, presse plieuse , tour CN, alseuse, cintreuse, fraiseuse, perceuse, poinonneuse, rectifieuse, rouleuse, dcoupe plasma, scie  ruban, centre  portique, machines outils */

/*______________________________________________________________________________________________________________________________________________*/

body {
	height: 100%;
	width: 100%;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#FFFFFF;
	font-family:"Verdana", Arial, Helvetica, sans-serif;
	color:#24446D;
	font-size: 9px;
	/*background-image: url(degrad_fnd.jpg);
	background-repeat: repeat-x;*/
}



form{margin:0px;padding:0px;} 
.txt {
	font-family:Verdana, sans-serif;
	font-size: 10px;
}
.txt10blc {
	font-family:Verdana, sans-serif;
	color:#FFFFFF;
	font-size: 10px;
	line-height: 20px;
	
}

.txt10turq {
	font-family:Verdana, sans-serif;
	color:#0099FF;
	font-size: 10px;
}

.txt12blc {
	font-family:Verdana, sans-serif;
	color:#FFFFFF;
	font-size: 12px;
	line-height: 10px;
}
.txt9blc {
	font-family:Verdana, sans-serif;
	color:#FFFFFF;
	font-size: 9px;
	line-height: 20px;
}
.txt10blue {
	font-family:Verdana, sans-serif;
	color:#24446D;
	font-size: 10px;
	line-height: 14px;
}

.txt10bluepresse {
	font-family:Verdana, sans-serif;
	color:#24446D;
	font-size: 10px;
	line-height: 14px;
	text-align:justify;
	margin-left:20px;
	margin-right:20px;
}

.txt10bleu {
	font-family:Verdana, sans-serif;
	color:#3694c5;
	font-size: 11px;
	line-height: 14px;
}

.menu10blue {
	font-family:Verdana, sans-serif;
	color:#126394;
	font-size: 10px;
	line-height: 14px;
}
.txt9blue {
	font-family:Verdana, sans-serif;
	color:#24446D;
	font-size: 9px;
	line-height: 12px;
}
.tit10blue {
    font-family:Verdana, sans-serif;
	color:#24446D;
	font-size: 10px;
	line-height: 10px;
	font-weight:bold;
}


.txt18blue {
	font-family:Verdana, sans-serif;
	color:#24446D;
	font-size: 18px;
}

.txt12blue {
	font-family:Verdana, sans-serif;
	color:#24446D;
	font-size: 12px;
	vertical-align:middle;
}

.txt14blue {
	font-family:Verdana, sans-serif;
	color:#24446D;
	font-size: 14px;
	vertical-align:middle;
}
.image {
	vertical-align: bottom;
	margin-right: 5px;
}
/*.bdcyan {
	border: 1px solid #009edd;
}*/
a:link {
	text-decoration: none;
	color:#24446D;
}
a:visited {
	text-decoration: none;
	color:#24446D;
}
a:hover {
	text-decoration: none;
	color:#24446D;
}
a:active {
	text-decoration: none;
	color:#24446D;
}
.brd8 {
	margin: 8px;
}
input {
	border: thin solid #999999;
}
.fnd_colonne {
	background-image: url(images/degrad_colone.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

.rechblc {
   font-family:Verdana, serif;
	color:#FFFFFF;
	font-size: 10px;
	line-height: 20px;
}
/*______________________________________________________________________________________________________________________________________________*/
/*div conteneur */
#conteneur {
position:relative;
width:955px;
min-height:600px;
margin:5px auto 20px auto;
}


/*______________________________________________________________________________________________________________________________________________*/
/*div header */
#header {
position:relative;
width:950px;
height:120px;
background-image:url(images/header.jpg);
background-repeat:no-repeat;
top:0px;
}

#not{
float:left;
width:500px;
height:110px;
}

#catalogue{
float:right;
width:auto;
height:30px;
margin-top:10px;
}

#msecond{
float:right;
width:400px;
height:16px;
font-family:"Verdana", Arial, Helvetica, sans-serif;
font-size:10px;
}

#msecond a{
font-family:"Verdana", Arial, Helvetica, sans-serif;
font-size:10px;
}

#headermeca {
position:relative;
width:950px;
height:120px;
background-image:url(images/illustrations/bandeau4.jpg);
background-repeat:no-repeat;
top:0px;
}

#headertole {
position:relative;
width:950px;
height:120px;
background-image:url(images/illustrations/bandeau6.jpg);
background-repeat:no-repeat;
top:0px;
}

#headercont {
position:relative;
width:950px;
height:120px;
background-image:url(images/cont.jpg);
background-repeat:no-repeat;
top:0px;
}

#headerent {
position:relative;
width:950px;
height:120px;
background-image:url(images/illustrations/bandeau2.jpg);
background-repeat:no-repeat;
top:0px;
}

#headerentsav {
position:relative;
width:950px;
height:120px;
background-image:url(images/illustrations/bandeau3.jpg);
background-repeat:no-repeat;
top:0px;
}

#headerentsav ul{
display:block;
text-decoration:none;
font-family:Verdana, serif;
font-size:10px;
border-right:1px solid #0377a8;
background-image:url(images/home.gif);
background-repeat:no-repeat;
}

#headerentsav ul li{
float:right;
list-style-type:none;
border-right:1px solid #0377a8;
}

#headerentsav ul li a{
text-decoration:none;
color:#0377a8;
padding:0 6px;
}

#headerentsav ul li a:hover{
color:#990000;
}

#header ul{
display:block;
text-decoration:none;
font-family:Verdana, serif;
font-size:10px;
border-right:1px solid #0377a8;
background-image:url(images/home.gif);
background-repeat:no-repeat;
}

#header ul li{
float:right;
list-style-type:none;
border-right:1px solid #0377a8;
}

#header ul li a{
text-decoration:none;
color:#0377a8;
padding:0 6px;
}

#header ul li a:hover{
color:#990000;
}


#headermeca ul{
display:block;
text-decoration:none;
font-family:Verdana, serif;
font-size:10px;
border-right:1px solid #0377a8;
background-image:url(images/home.gif);
background-repeat:no-repeat;
}

#headermeca ul li{
float:right;
list-style-type:none;
border-right:1px solid #0377a8;
}

#headermeca ul li a{
text-decoration:none;
color:#0377a8;
padding:0 6px;
}

#headermeca ul li a:hover{
color:#990000;
}

#headertole ul{
display:block;
text-decoration:none;
font-family:Verdana, serif;
font-size:10px;
border-right:1px solid #0377a8;
background-image:url(images/home.gif);
background-repeat:no-repeat;
}

#headertole ul li{
float:right;
list-style-type:none;
border-right:1px solid #0377a8;
}

#headertole ul li a{
text-decoration:none;
color:#0377a8;
padding:0 6px;
}

#headertole ul li a:hover{
color:#990000;
}

#headercont ul{
display:block;
text-decoration:none;
font-family:Verdana, serif;
font-size:10px;
border-right:1px solid #0377a8;
background-image:url(images/home.gif);
background-repeat:no-repeat;
}

#headercont ul li{
float:right;
list-style-type:none;
border-right:1px solid #0377a8;
}

#headercont ul li a{
text-decoration:none;
color:#0377a8;
padding:0 6px;
}

#headercont ul li a:hover{
color:#990000;
}

#headerent ul{
display:block;
text-decoration:none;
font-family:Verdana, serif;
font-size:10px;
border-right:1px solid #0377a8;
background-image:url(images/home.gif);
background-repeat:no-repeat;
}

#headerent ul li{
float:right;
list-style-type:none;
border-right:1px solid #0377a8;
}

#headerent ul li a{
text-decoration:none;
color:#0377a8;
padding:0 6px;
}

#headerent ul li a:hover{
color:#990000;
}



/*______________________________________________________________________________________________________________________________________________*/
/*div gauche */

/*  <div class="filet"></div>
    <div id="logotitre"></div>
    <div id="menug"></div>
    <div class="filet"></div>
    <div id="actumark"></div>
    <div class="filet"></div>
    <div id="mark"></div> */
#gauche{
float:left;
width:138px;
height:auto;
margin:2px 2px 2px 2px;
background-image:url(images/fnddivg.jpg);
background-repeat:no-repeat;

}

.filet{
width:138px;
height:6px;
background-image:url(images/filet.jpg);
background-repeat:no-repeat;
}

#f1{
position:relative;
margin:0px auto 2px auto;
}

#f2{
float:inherit;
margin:5px auto 2px auto;
}

#f3{
position:relative;
margin:2px auto 2px auto;
}



#logotitre{
position:relative;
width:130px;
height:41px;
margin:5px auto 5px auto;
padding-left:2px;
text-align:right;
font-family:Verdana,serif;
font-size:12px;
vertical-align:middle;
color:#126394;
background-image:url(images/minilog_cyan.gif);
background-repeat:no-repeat;
background-position:left;
vertical-align:top;
}

#menug{
position:relative;
width:130px;
height:auto;
margin:5px auto 15px auto;
padding:3px;
}

#actumark{
position:relative;
width:130px;
height:40px;
margin:5px auto 5px auto;
font-family:"Verdana", Arial, Helvetica, sans-serif;
font-size:12px;
vertical-align:middle;
color:#126394;
text-align:right;
background-image:url(images/minilog_cyan.gif);
background-repeat:no-repeat;
background-position:left;
vertical-align:top;
}

#imag{
position:relative;
width:130px;
height:120px;
margin:5px auto 5px auto;
background-color:#FFFFFF;
}

#marques{
position:relative;
width:130px;
height:40px;
margin:5px auto 5px auto;
font-family:"Verdana", Arial, Helvetica, sans-serif;
font-size:12px;
vertical-align:middle;
color:#126394;
text-align:right;
background-image:url(images/minilog_cyan.gif);
background-repeat:no-repeat;
background-position:left;
vertical-align:top;
}

#mark{
position:relative;
width:130px;
height:75px;
margin:5px auto 5px auto;
background-color:#FFFFFF;
}

/*______________________________________________________________________________________________________________________________________________*/
/* div menu haut */

#menuht{
float:left;
width:807px;
height:26px;
margin:2px 0px 2px 1px;
background-image:url(images/bdmenuht.gif);
background-repeat:no-repeat;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
}

#menuht ul{
float:right;
}

#navigation {
margin:0;
	padding: 0 ;
	list-style: none ;
	text-align: center ;
}

#navigation li{
float:left;

height:14px;
padding: 8px 10px 8px 10px;
list-style-type:none;
vertical-align:middle;
text-align:center;
border-left:1px solid #FFFFFF;

}

#navigation #tole{
height:10px;
text-decoration:none;
list-style:none;
background-color:#e7e55b;
}

#navigation #tole a{

height:10px;
text-decoration:none;
color:#666666;
}

#navigation #tole a:hover{

height:10px;
color:#003366;
}

#navigation #meca{
height:10px;
text-decoration:none;
list-style:none;
vertical-align:middle;
background-color:#FF9966;
}

#navigation #meca a{

height:10px;
text-decoration:none;
color:#666666;
}

#navigation #meca a:hover{

height:10px;
color:#003366;
}

#navigation #even{
height:10px;
text-decoration:none;
list-style:none;
}

#navigation #even a{

height:10px;
text-decoration:none;
color:white;
}

#navigation #even a:hover{

height:10px;
color:#003366;
}

#navigation #newsactu{
height:10px;
text-decoration:none;
list-style:none;
}

#navigation #newsactu a{

height:10px;
text-decoration:none;
color:white;
}

#navigation #newsactu a:hover{

height:10px;
color:#003366;
}


/*______________________________________________________________________________________________________________________________________________*/
/* div centre */

#center{
float:left;
width:670px;
min-height:494px;
background-image:url(images/fnd.jpg);
background-repeat:no-repeat;
background-color:#eeefef;
}

#centeracc{
float:left;
width:670px;
height:494px;
background-image:url(images/accfnd.jpg);
background-repeat:no-repeat;
}

#centeranim{
float:left;
width:670px;
min-height:395px;
margin:0;
padding:0;
background-color:white;
}

#privatespace{
float:left;
width:670px;
min-height:397px;
background-image:url(images/fndprivat.jpg);
background-repeat:no-repeat;
background-color:#eeefef;
}

#connectspace{
float:right;
width:300px;
height:150px;
margin-right:60px;
margin-top:150px;
}


#centeracc2{
float:left;
width:670px;
height:494px;
background-image:url(images/mecafnd.jpg);
background-repeat:no-repeat;
}

#centeracc3{
float:left;
width:670px;
height:494px;
background-image:url(images/tolefnd.jpg);
background-repeat:no-repeat;
}

#centerplan{
float:left;
width:670px;
min-height:494px;
background-image:url(images/plan.jpg);
background-repeat:no-repeat;
background-color:#eeefef;
}

#minimenu {
float:left;
width:170px;
height:20px;
}

#cont{
float:left;
width:490px;
height:auto;
padding:3px 5px 0px 10px;
}

#cont p{
width:200px;
text-align:justify;
}

#cont img{
float:left;
padding:3px 3px 3px 0;
}

#photoentreprise{
float:right;
width:250px;
margin:0px;
padding:0px;
}

#textentreprise{
float:left;
width:200px;
margin:0px;
padding:0px;
}

#entinfo{
float:left;
width:160px;
border-color:left #666666 1px;
height:auto;
padding:10px 5px 0px 0px;

}

#newold{
position:relative;
width:400px;
margin-left:100px;
top:400px;
height:45px;
}

#newold ul{
display:inline;
list-style:none;
text-decoration:none;

}

#newold ul li{
float:left;
width:129px;
height:41px;
float:left;
padding-left:60px;
text-decoration:none;
}


#newold ul #nf a{
float:left;
width:129px;
height:41px;
float:left;
text-decoration:none;

}

#newold ul #nf a:hover{
float:left;
width:129px;
height:41px;
float:left;
text-decoration:none;
}

#newold ul #occ a{
float:right;
width:129px;
height:41px;
float:left;
text-decoration:none;

}

#newold ul #occ a:hover{
float:right;
width:129px;
height:41px;
float:left;
text-decoration:none;
}



#cont ul{
display:block;
text-decoration:none;
font-family:Verdana, serif;
font-size:10px;
border-right:1px solid #0377a8;
background-image:url(images/home.gif);
background-repeat:no-repeat;
}

#cont ul li{
float:right;
list-style-type:none;
border-right:1px solid #0377a8;
}

#cont ul li a{
text-decoration:none;
color:#0377a8;
padding:0 6px;
}

#cont ul li a:hover{
color:#990000;
}


/*  pour la page contact*/


#formulaire2{
float:left;
width:350px;
height:250px;
margin:0;
padding:0;
}

#formulaire span2{
margin:0;
padding:0;
}
/*______________________________________________________________________________________________________________________________________________*/
/*div de la fiche produit */
/*<div id="bndfamilly">
        </div>
        <div id="bndname">
        </div>
     	<div id="fiche">
        	<div id="img1">
            </div>
            <div id="img2">
            </div>
            <div id="img3">
            </div>
            <div id="img4">
            </div>
            <div id="img5">
            </div>
            <div id="info">
            	<div id="dwnld">
                </div>
                <div id="equiv">
                </div>
            </div>
            <div id="links">
            </div>
            <div id="return">
            </div>
			<div id="plus">
            </div>
       </div>
       <div id="getselect">*/

.txt14red{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:14px;
line-height:2px;
vertical-align:middle;
text-align:center;
color:#990000;
}

.txt14oran{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:14px;
line-height:2px;
vertical-align:middle;
text-align:center;
color:#FF9966;
}

.txt14jaune{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:14px;
line-height:2px;
vertical-align:middle;
text-align:center;
color:#5e5d20;
}

.txt10red{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:10px;
line-height:2px;
vertical-align:middle;
text-align:center;
color:#990000;
}

.txt14blc{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:14px;
line-height:2px;
vertical-align:middle;
/*text-align:right;*/
color:#ffffff;
}

.txt14jn{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:14px;
line-height:2px;
vertical-align:middle;
text-align:right;
color:#5e5d20;
}

#produit{
float:left;
width:670px;
min-height:494px;
background-image:url(images/fnd.jpg);
background-repeat:no-repeat;
background-color:#f0f0f0;
}

#gamme{
float:left;
width:670px;
background-image:url(images/fnd.jpg);
background-repeat:no-repeat;
background-color:#f0f0f0;
}

#bndfamilly{
float:left;
width:650px;
height:27px;
margin-left:5px;
margin-top:2px;
vertical-align:middle;
}

/* ----------- bandeau orange si nature = mcanique ---------- */
#bndmeca{
float:left;
width:650px;
height:27px;
margin-left:10px;
margin-top:2px;
background-color:#FF9966;
}

/* ----------- bandeau orange si nature = divers ---------- */
#bnddivers{
float:left;
width:650px;
height:27px;
margin-left:10px;
margin-top:2px;
background-color:#a10709;
}

/* ----------- bandeau jaune si nature = tolerie ---------- */
#bndtole{
float:left;
width:650px;
height:27px;
margin-left:10px;
margin-top:2px;
background-color:#e7e55b;
}

#nomprod {
float:left;
width:650px;
height:20px;
line-height:2px;
/* background-color:#CCCCCC; */
text-align:center;
}

#picto {
float:right;
width:150px;
height:25px;
line-height:2px;
vertical-align:middle;
}

#picto #nf{
margin-top:5px;;
margin-left:25px;
vertical-align:middle;
}

#fiche{
float:left;
width:650px;
margin-left:10px;
/* margin-bottom:80px; modif so 26/06/09*/
margin-bottom:30px;

}

#images{
float:left;
width:152px;
height:320px;
vertical-align:middle;
}

#img1{
float:left;
width:149px;
height:135px;
margin:2px 0px 0px 0px;
border:solid #9d0505 1px;
background-color:#FFFFFF;
vertical-align:middle;
}


#img0{
float:left;
width:149px;
height:27px;
margin:2px 0px 0px 0px;
border:solid #9d0505 1px;

}


#img2{
float:left;
width:73px;
height:73px;
margin:1px 1px 0px 0px;
border:solid #9d0505 1px;
background-color:#FFFFFF;
}


#img3{
float:left;
width:73px;
height:73px;
margin:1px 0px 0px 0px;
border:solid #9d0505 1px;
background-color:#FFFFFF;
}


#img4{
float:left;
width:73px;
height:73px;
margin:1px 1px 0px 0px;
border:solid #9d0505 1px;
background-color:#FFFFFF;
}


#img5{
float:left;
width:73px;
height:73px;
margin:1px 0px 0px 0px;
border:solid #9d0505 1px;
background-color:#FFFFFF;
}


#info{
float:left;
/*width:347px;*/
width:343px;
min-height:318px;
margin:2px 1px 0px 1px;
border:solid #9d0505 1px;
padding:2px;
}

/*#info h2{
text-indent:4px;
}

#info h3{
text-indent:4px;
}*/

#info p{
width:337px;
vertical-align:middle;
text-align:justify;
/*text-indent:4px;*/
margin-left:5px;
}

#info img{
float:right;
margin:4px 4px 4px 0;
}

#texte{
float:left;
width:347px;
height:auto;
}

#texte p{
width:330px;
text-align:justify;
padding:0px;
margin:5px 0 5px 0;
}

#texte h3{
padding:0px;
margin:5px 0 5px 0;
}

#equi{
float:inherit;
margin-left:40px;
margin-bottom:5px;
width:118px;
height:60px;
}

#look{
float:left;
width:347px;
height:20px;
margin-left:100px;
}

#links{
float:left;
width:145px;
height:270px;
margin-top:2px;
border:solid #9d0505 1px;
background-color:#FFFFFF;
}

#links h3{
margin-left:4px;
}

#links img{
margin:4px 0 4px 35px;
}

#links p{
width:135px;
vertical-align:middle;
text-align:left;
font-family:Verdana, sans-serif;
color:#24446D;
font-size: 9px;
line-height: 12px;
margin-left:4px;
}


#return{
float:left;
width:145px;
height:20px;
margin:4px 0px 4px 1px;
}

#return img{
margin-left:14px;
}


#plus{
float:left;
width:145px;
height:20px;
margin-left:1px;
}

#plus img{
margin-left:14px;
}

#getselect{
float:left;
width:650px;
height:35px;
margin:auto 0px 0px 10px;
background-color:#f0f0f0;
}

#getselect h3{
width:250px;
line-height:12px;
float:right;
vertical-align:text-top;
}

#getselect img{
float:right;
margin:8px 4px 0 0;
}

#tableaugamme{
float:left;
width:650px;
margin:auto 0px 0px 10px;
}

#tableaugamme table{
margin-top:20px;
margin-bottom:25px;

}

#tableaugamme td{
border-right:solid 1px #999999;
border-bottom:solid 1px #999999;
}

#tableaugamme2{
float:left;
width:650px;
/*margin:auto 0px 80px 10px; modif so du 26/06/09*/
margin:auto 0px 30px 10px;
overflow:auto;
}

#tableaugamme2 table{
/*margin-top:40px;
margin-bottom:25px; modif so du 26/06/09*/
margin-top:10px;
margin-bottom:15px;
}

#tableaugamme2 td{
border-right:solid 1px #999999;
border-bottom:solid 1px #999999;
}

#tableautitre{
position:relative;
width:650px;
/*height:80px;
margin-bottom:30px; modif so du 26/06/09*/
}

#tableautitre p{
}

/*______________________________________________________________________________________________________________________________________________*/
/*<div id="droite">
        <div class="filet"></div>
        <div id="title"></div>    
        <div id="actu"></div>    
     </div>*/

<!-- div droite -->
#droite{
position:relative;
width:138px;
min-height:494px;
margin:2px 0px 2px 1px;
background-image:url(images/fnddivd.jpg);
background-repeat:no-repeat;
}

#f4{
float:left;
margin:0px auto 0px auto;
}

#title{
float:left;
width:135px;
height:20px;
padding:3px 0px 0px 3px;
top:2px;
border-color:none;
text-indent:25px;
font-family:"Verdana", Arial, Helvetica, sans-serif;
font-size:12px;
vertical-align:middle;
color:#126394;
background-image:url(images/miniloggris.jpg);
background-repeat:no-repeat;
background-color:#afc2c8;
}

#actu{
float:left;
width:138px;
height:200px;
left: 3px;
background-image:url(images/fnddivd.jpg);
background-repeat:no-repeat;
}

#actu2{
float:left;
width:138px;
height:194px;
background-image:url(images/fnddivd2.jpg);
background-repeat:no-repeat;
}

/*______________________________________________________________________________________________________________________________________________*/
/* div footer */

#footer {
clear:both;
width:950px;
height:125px;
background-image:url(images/fndfooter.jpg);
background-repeat:repeat-x;
}


#adress {
position:relative;
text-align:center;
}

#menusnd{
position:relative;
margin:auto;
padding:auto;
width:750px;
height:10px;
margin:2px 0px 2px 1px;
font-family:"Verdana", Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
}


#menusnd ul{
float:inherit;
height:10px;
text-align:center;
vertical-align:top;
font-family:"Verdana", Arial, Helvetica, sans-serif;
font-size:8px;
color:#FFFFFF;
text-decoration:none;
border-right:1px solid #FFFFFF;
}

#menusnd ul li{
height:10px;
float:right;
list-style-type:none;
border-left:1px solid #FFFFFF;

}

#menusnd ul li a{
height:10px;
text-decoration:none;
color:white;
padding:0 6px;
}

#menusnd ul li a:hover{
height:40px;
color:#990000;
}

#crea {
position:relative;
text-align:center;
}

/*_________________________________________________ css page catalogue liste familles neuf meca et occasion _____________________________________________________________________________________________*/

#affichefamily{
float:left;
width:450px;
height:490px;
left:180px;
top:-30px;
}

#filet0{
float:inherit;
width:622px;
height:14px;
margin:0 0 20px 20px;
background-image:url(images/filetgen.jpg);
background-repeat:repeat-y;
}

#filett{
float:inherit;
width:622px;
height:14px;
margin:0 0 20px 20px;
background-image:url(images/filettole2.jpg);
background-repeat:repeat-y;
}

#filetm{
float:inherit;
width:622px;
height:14px;
margin:0 0 20px 20px;
background-image:url(images/filetmeca2.jpg);
background-repeat:repeat-y;
}

#filet3{
float:inherit;
width:622px;
height:14px;
margin:0 0 20px 20px;
background-image:url(images/filetmeca2.jpg);
background-repeat:repeat-y;
}

#filet4{
float:inherit;
width:622px;
height:14px;
margin:0 0 20px 20px;
background-image:url(images/filettole2.jpg);
background-repeat:repeat-y;
}
/*_________________________________________________ css page catalogue liste produits neuf meca et occasion _____________________________________________________________________________________________*/

/*<div id="familyprod">
        <div id="titrecatalogue">
        </div>
        <div id="filet1">
        </div>
        <div id="navgauche">
        </div>
        <div id="afficheprod">
        </div>
  </div>*/
  
  
#familyprod{
float:left;
width:670px;
min-height:500px;
margin-bottom:50px;
background-image:url(images/fnd.jpg);
background-repeat:repeat-y;
}
  
#titrecatalogue p{
top:8px;
}
  
  
#titrecatalogue{
position:relative;
width:650px;
height:27px;
margin-left:5px;
margin-top:2px;
vertical-align:middle;
}
  
#filet1{
float:left;
width:622px;
height:7px;
margin:2px 0 20px 20px;
background-image:url(images/filetmeca.jpg);
background-repeat:no-repeat;
}

#filet2{
float:left;
width:622px;
height:7px;
margin:2px 0 20px 20px;
background-image:url(images/filettole.jpg);
background-repeat:no-repeat;
}

#nothingelse{
position:relative
width:622px;
height:7px;
margin:2px 0 20px 20px;
background-image:url(images/filettole.jpg);
background-repeat:no-repeat;
}
  
#navgauche{
float:left;
width:650px;
height:auto;
margin-bottom:10px;
}

#navgauche img{
float:left;
margin-left:5px;
}
  
#afficheprod{
float:right;
width:450px;
height:490px;
left:200px;
margin-bottom:auto;
}


/* css des vignettes produit plus infos plus bouton plus puces radio*/

#thumbtail{
float:left;
margin:0px 0px 15px 0px;
padding:0px 10px 15px 0px;
width:100px;
height:120px;
}

#thumbpic{
float:left;
width:99px;
height:62px;
margin-left:5px;
margin-bottom:4px;
border:solid #9d0505 1px;
background-color:#FFFFFF;
}

#thumbpicmeca{
float:left;
width:99px;
height:62px;
margin-bottom:4px;
border:solid #FF9966 1px;
background-color:#FFFFFF;
}

#thumbpictole{
float:left;
width:99px;
height:62px;
margin-bottom:4px;
border:solid #e7e55b 1px;
background-color:#FFFFFF;
}

#thumbpicdivers{
float:left;
width:99px;
height:62px;
margin-bottom:4px;
border:solid #a10709 1px;
background-color:#FFFFFF;
}

#thumbinfo{
float:left;
width:99px;
height:59px;
margin-left:5px;
}

#thumbinfo span{
margin:auto;
height:59px;
}

/*gamme neuf*/


#affichefamily2{
position:relative;
margin:0;
padding:0;
width:670px;
height:autopx;
left:180px;
top:-30px;
}

#navgauche2{
position:relative;
margin:0;
padding:0;
width:300px;
height:auto;
margin-top:5px;
}

#thumbtail2{
float:left;
margin:0px;
padding:0px 10px 15px 0px;
width:660px;
height:62px;
}

#thumbinfo2 p a{
color:#0066FF;
}

#thumbinfo2 p a:hover{
color:#0066FF;
}

#thumbpic2{
float:left;
width:99px;
height:62px;
margin-left:4px;
border:solid #9d0505 1px;
background-color:#FFFFFF;
}

#thumbpicmeca2{
float:left;
width:99px;
height:62px;
margin-left:4px;
border:solid #FF9966 1px;
background-color:#FFFFFF;
}

#thumbpictole2{
float:left;
width:99px;
height:62px;
margin-left:4px;
border:solid #e7e55b 1px;
background-color:#FFFFFF;
}

#thumbinfo2{
float:left;
margin-left:5px;
width:550px;
height:59px;
}

#thumbinfo2 p{
margin:0;
padding-left:5px;
width:520px;
text-align:justify;
}



/*_________________________________________________ css page recherche avancee _____________________________________________________________________________________________*/

/*css moteur de recherche formulaire */
.14red{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:2px;
vertical-align:top;
text-align:left;
color:#990000;
}

.18red{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:16px;
line-height:2px;
vertical-align:middle;
text-align:left;
color:#990000;
}


#searcharea{
float:right;
width:220px;
height:27px;
margin:0;
padding:0;
}

#searcharea form input{
border:solid 1px #0066CC;
font-size:9px;
background-color:#FFFFFF;
vertical-align:top;
}

#searcharea form input img{
vertical-align:top;
}

#filet5 h3{
margin:0;
padding:0;
float:left;
}

div>#searcharea{
margin:0;
padding:0;
padding-top:6px;
}

/* presentation de la page*/

#advanced{
float:left;
width:670px;
height:auto;
background-image:url(images/fnd.jpg);
background-repeat:repeat-y;
}

#filet5{
float:right;
width:660px;
height:27px;
margin:0 0 0 5px;
padding:0;
background-image:url(images/recherche/bndsearch.jpg);
background-repeat:repeat-y;
}

#filet5 h3{
margin:0;
padding:5px;
vertical-align:middle;
}

#tiltesearch{
position:relative;
width:650px;
height:27px;
margin:0 0 0 5px;
padding:0;
vertical-align:middle;
text-align:left;
}

#modulesearch{
float:right;
width:650px;
height:300px;
margin-left:5px;
}

#advtitle {
float:right;
width:650px;
height:20px;
margin:5px 0 0 0;
vertical-align:top;
}

#advtitle h3{
vertical-align:top;
margin:0;
padding:0;
color:#003366;
}


#logo{
float:left;
width:135px;
height:110px;
background-image:url(images/recherche/logosearch.png);
background-repeat:no-repeat;
}

#formulaire{
float:right;
width:350px;
height:300px;
left:180px;
}

#formulaire form label{
border:solid 1px #990000;
background-color:#FFFFFF;
}

#marksearchunder{
float:left;
width:660px;
height:27px;
margin:27px 0 0 5px;
padding:0;
background-image:url(images/recherche/bndgris.gif);
background-repeat:repeat-y;
}

#marksearchunder label select{
margin:0;
padding:0;
vertical-align:top;
}

#marksearchunder h3{
float:left;
margin:0;
padding:10px;
vertical-align:middle;
}

#marksearchunder img{
vertical-align:middle;
}

/*_________________________________________________ css page recherche avancee _____________________________________________________________________________________________*/

/* css identique au reste*/
/*_____ css affichage central _________*/

#selection{
float:left;
width:670px;
min-height:600px;
background-image:url(images/fnd.jpg);
background-repeat:no-repeat;
background-color:#f0f0f0;
}

#bnd{
float:left;
width:670px;
height:27px;
margin-top:2px;
background-color:#990000;
}

#fichecomparo{
float:left;
width:160px;
height:auto;
margin:3px 3px 0 0;
}

#infocomparo img{
margin:auto;
padding:5px 0 5px 5px;
}

#infocomparo{
float:left;
width:155px;
height:auto;
}

#infocomparo p{
padding:2px 2px 2px 2px;
text-align:justify;
}

#textecomparo{
position:relative;
width:155px;
height:auto;
}

#imagescomparo{
float:left;
width:152px;
height:auto;
margin:5px 4px 0 4px;
vertical-align:middle;
}

#imgcomp{
float:left;
width:149px;
height:135px;
background-color:#FFFFFF;
vertical-align:middle;
}

.meca{
border:solid #FF9966 1px;
}

.tole{
border:solid #e7e55b 1px;
}


#bndnav{
float:left;
width:670px;
height:32px;
margin-top:5px;
}

#bndnav img{
float:right;
margin-left:5px;
}

 
/* vidˆ©o */

#espacvideo {
margin:10px;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#24446D;
border-bottom: solid 1px #24446D;}

.video {
border:1px #CC0000 solid;}