/*regles generales*/
html {
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 100%;
}
body{
	background: url(images/fdbody.jpg) repeat-x  #EBEAEC;
	margin:0;
	padding:0;
	width:100%;
}

div, p, lu, h1, h2, h3, h4, h5, dl, dt, form, fieldset, object { margin:0;padding:0;}
p{font-size:80%; text-align: justify;}
blockquote{font-size:75%;}
/*div invisible pour referencement*/
.psvue{display: none;}
/*fin div invisible*/
img{border: 0; margin:0; vertical-align: middle;}
br{margin:0 0 0.5em 0; display:block;}

/*zone gros titres*/
h1{font-size:140%; padding : 45px 20px 20px 20px; color:#44ACF2;}
h2{font-size:120%; text-align: center; padding: 2em 0 0.5em 0; color:#44ACF2;}
h3{font-size:90%; font-weight:bold; text-align: justify; padding: 2em 0 0.5em 0; color:#44ACF2;}
h4{font-size: 86%; color:#1270A7; font-weight:normal;}
h5{font-size:80%;}

dl{	margin: 4px 7px 4px 7px;padding:0;	font-size: 90%;}
dd{	clear: both;	border: 1px solid #D5DDED; border-top:0; margin:0; padding:0;}


h4 span{margin: 1.6em 2.9em 0em 2.0em; display:block;}
h5 span{margin: 1em 2.9em 0em 2.0em; display:block;}

dfn{
	clear:both;
	display: block;
	font-size: 74%;
	text-align: justify;
	line-height: 130%;
	font-weight: normal;
	font-style: normal;
	color: #1270A7;
	margin: 1em 0 0 0;
	border:1px solid #EBEAEC;
	padding:1em 2em;
	background-color:#fff;
}
.AccordionPanel {
	margin: 1px 0 1em 0;
	padding:0 0.2em;
	clear:both;
}
#center1 dfn{border:0; margin:1em;}
/* #center1 ul{font-size:80%; padding:0; margin: 0.5em 2.9em 1.2em 3.5em; background: url(images/pl.gif) no-repeat; color:#44ACF2; line-height:150%; list-style-position: outside; display:block; clear:both;} */
#center1 ul{font-size:80%; padding:0; margin: 0.5em 2.9em 1.2em 3.5em; color:#44ACF2; line-height:150%; list-style-position: outside; display:block; clear:both;}
#center1 .article ul{ margin: 0.5em 0 1.2em 0; list-style-type:decimal; text-align:justify;}
/* ol{font-size:80%; padding:0; margin: 0.5em 2.9em 1.2em 5.2em; background: url(images/pl.gif) no-repeat; color:#44ACF2; line-height:150%; list-style-position: outside; display:block; clear:both;} */
ol{font-size:80%; padding:0; margin: 0.5em 2.9em 1.2em 5.2em; color:#44ACF2; line-height:150%; list-style-position: outside; display:block; clear:both;}
ol.list{ text-align:justify;}
ol.list li{ margin:1em 0 3.5em 0;}
ul{ list-style: none;}
.article ul{ font-size:84%; padding:0;color:#44ACF2; margin: 1.5em 0; line-height:150%;}
.article ul li{ display:block; clear:both;}
#article2 ul li{ height:90px;}
.article ul img{float:left; margin:0 1.3em 0 0}
.article ul span{ display:block; font-weight:bold;}
.article ul strong{ display:block; color:#116699;}

strong{ color: #1226B4; font-size:110%;}
p strong{ color:red;}

BIG{font-size: 120%; color:#3DAB21;}
small{font-size: 90%;}
blockquote{margin:0;padding:0;}
q,cite{color:#95BF00; font-family:times,courrier;}
cite{font-size:80%;}
abbr{padding: 0 0.2em 0 0.2em; font-weight:bold; speak:normal;border-bottom: 1px dotted;}
abbr[title], acronym[title]{cursor: help;}

a{color: #21A037; text-decoration: none;}
a:hover{ color:#1270A7; text-decoration: underline;}
p a{font-size:90%;}
/*formulaires generalites*/
form{display: inline;}
fieldset{border:0; width: 900px; margin:1em 3em 1em 3em; display:block; font-size:90%;}
legend{}
fieldset dfn{margin:0; padding-right:5em;}
select,input{
	margin-top: 0px;
}
/*fin formulaires generalites*/

/*fin regles globales*/

/*----------- blocs ------------*/
#global{overflow: auto;	margin:0px auto; width: 980px; padding:0px; }

#entete{width:100%; height:120px;}
#corps{width: 100%;	overflow:auto;}

#fer{ width: 600px; margin: 0 0 0 190px; padding: 2em 0 0 0; display:none;}
#fer span{ font-size:70%;}


#center1{ width: 980px; margin:10px 0 1em 0; padding-bottom:2em; clear:both; background:url(images/fdc2.gif) bottom no-repeat; overflow:auto; }
#center2{ width: 980px; margin:2em 0 0.5em 0; clear:both; background:url(images/fdc4.gif) bottom no-repeat; overflow:auto; }
/*--------- fin blocs ----------*/

/*----------- entete ------------*/
/*url logo*/
.acc{height:222px;}
#logo {float:left; display:block; width:240px; height:106px; background:url(images/logo-1.jpg) no-repeat;}
#logo a{display:block; width:100%; height:100%;}
object p{margin:7em 0; text-align:center; font-size:80%;color:#fff;}
/*object#acc1{float:left; width:590px; height:222px;}*/
#acc1{float:left; width:590px; height:222px;}
object#acc2{float:right; width:390px; height:222px;}
.acc3{float:right; width:390px; height:222px; background: url(images/fdacc3.jpg) no-repeat;}
/*----------- elements navigations ------------*/

ul#nav1{font-size: 80%; margin:0; padding: 0; display:block; float:right; height:106px;}
/*html>body #nav1{margin:0 0 0 4px;}*/
ul#nav1 li{ display:block; float:left; margin:0 0 0 0.1em; height:106px; padding:0;}
ul#nav1 li a{ margin:0; display:block; float:left; color:#fff; height:100%;}
ul#nav1 li a span{display:none;}

ul#nav1 li#nav1li1 a{ background: url(images/nav1/nav1-11.jpg) no-repeat; width:140px;}
ul#nav1 li#nav1li2 a{ background: url(images/nav1/nav1-21.jpg) no-repeat; width:116px;}
ul#nav1 li#nav1li3 a{ background: url(images/nav1/nav1-31.jpg) no-repeat; width:114px;}
ul#nav1 li#nav1li4 a{ background: url(images/nav1/nav1-41.jpg) no-repeat; width:146px;}

ul#nav1 li#nav1li1 a:hover{ background: url(images/nav1/nav1-12.jpg) no-repeat; width:140px;}
ul#nav1 li#nav1li2 a:hover{ background: url(images/nav1/nav1-22.jpg) no-repeat; width:116px;}
ul#nav1 li#nav1li3 a:hover{ background: url(images/nav1/nav1-32.jpg) no-repeat; width:114px;}
ul#nav1 li#nav1li4 a:hover{ background: url(images/nav1/nav1-42.jpg) no-repeat; width:146px;}

#nav2{font-size: 90%; margin:0 0 0 4em; padding: 0; display:block; height:39px; width:800px; position:absolute; top: 313px; z-index:1000;}

ul#nav3{ margin:1em 0 0 250px; width:580px;}
ul#nav3 li{ float:left; display:block; height:24px; font-stretch:expanded; font-variant:small-caps; margin:0.5em 2em; width:14%;}
ul#nav3 li a{border-bottom: 1px dotted #2295DE; text-decoration:none; display:block; height:100%;}
ul#nav3 li a:hover{border-bottom: 1px dotted #fff; text-decoration:none;}

#smenu1{display:block;}

#smenu2,
#smenu3,
#smenu4,
#smenu5{display:none;}

/*----------- fin elements navigations ------------*/

/*----------- fin entete -----------*/

/*----------- elements colonnes ------------*/
.bloc{margin:0; padding:0; border:0; clear:both;}


/*----------- fin elements colonnes ------------*/

/*------------- corps --------------*/
div#corps{margin:0;}

/*----------- centre ------------*/
#center1 h2{ width: 980px; margin:0; background:url(images/fdc1.gif) top no-repeat #EBEAEC;}
#center1 .article{ width : 890px; margin:0 45px; }
#center1 .ill{float: left;}
#center1 .article .bloc-titre{float:right; width:646px;}



#center1 .article .bloc-titre ol{ margin: 2em 2.9em 0.5em 3.2em;  list-style:none;}
#center1 #smenu4 .article .bloc-titre ol{ margin: 2em 2.9em 0.5em 3.2em; font-weight:bold;}
#center1 #smenu4 .article .bloc-titre ol li{ margin: 0 0 0.5em 0; }
#center1 ol li object {float:right; margin-left:3em;}
#center1 ol li img {float:right; margin-left:0.8em;}


#center1 .smenuL { margin:0; padding:0; }
#center1 .smenuL ol li{ margin: 0 0 3em 0; text-align:justify;}
#center1 .smenuL div.bloc-titre{width:450px; background:none;}
#center1 .smenuL .article .bloc-titre dfn,
#center1 .smenuL .article .bloc-titre h4 span,
#center1 .smenuL .article .bloc-titre ol{ margin: 2em 0 0.5em 0.5em; padding:0; list-style: square;}
#center1 .smenuL .article .bloc-titre ol li{ margin: 1.5em 0; }
#center1 .smenuL .article .bloc-titre img.cp-ecran{ margin: 0 3.6em 3em 3.6em; }
#center1 .smenuL .article-bottom{ background:none; width:450px;}
.smenuL .ill{margin-top:2em;}

#center2 h2{ width: 980px; padding:1em 0 0 0; background:url(images/fdc3.gif) top no-repeat #EBEAEC;}
#center2 h4{ background: url(images/bth4.gif) bottom repeat-x; padding-bottom:1px;}
#center2 #article2{ width:510px; margin:0; float:left; margin:0 45px;}
#center2 #article3{ width:304px; margin:0; float:left; margin:0 0 0 30px; font-size:76%;}
#center2 #article3 ul{margin: 2.2em 0 0 0;}
#center2 #article3 ul li{ margin:0 0 1.5em 0; text-align:justify;}
#center2 #article3 ul li a{ color:#2295DE;}
#center2 #article4,
#center2 #article5{ width:880px; margin:0; margin:0 45px;}
#center2 #article5 ul{margin:0; padding:0;}
#center2 #article4 ul li{ margin:0 0 3em 0; text-align:justify;}
#center2 #article5 ul li{ margin:0 0 0em 0; text-align:justify;}
#center2 #article5 ul img.plug{float:right; margin:0 0 0 1.3}

.line1{ background-color:#f3f3f3;}

/*--- page revendeurs zone contact ---*/
.imp{ background: url(images/fdimp.jpg) top no-repeat; margin:2em 0 2em 0; width:646px; height:189px;}
.imp span{display:block ;padding:2em 3em;}
.imp p{display:block ; padding:0.5em 3.5em; font-weight:bold;}
.imp p a{ text-decoration:none; color:#fff; font-size:2.6em;}

/*---------- pagination ----------*/
ul.pag{ text-align:center; margin:1em 0; padding:0;}
ul.pag li{ display:inline; font-weight:bold; padding:0.2em;}
ul.pag li a{ font-weight:normal; font-size:small; border-bottom:1px solid transparent; text-decoration:none;}
ul.pag li a:hover{ border-bottom:1px solid #2295DE;}
/*---------- fin pagination ----------*/

a.download{display:none;}

/*----------- article ------------*/

div.article{ margin:0;}
div.article div.bloc-titre{margin:0;}
div.article div.bloc-content{ margin: 0;}
div.article object{margin: 10px 0 0 0}
div.article p{text-align: justify; font-size: 80%;}

/*----------- fin article ------------*/

/*----   elements de tabulation   ----*/
table{border:0;margin:0;width:100%; font-size:80%;}
table td{border:1px solid #eee;margin:4px;padding:2px;}
caption{	font-weight: bold; letter-spacing: 1px; font-size: 110%; margin-top:20px; color:#1270A7; background-color:#B6FF93; padding:2px }
/*---- fin elements de tabulation ----*/

/*----------- fin centre ------------*/

/*-----------   bottom   ------------*/

#bottom{clear:both; width:100%; height:330px; font-size:80%; text-align:center; margin-top:0px; padding:0; 	background:url(images/fdbottom.jpg) repeat-x bottom; }
#bottom a{color: #fff;}
#bottom #tel{width:200px; height:50px; float:left; 	background:url(images/fdtel.gif) no-repeat;}
#pied{	
	overflow: auto;
	margin: 0 auto;
	width: 990px;
	padding: 0px;
	height:330px;
	text-align:center;
}
#pied p{ display:block; float:left; width:260px; height:180px; margin:20px 0 0 0; padding:1em 0 0 1em; font-size:1em; color:#fff;}
#pied p a{display:block; line-height:1.5em;}
#pied p small{color:#116699;}
#pied p#pied1{ margin: 20px 0 0 80px; border-right: 1px dotted #fff;}
#pied p#pied3{ border-left: 1px dotted #fff; width:250px;}

/*----------- fin bottom ------------*/

/*--------- particularites ----------*/
/* Ajout CSS librairie Mootools voir : http://mootools.net/ */
 
.tool-tip {
	color: #fff;
	width: 140px;
	z-index: 13000;
	margin-left:-70px;
	overflow:auto;
}
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #FFF;
	padding: 18px 18px 14px;
	background-color: #228FD5;
	border-bottom:1px dotted #fff;
} 
.tool-text {
	font-size: 11px;
	padding: 14px 18px 18px;
	background-color: #228FD5;
}

legend {
	color:#333333;
	padding:5px 3px 10px 3px;	
	}

/*------- fin particularites --------*/


#download { text-align:center; }
#download p { padding : 20px; }

.input-validation-error { border : 1px solid red; }
.field-validation-error { color : Red; }