/* © 2009 Bexter CSS */

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin:6px 0 0 0;
	padding: 0px;
	background:#E3E3E3;
}

h1{
	margin:10px 0 10px 0 !important;
	margin:10px 0 5px 0;
	padding: 0px;
	font-size:22px;
	color:#FFC000;
	letter-spacing:4px;
}

h2{
	margin:0 0 10px 0 !important;
	margin:0 0 10px 0;
	padding:0 0 0 20px;
	font-size:18px;
	color:#6E6E6E;
	background: transparent url(../images/fleche.gif) top left no-repeat;

}

h3{
	margin:10px 0 0 18px !important;
	margin:10px 0 0 9px;
	padding:0 px;
	font-weight:bold;
	font-size:14px;
	color:#8F8F8F;
	text-align:left;
}

h4{
	margin:5px 0 0 0;
	padding:0 0 0 12px;
	font-weight:bold;
	font-size:12px;
	color:#1B9528;
	text-align:left;
	background: transparent url(../images/fleche-verte.gif) top left no-repeat;
}

h5,h6{
	margin: 1em 0;
	padding: 0px;
	font-size:12px;
}

p{
	margin:2px 5px 5px 18px !important;
	margin:2px 0px 5px 9px;
	padding: 0px;
	font-size: 12px;
	color: #000000;
	text-align:justify;
}

ol{
/*	list-style-position:outside; */
	margin:5px 30px;
	padding:0px;
	text-align:justify;
}

ol li{
	margin:4px 0 0  18px !important;
	margin:4px 0 0 9px;
	padding:0px;
}


ul{
/*	list-style-position:outside; */
	list-style-image:url(../images/puceverte.gif);
	margin:10px 50px;
	padding:0px;
	text-align:justify;
}

ul li{
	margin:3px 0 0 0;
	padding:0px;
}

img {
	border:none;
}

/* hack FF pour masquer les contours pointillés sur les liens 
-------------------------------------------------------*/ 
a{
	outline: none;
} 
:focus{
	-moz-outline-style: none;
}

a {
	color: #1B9528;
	text-decoration:none;
}

a:hover {
	color: #FFD200;
	text-decoration:underline;
}

a:visited {
	color: #1B9528;
	text-decoration:none;
}

#site {
	width:1000px;
	margin:0px auto;
	padding:0px;
	min-height:660px;
	height:auto !important;
	height:660px;
	/*position: absolute;
	margin-left: -512px;
	left: 50%;*/
}

#printheader{
	display:none;
}

#animFlash{
	top:0px;
	left:0px;
	position:relative;
	width:1000px;
	height:315px;
	margin:0px;
	padding:0px;
	background: transparent url(../images/fdheader.gif) top left no-repeat;
	z-index:1;
}


/*----------------------------------------------------------------------*/
/* debut - gestion contenu */
/*----------------------------------------------------------------------*/
#content{
	float:left;
	display:block;
	width:920px;
	height:auto !important;
	height:310px;
	min-height:310px;
	margin:0px;
	padding:20px 40px 20px 40px;
	background: #FFFFFF url(../images/fdcontent.gif) top left repeat-y;
}

#blockComplet{
	float:left;
	display:block;
	width:880px;
	height:auto !important;
	height:50px;
	min-height:50px;
	margin:0px;
	padding:0px;
}

#blockLeft{
	float:left;
	display:block;
	width:580px;
	height:auto !important;
	height:200px;
	min-height:200px;
	margin:0 0 16px 0 !important;
	margin:0 0 16px 0;
	padding:0px;
}

#blockRight{
	float:right;
	display:block;
	width:300px;
	height:auto !important;
	height:200px;
	min-height:200px;
	margin:0px;
	padding:0px;
}

.cadrePhoto{
	border:1px solid #6E6E6E;
	padding:5px;
	margin:0px;
}

.paragMiddle{
	margin:15px 0 15px 0 !important;
	margin:15px 0 15px 0;
	padding:0px;
	font-weight:bold;
	font-size:14px;
	color:#6E6E6E;
	text-align:center;
}

.wash{
	clear: both;
	height:0px;
}

/*----------------------------------------------------------------------*/
/* fin - gestion contenu */
/*----------------------------------------------------------------------*/


/*----------------------------------------------------------------------*/
/* debut - Train */
/*----------------------------------------------------------------------*/
#petitTrain{
	float:left;
	display:block;
	width:auto !important;
	width:700px;
	min-width:700px;
	height:25px;
	margin:20px 0 0 24px !important;
	margin:20px 0 0 12px;
	color:#144EA0;
}

#petitTrain a{
	color:#144EA0;
	text-decoration:none;
}

#petitTrain a:hover{
	color:#144EA0;
	text-decoration:underline;
}

#recherche0{
	float:right;
	display:block;
	width:190px;
	height:25px;
	margin:20px 20px 0 0 !important;
	margin:20px 10px 0 0;
	padding:0px;
}

.inputText{
	height:18px;
	color:#144EA0;
	border:1px solid #CCCCCC;
	margin:0 8px 0 0 !important;
	margin:0 4px 0 0;
	padding:0px;
}

/*----------------------------------------------------------------------*/
/* fin - Train */
/*----------------------------------------------------------------------*/


/*----------------------------------------------------------------------*/
/* debut - presentation */
/*----------------------------------------------------------------------*/
#accordion {
	margin:20px 0px;
}

h3.toggler{
	cursor: pointer;
	font-size: 14px;
	margin: 5px 0 4px 0;
	padding: 3px 5px 1px;
}

div.element {
	margin:0px;
	padding:10px;
}

div.element p, div.element h4, div.element .video {
	margin:0px;
	padding:4px;
}

blockquote {
	padding:5px 5px;
}

/*----------------------------------------------------------------------*/
/* fin - presentation */
/*----------------------------------------------------------------------*/



/*----------------------------------------------------------------------*/
/* debut - dyna page*/
/*----------------------------------------------------------------------*/

#Dynaphoto{
	float:left;
	display:block;
	width:325px;
	height:auto !important;
	height:250px;
	min-height:250px;
	margin:15px 0 0 15px !important;
	margin:15px 0 0 10px;
	padding:0px;
	text-align:center;
}

#previewPane0{
	float:left;
	display:block;
	width:325px;
	height:250px;
	margin:0px;
	padding:0px;
}

#vignette{
	float:left;
	display:block;
	width:300px;
	height:auto !important;
	height:50px;
	min-height:50px;
	margin:0 0 0 10px !important;
	margin:0 0 0 5px;
	padding:0px;
}

.imgVignette{
	float:left;
	display:block;
	width:90px;
	height:auto;
	margin:0 0 0 10px!important;
	margin:0 5px 0 0;
	padding:0px;
	text-align:center;
}


#lienRetour{
	float:left;
	display:block;
	width:550px;
	height:20px;
	margin:20px 24px 0 0 !important;
	margin:20px 12px 0 0;
	text-align:left;
}

#lienRetour a{
	color:#363636;
	text-decoration:none;
	font-size:9px;
}

#lienRetour a:hover{
	color:#363636;
	text-decoration:underline;
	font-size:9px;
}

/*----------------------------------------------------------------------*/
/* fin - dyna page */
/*----------------------------------------------------------------------*/


/*----------------------------------------------------------------------*/
/* debut - Menudyn produit */
/*----------------------------------------------------------------------*/
.imgmenu{
        width: 210px;
		height:33px;
        padding: 0px;
        margin: 0px;
        border: 2px solid #6E6E6E;
        border-top: 0px solid #6E6E6E;
        border-bottom: 0px solid #6E6E6E;
		background:#6E6E6E;
}

#menudyn{
        width: 210px;
        margin: 0px;
        padding: 0px;
        color:#6E6E6E;
        cursor:pointer;
        border: 2px solid #6E6E6E;
        border-top: 0px solid #6E6E6E;
/*        border-top: 1px solid #6E6E6E; */
/*		background:#FFFFFF; */
}


.menus0 {
        list-style:none;
		list-style-image:none;
        margin:0px;
        padding:0px;
}
.menusli0{
        list-style:none;
		list-style-image:none;
        margin: 0px;
        padding: 0px;
        border: none;
        color:#6E6E6E;
        width: 210px;
        height:auto !important;
		/*
        height:45px;
		min-height:45px; */
		font-weight:bold;
        text-indent:7px;
}

.menusliOPEN{
        list-style:none;
		list-style-image:none;
        margin: 0px;
        padding: 0px;
        border: none;
        color:#6E6E6E;
        width: 210px;
		/*
        height:auto !important;
        height:45px;
		min-height:45px;
        background: #000000 url(/images/menu-catalogue.jpg) no-repeat;
		*/
        font-weight:bold;
        text-indent:7px;
		background:#FFFFFF;
}

.menus1 {
        list-style:none;
		list-style-image:none;
        margin: 0px;
        padding: 0px;
/*		background:#FF0000; */
}

/* Couleur menu */

.menusli1{
        list-style:none;
		list-style-image:none;
        margin: 0px;
        padding: 3px 0 0 0;
        width:210px;
        min-height:20px;
        height:auto !important;
        height:20px;
        border-top: 1px solid #6E6E6E;
        border-bottom: 0px;
        background:#E5E6E6;
        font-weight:bold;
        text-indent:7px;
}

.menusli1 a{
    color:#6E6E6E;
	text-decoration:none;
}

.menusli1 a:hover{
    color:#6E6E6E;
	text-decoration:underline;
}

.menus2{
		list-style:none;
		list-style-position:inside;
		list-style-image:url(../images/fleche-verte.gif);
        margin:0px;
		padding:0 0 2px 5px;
		text-align:left;
		background:#FFFFFF;
        font-weight:bold;
}

.menus2 a{
	color: #6E6E6E;
	text-decoration:none;
}

.menus2 a:hover {
	color: #6E6E6E;
	text-decoration:underline;
}

.menus2 a:visited {
	color: #6E6E6E;
	text-decoration:none;
}

.menusli2 ul li{
        margin: 0px;
        padding: 3px 0 0 0;
        width: 210px;
        min-height:5px;
        height:auto !important;
        height:5px;
        border-top: 0px;
        border-bottom: 0px;
        background:#FFFFFF;
        color:#6E6E6E;
        font-weight:bold;
        text-indent:17px;
        font-size:12px;
}
.menus3 {
        list-style:none;
		list-style-image:none;
        margin: 0px;
        padding: 0px;
        font-weight:normal;
        text-indent:35px;
}
.menusli3 ul li{
        min-height:5px;
        height:auto !important;
        height:5px;
        border-top: 0px;
        margin: 0px;
        padding: 3px 0px 0px 0px;
        border-bottom: 0px;
        background:#798BAC;
        color:#000000;
        width: 210px;
}

/*----------------------------------------------------------------------*/
/* fin - Menudyn produit */
/*----------------------------------------------------------------------*/


/*----------------------------------------------------------------------*/
/* debut - produits */
/*----------------------------------------------------------------------*/
.imgmoteur{
        width: 210px;
		height:33px;
        padding: 0px;
        margin: 35px 0 0 0;
        border: 2px solid #6E6E6E;
        border-top: 0px solid #6E6E6E;
        border-bottom: 0px solid #6E6E6E;
		background:#6E6E6E;
}

#moteur{
	float:left;
	display:block;
	width:210px;
	height:auto !important;
	height:25px;
	min-height:25px;
	margin:0 0 25px 0;
	padding:0px;
    border: 2px solid #6E6E6E;
    border-top: 0px solid #6E6E6E;
	border-bottom: 2px solid #6E6E6E;
	background:#6E6E6E;
}

#moteur iframe{
	border:none;
} 

#recherche{
	float:left;
	display:block;
	width:210px;
	height:auto !important;
	height:25px;
	min-height:25px;
	margin:0px;
	padding:0px;
	border:none;
}

#recherche input{
	width:30px;
}

.formsearchcontent h1{
	display:none;
}

.formsearchcontent{
	float:left;
	display:block;
	padding:0px;
	margin:0px;
}

.form{
	padding:0px;
	margin:0px;
}

#sidebar{
	float:left;
	display:block;
	width:300px;
	height:auto !important;
	height:200px;
	min-height:200px;
	margin:0px;
	padding:0px;
	border:0px;
}

#produits{
	float:right;
	display:block;
	width:600px;
	height:auto !important;
	height:150px;
	min-height:150px;
	margin:0 0 40px 0;
	padding:0px;
}

#produits h2{
	margin:0 0 10px 0 !important;
	margin:0 0 10px 0;
	padding:0 0 0 15px;
	font-size:14px;
	color:#6E6E6E;
	letter-spacing:normal;
	background: transparent url(../images/carre.gif) top left no-repeat;

}

.photoProduits{
	float:left;
	display:block;
	width:auto !important;
	width:150px;
	min-width:150px;
	height:auto !important;
	height:95px;
	min-height:95px;
	margin:0px 10px 0 0;
	padding:0px;
	text-align:center;
}

.photoMask{
	float:left;
	display:block;
	width:auto !important;
	width:160px;
	min-width:160px;
	height:21px;
	margin:4px 0 0 0;
	padding:0px;
	text-align:left;
}

.photoProduits a{
	color:#363636;
	text-decoration:none;
	font-size:9px;
}

.photoProduits a:hover{
	color:#363636;
	text-decoration:underline;
	font-size:9px;
}

.imgProduits{
	width:80px;
	height:80px;
	border:1px solid #CCCCCC;
}

.txtProduits{
	float:right;
	display:block;
	width:420px;
	height:auto !important;
	height:95px;
	min-height:95px;
	margin:0px;
	padding:0px;
}

.txtProduits h2{
	color:#6E6E6E;
	font-size:14px;
	margin:0px;
	padding:0px;

}

.txtProduits h3{
	width:80px;	
	color:#6E6E6E;
	font-size:12px;
	font-weight:bold;
	margin:10px 0 -4px 4px !important;
	margin:10px 0 -2px 2px;
	padding:2px 5px;
	text-align:center;
	background:#CCCCCC;
}

.txtProduits p{
	font-size:11px;
	font-weight:normal;
	margin:8px 0 0 5px;
	padding:0px;

}

.docFtp{
	float:right;
	display:block;
	width:420px;
	height:auto !important;
	height:10px;
	min-height:10px;
	margin:10px 0 0 0;
	padding:0px;
}

.docFtp a{
	color:#000000;
	font-weight:bold;
}

.docFtp a:hover{
	color:#000000;
	font-weight:bold;
}

.docFtp a:visited{
	color:#000000;
	font-weight:bold;
}

.detailsProduits{
	float:right;
	display:block;
	width:490px;
	margin:0 0 0 10px 0;
	padding:0px;
	text-align:left;
}

.detailsProduits a{
	color:#144EA0;
	text-decoration:none;
}

.detailsProduits a:hover{
	color:#144EA0;
	text-decoration:underline;
}

.infoProduits{
	float:right;
	display:block;
	width:410px;
	height:auto !important;
	height:10px;
	min-height:10px;
	margin:0px;
	padding:10px 5px 5px 5px;
	border:1px solid #CCCCCC;
}

.infoProduitsLeft{
	float:left;
	display:block;
/*	width:210px;*/
	height:auto !important;
	height:80px;
	min-height:80px;
	margin:0px;
	padding:0px;
}

.infoProduitsLeft td.traitProduit{
	width:1px;
	border-left:1px dotted #cccccc;

}

.infoProduitsRight{
	float:right;
	display:block;
	width:210px;
	height:auto !important;
	height:80px;
	min-height:80px;
	margin:0px;
	padding:0 0 0 5px;
	border-left:1px dotted #7B7C7E;
}

.pictos{
	float:left;
	display:block;
	width:430px;
	height:auto !important;
	height:70px;
	min-height:70px;
	margin:10px 0 0 10px;
	padding:0px;
}

.plusSecu{
	float:right;
	display:block;
	width:490px;
	margin:0 0 5px 0;
	padding:0px;
	text-align:left;
}

.plusSecu a{
	color:#144EA0;
	text-decoration:none;
}

.plusSecu a:hover{
	color:#144EA0;
	text-decoration:underline;
}

.plusInfo{
	float:right;
	display:block;
	width:490px;
	margin:0 0 5px 0;
	padding:0px;
	text-align:left;
}

.plusInfo a{
	color:#144EA0;
	text-decoration:none;
}

.plusInfo a:hover{
	color:#144EA0;
	text-decoration:underline;
}

#suivant{
	float:right;
	display:block;
	width:550px;
	height:auto !important;
	height:15px;
	min-height:15px;
	margin:0px;
	padding:0px;
}

#suivant table{
	padding:0px;
	margin:0px;


}

/*----------------------------------------------------------------------*/
/* fin - produits */
/*----------------------------------------------------------------------*/



/*----------------------------------------------------------------------*/
/* debut - contact */
/*----------------------------------------------------------------------*/


form{
	margin:0px;
	padding:0px;
}

fieldset{
	float:left;
	display:block;
	width:560px;
	margin:10px 0 0 20px !important;
	margin:10px 0 0 0;
	padding:0px;
	text-align:left;
	border:none;
}

label{
	float:left;
	display:block;
	width:200px;
	margin:6px 0 0 0;
	padding:0px;
	text-align:left;
	border-bottom:1px dashed #CCC;
}

#planPage{
	float:left;
	display:block;
	width:350px;
	height:auto !important;
	height:25px;
	min-height:25px;
	margin:40px 0 0 25px !important;
	margin:40px 0 0 10px;
	padding:0px;
}

#txtPageContact{
	float:right;
	display:block;
	width:550px;
	-width:550px;
	height:auto !important;
	height:25px;
	min-height:25px;
	margin:6px 20px 0 0 !important;
	margin:6px 10px 0 0;
	padding:0px;
}

.googleMap{
	border:1px solid #CCCCCC;
	padding:2px;
}



/*----------------------------------------------------------------------*/
/* fin - contact */
/*----------------------------------------------------------------------*/

/*----------------------------------------------------------------------*/
/* debut - gestion footer */
/*----------------------------------------------------------------------*/
#footer {
	clear:both;
	width:1000px;
	height:30px;
	margin:0 0 30px 0;;
	padding:0px;
	background: transparent url(../images/fdfooter.gif) top left no-repeat;
	text-align:center;
}

#footerPrint{
	display:none;
}



#footer a{
	color:#565656;
	text-decoration:none;
}

#footer a:hover{
	color:#565656;
	text-decoration:underline;
}

.footerLeft{
	float:left;
	width:1000px;
	font-size:11px;
	margin:20px 0 0 5px !important;
	margin:20px 0 0 2px;
	padding:0px;
	color:#565656;
	text-align:center;
}

.footerCopyright{
	float:left;
	width:1000px;
	font-size:11px;
	margin:2px 0 0 6px !important;
	margin:2px 0 0 3px;
	padding:0px;
	color:#565656;
	text-align:center;
}

.wash{
	clear: both;
	height:0px;
}
/*----------------------------------------------------------------------*/
/* fin - gestion footer */
/*----------------------------------------------------------------------*/