* {margin:0;padding:0;}

body {
background: url(../images/fdbody.jpg) repeat-x #eee;
min-height:100%;
height:auto !important; /* ie ignores it */
height:100%; /* fix */
position: relative;
}


body, select, input, textarea {
font-family: "Lucida Sans Unicode", Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
font-size: 0.83em;
font-style: normal;
color: #333;
}

p{ text-align:justify;}
a:link, a:visited { color: #A6C42C; text-decoration:none; }
a:hover, a:active { text-decoration:underline; color: #A6C52B;}
hr { display: block; height:1px; background:#ddd url(/images/liline.gif) repeat-x; border:0; margin:10px 0px 10px 0px; }
small {font-size: 0.95em;}
img, a:link img, a:visited img {border:0}
.clear { clear:both;overflow:hidden;}

h1{font-size:140%; background: url(../images/logo.png) no-repeat;  width:200px; height:50px; float:left; display:block;}
h1 a{ display:block; width:200px; height:100px; float:left;}
h1 span{ display:none;}

h2 {font-size:183%; font-weight:normal; letter-spacing:-0.05em;}
h2 strong{letter-spacing:0; font-weight:normal; color:#A6C52B; font-size:123%;}
h2 small{ font-size:83%;}
h3 {font-size:107%; font-weight:normal;}
h4 {font-size:97%; font-weight:normal; color:#04C2FD;}
h5 {font-size:87%;}
h6 {font-size:77%;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
pre { overflow:auto;}
ul{ list-style:inside; list-style-image:url(../images/ul1.png);}
ol{ list-style:inside;}
dl {margin:0 0 1.5em 0;}
dl dt {font-style:italic; padding:3px 0px 3px 0px;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;background:#dddddd; text-align:left; border-right:1px solid #ffffff;}
th, td {padding:4px 10px 4px 5px;}
tr.even td {background:#eeeeee; text-align:left; border-right:1px solid #ffffff;}
tfoot {font-style:italic;}
caption {background:#000000;}


fieldset {padding:0.5em; margin:1em; border:1px solid #ddd; -moz-border-radius: 6px; webkit-border-radius :6px;}
legend{ padding: 1.3em 3em 1.5em 5em;}
.legd1{background: url(../images/legd1.jpg) no-repeat;}
.legd2{background: url(../images/legd2.jpg) no-repeat;}
.legd3{background: url(../images/legd3.jpg) no-repeat;}

label { float:left; padding:0.5em; display:block; width:40%; color:#666;}
input,textarea,select{ background:1px solid #ddd; padding:0.5em; width:50%;font-family: "lucida sans unicode","lucida grande",sans-serif;color: #85A321;font-size: 0.9em;text-align: justify;}

div.slogan{ position:absolute; z-index:1999; top:240px; margin-left:94px; width:450px; font-size:210%; color:#E7E9E9; letter-spacing:-0.05em; line-height:106%; display:block;}
div.slogan small{ font-size:70%;}

.global{background: url(../images/fdglobal.jpg) bottom repeat-x; min-height:100%; height:auto !important; /* ie ignores it */ height:100%; /* fix */ position: relative; width:100%; padding-bottom:260px;}
.wrapper { width:980px; margin:0 auto; padding:0; background:url(../images/fdcontent.jpg) 0 50px no-repeat;}
.header { height:419px;}
.content {  margin-top:0px; clear:both;}
.footer{ background:url(../images/fdfooter.jpg) no-repeat; height:400px;}

.nav{ float:left; width:770px; background-color:#000; -moz-border-radius-bottomleft:4px; webkit-border-bottom-left-radius :4px;-moz-border-radius-bottomright:4px; webkit-border-bottom-right-radius :4px; margin:0 1px;}
.nav li{ float:left; list-style:none;}
.nav li a{ display:block; float:left; height:50px; line-height:50px; padding:0 2em; -moz-border-radius-bottomleft:4px; webkit-border-bottom-left-radius :4px;-moz-border-radius-bottomright:4px; webkit-border-bottom-right-radius :4px}
.nav li a:hover{ background-color:#A6C52B; color:#000; text-decoration:none;}
.navfooter{ background-color:transparent; width:auto;}
.navfooter li a{ margin-top:300px; color:#202222; -moz-border-radius-bottomleft:0px; webkit-border-bottom-left-radius :0px;-moz-border-radius-bottomright:0px; webkit-border-bottom-right-radius :0px}
.navfooter li a:hover { background-color:#202222;}


.col1{ width:660px; display:block; float:left;}
.col2{ width:310px; display:block; float:left;}
.col3{ width:330px; display:block; float:left;}

.col1 h2{ margin-left:200px; margin-top:60px; width:400px;}
.col1 p { margin-left:200px margin-top:20px; width:400px;}
.col2 h2, .col3 h2{font-size:133%; margin-left:30px; margin-top:40px; width:200px; color:#A6C52B;}
.col2 h3, .col3 h3{font-size:113%; margin:20px 0 10px 30px; width:200px; color:#666;}
.col1 p { margin:20px 0 0 200px;}
.col1 ol{ margin:0px 30px 20px 30px; width:auto;}
.col2 p, .col2 ul, .col3 p, .col3 ul{ margin:20px 0 0 30px; width:250px;}

.bloc{ overflow:auto; height:100%; min-height:222px;}
.bloc p img{ float:right; margin-left:20px;}

.bloc1{background:url(../images/fdbloc1a.jpg) no-repeat;}
.bloc1 h2,.bloc1e h2 { color:#fff;}
.bloc1e{background:url(../images/fdbloc1e.jpg) no-repeat;}
.bloc1f{background:url(../images/fdbloc1f.jpg) no-repeat;}
.bloc1g{background:url(../images/fdbloc1g.jpg) no-repeat;}
.bloc1h{background:url(../images/fdbloc1h.jpg) no-repeat;}
.bloc2{background:url(../images/fdbloc2a.jpg) no-repeat;}
.bloc2contact{background:url(../images/fdbloc2contact.jpg) no-repeat;}
.bloc3{background:url(../images/fdbloc1b.jpg) no-repeat;}
.bloc3 h2{ color:#0BCBFE;}
.bloc4{background:url(../images/fdbloc2b.jpg) no-repeat;}
.bloc5{background:url(../images/fdbloc1c.jpg) no-repeat;}
.bloc5 h2{ color:#14222C;}
.bloc6{background:url(../images/fdbloc2c.jpg) no-repeat;}
.bloc7{background:url(../images/fdbloc3.jpg) no-repeat;}
.bloc8{background:url(../images/fdbloc3.jpg) no-repeat;}
.bloc9{background:url(../images/fdbloc2.jpg) no-repeat;}

.blocpub1 div{ width:310px; height:700px; background:url(../images/fdbloc2pub1.jpg) no-repeat;}
.blocpub1 div a{ display:block; width:99%; height:99%;}
.blocpub2 div{ width:310px; height:250px; background:url(../images/fdbloc2pub2.jpg) no-repeat;}
.blocpub2 div a{ display:block; width:99%; height:99%;}

.bloc_gris{ background-color:#F5F5F5; -moz-border-radius: 6px; webkit-border-radius :6px; margin:20px 20px 0 0; padding:0 0 20px 0;}
.bloc_gris h2{ color:#101111; font-size:133%; margin: 20px 30px 0 30px; width:auto; padding:20px 0 0 0;}
.bloc_gris p{ margin: 20px 30px; width:auto; display:block;}

.bloc_tarifs{ background-color:#F5F5F5; -moz-border-radius: 6px; webkit-border-radius :6px; margin:20px 20px 0 0; padding:0 0 20px 0;}
.bloc_tarifs h2{ color:#101111; font-size:133%; margin: 20px 30px 0 30px; width:auto; padding:20px 0 0 0; color:#A6C52B; font-weight : bold}
.bloc_tarifs h3{ color:#101111; font-size:120%; margin: 20px 30px 0 30px; width:auto; padding:20px 0 0 0; color:#A6C52B; font-weight : bold}
.bloc_tarifs h4{ color:#101111; font-size:110%; margin: 20px 30px 0 30px; width:auto; padding:20px 0 0 0;}
.bloc_tarifs p{ margin: 20px 30px; width:auto; display:block;}

.bloc_blanc{ background-color:#fff; -moz-border-radius: 6px; webkit-border-radius :6px; margin:20px 0 0 0; padding:0 0 20px 0;}
.bloc_blanc h2{ color:#A6C52B; font-size:133%; margin: 20px 30px 0 30px; width:auto; padding:20px 0;}
.bloc_blanc p{ margin: 0px 30px; width:auto; display:block;}

.decouvrir { width:254px; height:54px; display:block;}
.decouvrir a{ background:url(../images/bt_decouvrir1a.jpg) no-repeat;  display:block; width:100%; height:100%; color:#000;}
.decouvrir a:hover{ background:url(../images/bt_decouvrir1b.jpg) no-repeat; text-decoration:none;}
.decouvrir a span{ display:block; padding:1.4em 0.4em 1.4em 2.6em; text-align:left;}

/*accordeon vertical*/
.ui-accordion{ -moz-border-radius: 6px; webkit-border-radius :6px; background-color:#fff; margin:0;}
.ui-accordion h3{ padding:5px 20px 5px 20px; display:block; border-bottom:1px solid #FFF; margin:0; line-height:30px;}
.ui-accordion h3 a{ color:#A6C52B;}
.ui-accordion-content{ background-color:#fff; margin:0;}
.ui-accordion-content ol{ overflow:auto;  background-color:#fff; display:block; margin:0 0 0 40px; padding:10px;}
.ui-accordion-content ol li{list-style:outside; list-style-type:none; background:url(../images/ol2li1.png) 20px 9px no-repeat; padding:0.4em 50px;}
.ui-icon-triangle-1-s{ background:url(../images/ol1.png) no-repeat; width:30px; height:30px; display:block; float:left; margin-right:20px;}
.ui-icon-triangle-1-e{ background:url(../images/ol2.png) no-repeat; width:30px; height:30px; display:block; float:left; margin-right:20px;}
h3.design{ background:url(../images/fdh3design.jpg) no-repeat;}
h3.h3first{-moz-border-radius-topleft:6px; webkit-border-top-left-radius :6px;-moz-border-radius-topright:6px; webkit-border-top-right-radius :6px}
h3.logiciel{ background:url(../images/fdh3logiciel.jpg) no-repeat; }
h3.logiciel a{ color:#101111;}
h3.e-commerce{ background:url(../images/fdh3e-commerce.jpg) no-repeat;}
h3.e-commerce a{ color:#0BCBFE;}

h3.accordion1 .ui-icon-triangle-1-s{background:url(../images/li1on.png) no-repeat;}
h3.accordion1 .ui-icon-triangle-1-e{background:url(../images/li1off.png) no-repeat;}
h3.accordion2 .ui-icon-triangle-1-s{background:url(../images/li2on.png) no-repeat;}
h3.accordion2 .ui-icon-triangle-1-e{background:url(../images/li2off.png) no-repeat;}
h3.accordion3 .ui-icon-triangle-1-s{background:url(../images/li3on.png) no-repeat;}
h3.accordion3 .ui-icon-triangle-1-e{background:url(../images/li3off.png) no-repeat;}

.tool-tip {color: #018EAC;	width: 300px;	z-index: 13000;	margin-left:-100px;	overflow:auto; background-color:#262828;}
.tool-title {font-weight: bold;	font-size: 113%;margin: 0;	color: #0DA3F4;padding: 8px 18px 8px;} 
.tool-text {font-size: 93%;padding: 8px 18px 8px; color:#A6C52B;}

/*carrousel page pourquoi choisir */
#myScroll{ margin:20px 0 0 0; padding:0; height:295px;}
#myScroll .scrollEl{  display:none;  height:300px;  padding:0;  text-shadow:none;}
#myScroll .scrollEl span{ font-size:1420%; display:block; float:left; width:120px; height:300px; color:#C3D714; border-right:1px solid #ddd; font-family:"Times New Roman", Times, serif; padding-left:30px; background-color:#000; background:url(../images/fdh4hscroll.png) no-repeat;}
#myScroll .scrollEl h4{ font-size:113%; display:block; float:left; width:400px;margin-left:20px; padding-top:40px;}

#myScroll1 .scrollEl span{  display:block;  padding:10px;}

#controls{  background-color:#fff; padding:0 auto;}
#controls div, #controls1 div{  display:inline-block;  padding:6px;  cursor:pointer;}
#myScroll1{  float:left;  margin-right:20px;}

#controls .sel, #controls1 .sel{  color:black !important;  font-weight:bold;}
#controls .disabled, #controls1 .disabled{  color:#ddd;}
#controls .page, #controls1 .page{  padding:9px;  color:#ccc;}

.input-validation-error { border-style : double; border-color : Red; }
.field-validation-error { background:1px solid #ddd; padding-left:230px; font-family: "lucida sans unicode","lucida grande",sans-serif;color: #FF0000;font-size: 0.9em; }

.phone-number { font-size:150%; font-weight : bold }