html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none; }
a { text-decoration:none; color:#0077BA; font-weight:normal}
a:hover { text-decoration:underline; color:#0077BA; font-weight:normal}
 /*img, div, input { behavior: url("http://fp.agence84.com/wp-content/themes/fp/iepngfix.htc") }*/


body {
font-family: "lucida sans unicode","lucida grande",sans-serif;
font-size: 11px;
color:#f2f2f2;
background:#000000;


}

#page
{
	width:820px;
	margin:0 auto;
	overflow:hidden;
	height:auto
}
#header
{
height:135px;
width:820px;
overflow:hidden;
background:url(images/header.png) repeat-x;
}
#logo
{
width:150px;
height:80px;
float:left;
padding:25px 0 0 0
}
#menu
{
width:570px;
height:42px;
float:right;
overflow:hidden;
padding:70px 0 0 0;
position:relative

}
/* menu jqery*/


.lavaLampBottomStyle {
height: 29px;
width: 570px;
overflow: hidden;
}
.lavaLampBottomStyle li {
float: left;
list-style: none;

}
* html .lavaLampBottomStyle li {
margin:0 2px
}
.lavaLampBottomStyle li.back {
border-bottom: 5px solid #0077BA;
width: 9px;
height: 35px;
z-index: 8;
position: absolute;
}
.lavaLampBottomStyle li a {
outline:none;
text-align: center;
top: 7px;
z-index: 10;
display: block;
float: left;
height: 30px;
position:relative;
overflow: hidden;
margin: auto 8px;
text-decoration:none;
} 
* html .lavaLampBottomStyle li a {
margin: auto 3px;
}  
.lavaLampBottomStyle li a:hover, .lavaLampBottomStyle li a:active, .lavaLampBottomStyle li a:visited {
 border: none;
}                     

/* fin menu jquery*/
#bloc_une {
padding-right:0;
padding-left:0;
background:url(images/traits.png) repeat-x 50% bottom;
padding-bottom:10px;
width:820px;
padding-top:10px;
height:270px;
}

#bloc_a_la_une {
padding-right:0;
padding-left:0;
float:left;
padding-bottom:0;
width:240px;
padding-top:10px;
height:250px;
margin:0;
overflow:hidden;
}

#bloc_a_la_une h1 {
font-size:20px;
}

#bloc_a_la_une h1 span {
font-size:26px;
}

#text_intro {
padding-right:0;
padding-left:0;
padding-bottom:0;
overflow:hidden;
width:230px;
padding-top:10px;
height:145px;
text-align:justify;
}

#bloc_animation {
padding-right:9px;
padding-left:11px;
background:url(images/fond-a-la-une.png);
float:right;
padding-bottom:9px;
width:560px;
padding-top:11px;
height:240px;
overflow:hidden;
}
* html #bloc_a_la_une
{
width:230px;

}
.read_more {
margin:10px 0 0;
float:right;
height:24px;
line-height:24px;
}

.read_more a {
background:#0077BA;
color:#FFF;
font-size:11px;
font-weight:400;
padding:5px 8px;
line-height:24px;
}

.read_more a:hover {
background:#111;
}

.sliderwrapper_video {
overflow:hidden;
width:560px;
position:relative;
height:240px;
}

.sliderwrapper_video .contentdiv {
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
left:0;
visibility:hidden;
width:560px;
position:absolute;
top:0;
height:240px;
-moz-opacity:1px;
opacity:1px;
overflow:hidden
}

.pagination_video {
padding-right:0;
padding-left:521px;
z-index:99999;
padding-bottom:0;
width:80px;
padding-top:10px;
position:relative;
top:-25px;
height:19px;
}

.pagination_video a {
background:url(images/carre-blanc.png) no-repeat;
overflow:hidden;
width:8px;
color:#fff;
height:8px;
}

.pagination_video a:hover {
background:url(images/carre-gris.png) no-repeat;
overflow:hidden;
width:8px;
color:#989898;
height:8px;
}

.pagination_video a.selected {
background:url(images/carre-gris.png) no-repeat;
overflow:hidden;
width:8px;
color:#989898;
height:8px;
}

.pagination_video div {
float:left;
margin:0 5px 0 0;
overflow:hidden;
width:8px;
height:8px;
}

#nos_solu_acc {
padding-right:15px;
padding-left:10px;
background:url(images/geolocalisation.jpg) no-repeat right 50%;
float:left;
padding-bottom:0;
width:220px;
padding-top:24px;
height:210px;
text-align:right;
}

#nos_prod_acc {
padding-right:20px;
padding-left:15px;
background:url(images/nos-produits.jpg) no-repeat;
float:left;
padding-bottom:0;
width:255px;
padding-top:124px;
height:110px;
text-align:right;
}
#nos_prod_acc ul.left_1
{
margin:0 0 0 10px;
width:100px;
height:55px;
padding:0;
float:left
}
#nos_prod_acc ul.right_1
{
margin:0;
width:120px;
height:55px;
padding:0;
float:right
}
#nos_prod_acc li
{
padding:0;
margin:0;
line-height:17px;
height:17px;
overflow:hidden;
list-style:none
}
#nos_prod_acc li a
{
color:#FFF

}

.bloc_text {
margin:0 0 12px;
overflow:hidden;
width:100%;
height:58px;
text-align:justify;
line-height:13px;
}

.txt_blanc {
color:#fff;
}
a.txt_bleu, #nos_prod_acc li a:hover {
color:#0077BA;
}
a.txt_bleu:hover {
color:#0077BA;
text-decoration:underline
}
#cartographie {
padding-right:20px;
padding-left:15px;
background:url(images/cartographie.jpg) no-repeat left 50%;
float:left;
padding-bottom:0;
width:250px;
padding-top:24px;
height:210px;
text-align:right;
}

#left {
float:left;
width:230px;
padding:15px 10px 20px 0
}

#right {
float:right;
width:570px;
padding:15px 0 20px 0
}

#right li {
margin:0 0 5px 25px;
list-style-type:circle;
}

#right p {
padding:10px 0;
line-height:18px;
}

#right h1 {
font-size:26px;
font-weight:bold;
padding:0 0 10px;
color:#FFF;
}
#right h2 {
font-size:22px;
font-weight:bold;
padding:0 0 10px;
color:#FFF;
}
#right h3 {
font-size:18px;
font-weight:bold;
padding:0 0 10px;
color:#FFF;
}
#right h4 {
font-size:16px;
font-weight:bold;
padding:0 0 10px;
color:#FFF;
}
#right h5 {
font-size:15px;
padding:0 0 10px;
color:#FFF;
font-weight:bold
}
#right h6 {
font-size:14px;
font-weight:bold;
padding:0 0 10px;
color:#FFF;
}
img.centered {
display:block;
margin-left:auto;
margin-right:auto;
}

img.alignright {
padding:4px;
margin:0 0 2px 7px;
display:inline;
}

img.alignleft {
padding:4px;
margin:0 7px 2px 0;
display:inline;
}

.alignright {
float:right;
}

.alignleft {
float:left;
}

#footer {
clear:both;
padding-right:0;
border-top:#191919 1px solid;
padding-left:0;
padding-bottom:10px;
padding-top:10px;
height:20px;
color:#bbb;
}

#footer .text_adres {
float:left;
width:700px;
height:20px;
}

#footer .img_ft {
float:right;
width:73px;
height:20px;
}
.title_une
{
background:#0077BA;
height:15px;
padding:5px 0 5px 10px;
width:220px;
margin:0 0 10px;
}
.title_une a
{
color:#FFF
}
#menu_left li
{
background:url(images/traits.png) repeat-x bottom;
padding:0 0 5px 25px;
margin:10px 0 0 0;
}
#menu_left .curent
{
background:url(images/puce.png) no-repeat 0 50%;
font-weight:bold;
padding:0 0 0 15px;
}
#menu_left li a
{
color:#FFF
}
#menu_left li a:hover
{
color:#FFF;
text-decoration:underline
}
.list_cat
{
height:85px;
width:550px; 
clear:both; 
background:url(images/traits.png) bottom repeat-x;
padding:10px 0 10px 5px;
margin:0 0 10px 0;
}
.img_list_cat
{
float:left;
width:90px;
}
.img_list_text
{
float:right;
width:440px;
}
.img_list_text h3 a
{
font-size:14px;
font-weight:bold
}
.news_l
{
background:url(images/traits.png) bottom repeat-x;
padding:10px 0 10px 5px;
margin:0 0 10px 0;
text-align:justify
}
#last_act
{
padding:20px 0 0 0
}
#last_act h3
{
padding:0 0 10px 0;
}
#last_act h3 a 
{
font-weight:bold;
font-size:13px
}
.bloc_prod_left
{
width:375px;
height:170px;
float:left;
margin:40px 0 0 0;


}
.bloc_prod_right
{
width:375px;
height:170px;
float:right;
margin:40px 0 0 0;
}
.bloc_prod_left h2, .bloc_prod_right h2
{
font-size:24px;
padding:0 0 10px 0;
background:url(images/traits.png) repeat-x bottom;
width:100%;
height:25px;
overflow:hidden;
margin:0 0 10px 0
}
.text_bloc_prd
{
float:right;
width:240px;
height:110px;
text-align:justify
}
.img_bloc_prd
{
float:left;
width:110px;
height:110px;
}
.text_bloc_prd a
{
text-decoration:underline;
font-size:12px;
}
.text_bloc_prd  li
{
margin:0 4px 0 0;
list-style-type:none
}
.text_bloc_prd  ul
{
padding:5px 0 0 0;
}
.bloc_top_prd
{
margin:15px 0 0 0;

}
.bloc_prod_right h2 a , .bloc_prod_left h2 a
{
color:#FFF

}
.navbarre
{
height:20px;
clear:both
}
.trait_act
{
background:url(images/traits.png) bottom repeat-x;
padding:0 0 10px 0;
margin:0 0 20px 0;
}
.bloc_prdo_une
{
height:220px;
width:162px;
float:left;
overflow:hidden



}
.bloc_prdo_une_padding
{
padding:0 42px;
}

.bloc_prdo_une h2 a
{
font-size:15px;
line-height:15px;
overflow:hidden;
height:15px
}
.bloc_prdo_une h2
{
padding:0;
margin:0;
line-height:10px;
overflow:hidden;
height:10px
}
.bloc_prdo_une img
{
padding:5px;
margin:10px 0 0 0;
border:1px #222 solid
}
.lire_more
{
float:right; 
width:230px; 
text-align:right; 
margin-right:10px;
background:url(images/traits.png) top repeat-x;
height:20px;
padding-top:5px;
margin-top:15px
}