.invisibility {	visibility:hidden; display:none; }
a:link		{ color: #33281b; text-decoration: none; }
a:active	{ color: #33281b; }
a:visited	{ color: #33281b; text-decoration: none; }
a:hover     { color: #7faf4f; text-decoration: none; }

a.lien:link		{ color: #7faf4f; font-weight:bold; text-decoration: underline ; }
a.lien:active	{ color: #7faf4f; font-weight:bold; text-decoration: underline ; }
a.lien:visited	{ color: #7faf4f; font-weight:bold; text-decoration: underline ; }
a.lien:hover     { color: #7faf4f; font-weight:bold; text-decoration: underline ; }

a.lien_ip:link		{ width: 100%; color: #33281B; text-decoration: none; }
a.lien_ip:active	{ width: 100%; color: #33281B; text-decoration: none; }
a.lien_ip:visited	{ width: 100%; color: #33281B; text-decoration: none; }
a.lien_ip:hover     { width: 100%; color: #33281B; text-decoration: none; }

.smaller { font-size: smaller; }
.bolder { font-weight: bold; }
.clear { clear:both; }
.float-left { float:left; } 


body {	text-align: center; border: 0; padding: 0; margin:0;
 background-image: url(../images/img_bckg_degrade.jpg);
 background-repeat: repeat-x; background-attachment : fixed;
 background-color: #6C543C; background-position: bottom;
 font: 0.8em Verdana, Arial, Helvetica, sans-serif; height:100%;
}
hr{ border-bottom: 1px solid #111111; border-top: 0 solid #111111;
    border-left: 0 solid #111111; border-right: 0 solid #111111; height:1px;}
img { border:0; padding:0; margin:0; }
form.catalogue,form.commande {display:inline; margin:0;}
html{ height:100%; }
#wrap {	width:800px; margin: auto; padding:0; border:0;	background-color:#fff;
	min-height:100%; margin-bottom:-32px;
}
#content{ padding:0; margin:0; width:800px; height:auto; display:block;
	background-color:#fff;
}
#left{	text-align:left; width:206px; float:left; padding: 0 0 0 15px; margin:0;
    border:0; background-color:#fff; 
}
#right{	width:564px; text-align:left; padding:0; margin:0 0 0 10px; border:0; 
    float:right; display:block; background-color:#fff;
}
#content-box-roll{ float:left; margin:0 auto; padding: 0; width:95%;
	display:block; background-color:#fff;
}	
#logo{	padding: 0; display:block; float:left; width:204px; 
    height:112px; background: url(../images/img_logo_flo.gif) left;
}
#logofr{	padding: 0; display:block; float:left; width:204px; 
    height:112px; background: url(../images/logo_flo_fr.gif) left;
}
#logoen{	padding: 0; display:block; float:left; width:204px; 
    height:112px; background: url(../images/logo_flo_ang.gif) left;
}
a.logo{	float:left;	width:204px; height:112px; 
    background: url(../images/img_logo_flo.gif) left ;		
}
.pointille{	width:494px; height:44px; float:right; }
div.nouvelles_teaser {	width:188px; height:212px; clear:left;
	border: solid 7px #513927; padding:0; color:#fff;	
    background:#6C543C url(../images/nouvelle_bkg.jpg) bottom right;
    display: table-cell; vertical-align: middle;position: relative;
}
div.nouvelles_teaser_index { width:188px; height:212px;	clear:left;
	border: solid 7px #513927; 	padding:0; margin:0px 0 10px 0;
	color:#fff;	background:#6C543C url(../images/nouvelle_bkg.jpg) bottom right;
	display: table-cell; vertical-align: middle;position: relative;
}
table.nouvelles_teaser_index {
	width: 100%; height: 100%;
}
div.nouvelles_teaser_catalogue { text-align:center;	width:192px; height:25px;
	clear:left;	border: solid 5px #513927; padding:0; margin:0 0 5px 0;
	color:#fff;	background:#6C543C url(../images/nouvelle_bkg.jpg) bottom right;
}
div.nouv{ padding-left:5px;	padding-bottom:7px;font-weight : bold;	color : #fff; font-size: 0.9em; }	
div.titre_nouv{	padding-left:5px; font-weight : bold; color : #fff; font-size: 0.8em; }
div.date_nouv{	color : #7ea64d; font-weight : bold; padding-left:5px;font-size:.9em; }
div.date_nouvelle{	color : #7ea64d; font-weight : bold;}
div.texte_nouv{	color : #fff; font-size:.9em; padding-right:5px;
    padding-left:5px;
}  
div.aller{ text-align:right; padding-right:10px; padding-top:4px;margin: 0 0 0 auto;}
div.aller img { display: block; margin: 0 0 0 auto; }
div.av_promotion_teaser { margin:10px 0 0px 0; }
div.promotion_teaser {	width:192px; height:35px; border: 0; padding:0;
	margin:0px 0 5px 0;	color:#fff;   float:left;
	background: #fff url(../images/motif_vert_bkg.gif) repeat-x;
	font-size:larger;	text-align:center;
}
div.promotion_teaser_bordure {  width:5px;  height:35px;  float:left;
  background: #fff url(../images/motif_vert_bordure.gif) repeat-x;  
}
div.telephonie_ip_teaser_catalogue{ clear:both; height:31px;  width:198px;
    text-align:center;    background-color:#ddeba6;   border:2px solid #6fa200;
    margin:0px 0 10px 0;
}
div.prompt_teaser {	width:65%; clear:left; float:left; padding:0px;
	margin-bottom:0; color:#fff; display:block;
}
div.prompt_teaser form{ color:#FFF;  background:#ddeba6; 
    text-align: right;
    margin: 0 0 0 0px;
    }
div.prompt_teaser form p{ margin:0 5px 0 5px; }
div.prompt_teaser form p label{  width:50%; }
div.etat_commande {	width:202px; clear:left; float:left; padding:0 0 5px 0;
	margin: 0;	color:#fff;	background-color:#fff;	display:block;
}
div.etat_commande form{ color:#fff; background:#ddeba6; text-align: right;
    margin: 0; padding:0;
}
.txt { font-size: 1.0em; color: black;}
.date {	color:#7faf4f; font-size:10px; }
div.header { margin:0 ;	padding: 0px; float:left; width:100%; height:112px;
	display:block;	background: url(../images/pointille.jpg) 14px 54px repeat-x;
}	

div.header-index {	margin:0 ;	padding: 0px; float:left; width:100%;
	height:112px; display:block;
    background: url(../images/pointille.jpg) 14px 54px repeat-x;
}
#sous_menu { display:none; padding:0; margin:0;	border:0; }	
#sous_menu_acc { display:none; padding:0; margin:0;	border:0; }	
#promotion_du_mois { margin:62px 0 20px 0; width:100%; float:left; padding:0;
	border:0; display:block; color:black;
}	
div.ISO_9001 { float: left; text-align:left; width: 65%; background-color:#fff;
	height:2em;	padding:0; margin:0; font-size:.8em; border:0; color: #34403C;
	border-top:1px solid #D3D3D3; padding-top:2px;
}	
select.pays{font-size:.9em;}

div.menu_bas {	float: right; text-align:right; width:35%; background-color:#fff;
	height:2em;	padding:0; margin:0; font-size:.8em; border:0; color: #34403C;
	border-top:1px solid #D3D3D3;  padding-top:2px;
}	
div.ISO_9001_comm { float: left; text-align:left; width: 65%; 
    background-color:#fff; height:74px;	padding:0; margin:0; font-size:.8em;
	border:0; color: #34403C; border-top:1px solid #D3D3D3; 
}	
div.menu_bas_comm {	float: right; text-align:right;	padding:0; padding-top:62px;
	height:12px; width:35%;	background-color:#fff; font-size:.8em; border:0;
	color: #34403C;	border-top:1px solid #D3D3D3; 
}	
div.footer{	clear:both;	background-color:#fff; width:800px;	margin: auto;
	padding:0; border:0;
}
#clearfooter{ clear:both; background-color:#fff; width:800px; margin:0 auto;
    height:50px;
}
* > html #clearfooter {float:left;width:100%;}
#clearfooter-index{ clear:both; background-color:#fff; width:800px; 
    margin:0 auto; height:50px;
}
* > html #clearfooter-index {float:left;width:100%;}
#z-index{ background-color: transparent ; position: absolute; top: 371px; left:0;
    height:35px; width:100%;
}
div.menu {	text-align:left; padding: 10px 10px 0 0; margin:0;	border:0; }	
div.menu-index { text-align:left; padding: 10px 0 0 30px; margin:0;	border:0; }
div.menu-container { float:left; padding-left:30px;	width:68%; }
#barre_outil{ background: #fff url(../images/motif_vert_bkg.gif) repeat-x;
    height:35px; width:800px; font-family: Verdana,Arial,Helvetica,sans-serif; font-size:1em; 
    text-align: center; margin:0 auto 17px auto; display:block;
}
h1.titre_page{	margin:0; font-size: 2.4em;	font-weight: bold; color: #33281B;
	padding-bottom:5px; font-family:Verdana,Arial,Helvetica,sans-serif;
}
#content-roll{	width:561px; height:227px; background-color: transparent; }
#left-roll{	width:243px; height:227px; padding:0; margin:0;
	background-color: transparent; float:left;
}
#navigation ul { list-style: none; padding:0; margin:0; }
#navigation li { float:left; display:inline; background-color: transparent; margin:0; 
	border-left: 7px solid #e8eae7; border-top: 7px solid #e8eae7;}
#navigation li a { background: url(../images/img_accueil.png) no-repeat; }
#navigation li.entretien a{	display:block; width:111px;	height:103px;
	 color:black;	margin:0; background-position : 0px 0px;
}
#navigation li.entretien a:hover{ 
	background-position : 0px -103px;
}

#navigation li.reusinage a{	display:block; width:111px; height:103px;
   color:black; margin:0; background-position : -111px 0px;
   border-right: 7px solid #e8eae7;
}
#navigation li.reusinage a:hover{
	background-position : -111px -103px;
}
#navigation li.accessoire a{ display:block;	width:111px; height:103px;
	color:black; margin:0; background-position : -222px 0px;
	border-bottom: 7px solid #e8eae7;
}
#navigation li.accessoire a:hover{
	background-position : -222px -103px;
}
#navigation li.approvisionnement a{	display:block; width:111px;	height:103px;
	color:black; margin:0;	 background-position : -333px 0px;
	border-bottom: 7px solid #e8eae7; border-right: 7px solid #e8eae7;
}
#navigation li.approvisionnement a:hover{
	background-position : -333px -103px;
}

#right-swap {
    float:left; width:318px; height:227px;
}

#right-swapfr { float:left; width:318px; height:227px;
	background-image:url(../images/img_text_acc.png);
	background-position : -0px 0px;
}
#right-swapen { float:left; width:318px; height:227px; 
	background-image:url(../images/img_text_acc_ang.png);
	background-position : -0px 0px;
}
div.titre_doc {	font-weight : bold; }	
img.doc { float:left; clear:left; margin-right:20px; }
div.spacer{	border-top: 1px dashed #d2e0c1;	width:100%;}
div.spacerClear{ clear: both; height:1px; margin:0; padding:0; font-size:0;}
div.spacer_index{ clear:both; margin:8px 15px 0 15px;
    background: #fff url(../images/spacer_index.gif) repeat-x;
}
div.spacer_index2{ margin:8px 0px 0 15px; height:15px; background: #fff url(../images/spacer_index.gif) repeat-x;
}
div.doc_cat{ color: #7aa74f; text-transform:uppercase;	font-weight:bold;
	border-bottom: 1px solid #7aa74f;	width:100%;
}	
input.calc,textarea.calc {	background-color: #f3f3f9;
	border: 1px solid #33281B;	text-align:right; font-size: small;
}
select{ font-size: small; }
select.calc{ background-color: #f3f3f9;	border: 1px solid #000000; font-size: small; }	
input.calc:focus,input.sffocus,textarea.sffocus,textarea.calc:focus{
	background-color: #fff;	border: 1px solid #7aa74f;	text-align:right; font-size: small;
}
input.text,textarea.text,select.text { background-color: #f3f3f9;
	border: 1px solid #33281B;text-align:left; font-size: small;
}
input.text:focus,input.textfocus,textarea.textfocus,textarea.text:focus {
	background-color: #fff;	border: 1px solid #7aa74f;text-align:left; font-size: small;
}
div.ligne_verte{ position:relative;	top:43px; left:25px; 
    border-top: 2px solid #7aa74f; 	width: 561px; overflow:hidden; z-index:10;
}
th.calc{ color: #7aa74f; text-align:left; font-size: 1.1em;
	font-family:Verdana,Arial,Helvetica,sans-serif;
}
.promotion{ font-size: 1.4em; color: #7aa74f;
    font-family:Verdana,Arial,Helvetica,sans-serif;
}
.promotion a,.promotion_n3 a{
    color: #7aa74f;
}
.promotion_n2 a{
    color: #33281B;
}
.promotion_n2{ font-size: 1.2em; color: #33281B;
    font-family:Verdana,Arial,Helvetica,sans-serif;
}
.promotion_n3{ font-size: 1.0em; color: #7aa74f;
    font-family:Verdana,Arial,Helvetica,sans-serif;
}
td.promotion_courriel{ font-size: 0.8em; }
span.prix_promotion{ font-size: 1.4em; color: #7aa74f;
    font-family:Verdana,Arial,Helvetica,sans-serif;
}
.vingt{  font-size: 1.0em; height:22px; color:#fff; background-color: #799ea4;
    font-family: Arial, Helvetica, sans-serif; padding:8px 0 0 16px; margin: 0;
}
.deux-cent{ font-size: 1.0em; height:22px; color:#fff; background-color: #7ea64d;
    font-family:Arial,Helvetica,sans-serif; padding:8px 0 0 16px; margin: 0;
}
.deux-mille{  font-size: 1.0em; height:22px; color:#fff; background-color: #6c543b;
   font-family:Arial,Helvetica,sans-serif; padding:8px 0 0 16px; margin: 0;
}
th.economie{ color: #33281B; text-align:left; font-size: 1.2em;}
th.panier{ color: #33281B; text-align:left;	font-size: 0.8em;}
th.commande{ color: #33281B; text-align:right; font-size: 0.8em;}	
th.commande_left{ color: #33281B; text-align:left; font-size: 0.8em;}	
div.question{ text-align: justify; font-weight: bold; }
div.reponse{ text-align: justify; }
div.categorie{ text-align: justify;	font-weight: bold;}
ul{	list-style: none; }
ul.menu_item{ list-style: none; padding:0; margin:0;border:0; }
ul.barre_item{ list-style: none; padding: 0; margin:0 auto 0 auto;border:0;}
ul.question{	list-style-image: url("../images/bullet.gif");	margin-top: 2px;
    margin-bottom: 2px;
}
ul.normal{	list-style: disc; }
ol{ margin-bottom:0; }
ol.sondage{ padding:0; margin:0;border:0; }
ul.menu{  list-style-image: url("../images/pixel.gif");  padding:0; 
    margin: 5px 0 0 0;
}
ul.menu li{ margin: 0 0 4px 15px; padding: 0; 
}
.titre_cat{	font-weight : bold;	font-size : 1.02em;}
div.titre_cat_spec{	font-weight : bold;	font-size : 1.02em; color: #7aa74f;
}

span.titre-ip-list{ color: #7aa74f; font-weight : bold; font-size : 1.0em;}
span.titre-ip-partenaire-techno{ color:#33281B;font-weight : bold; font-size : 1.0em;}
p.titre-ip-fonctions-flo-ip{ color:#33281B;font-weight : bold; font-size : 1.2em;padding:10px 0 0 0;margin:0;}
p.titre-ip-services-flo-ip{ color:#33281B;font-weight : bold; font-size : 1.1em;padding:12px 0 15px 0;margin:0;width:410px;}
p.services-telephonie-ip{ color:#3d3400;font-size : 1.0em;padding:0 0 0 0;margin:0; width:410px;}

h2.telephonie-ip { background-color:#70a741;height:30px;color:#fff;padding-left:14px;margin:0 0 5px 0;font-size : 1.8em; }
h2.flo-ip { background-color:#8baeb2;height:30px;color:#fff;padding-left:14px;margin:0 0 16px 0; font-size : 1.8em; }
h3.titre-ip{ color: #7aa74f; font-weight : bold; font-size:0.95em;margin:20px 0 3px 0;}
h3.titre-ip-fontions { color: #7aa74f; font-weight : bold; font-size:0.95em;margin:0px 0 0px 0;}
br.ip { line-height:5px; }
ul.telephonie-ip-economie{	list-style: disc;  list-style-position: inside; margin: 5px 0 0 0; padding:0 0 0 0; }
ul.telephonie-ip-economie li { margin-left:15px;  }
ul.telephonie-ip{	font-size : 0.95em; list-style: disc; margin: 5px 0 0 0; padding:0 0 0 0; }
ul.telephonie-ip li { margin-left:15px;}
p.avantages-telephonie-ip { color: #5b8eab; font-size : 1.1em; margin:0 0 11px 0; padding:0; width:300px;}
.titre-ip-grand{ color: #7aa74f; font-weight : bold; font-size:1.6em;margin:6px 0 0 0;}
p.flo-ip{ margin: 0px 0px 5px 0px; }
p.fonctions-telephonie-ip { color: #3d3400; font-size : 1.4em; margin-bottom:11px; width:285px;}
p.fonctions-residences-telephonie-ip { color: #3d3400; font-size : 1.4em; margin-bottom:11px; width:400px;}

h3.telephonie-ip { background-color:#89afb2;font-weight : bold; height:19px; color:#fff; padding:3px 0px 0 5px;margin:0 0 0 0;font-size : 0.95em; }
ul.telephonie-ip-service{ list-style: disc; }
ul.telephonie-ip-service-technique{ list-style: none; padding-right:15px; }
div.telephonie-ip-service-technique{ width:535px; background-color:#e1e9eb; }
ul.telephonie-ip-service li { margin-left:15px;}
.service-ip{ margin: 0 0 0 0; padding:9px 0 12px 5px; background-color:#e1e9eb; }
div.flo-ip-service-technique{ width:17px; }


h2.telephonie-entreprise { font-size: 1.0em; color:#33281B; font-weight: bold; margin:0; padding:0; }
h2.reusinage { color: #7aa74f; font-size: 1.5em; margin:0; padding:0 0 15px 0; font-weight: 100; font-family: Arial, Helvetica, sans-serif;  }
h2.approvisionnement { font-weight: normal; color: #3D3400; font-size: 1.2em; clear:left;width:70%; margin:0; padding:0 0 5px 0; }
h2.accessoires { font-weight: normal; color: #3D3400; font-size: 1.2em; clear:left;width:70%; margin:0; padding:0 0 5px 0; }
h2.plan-entretien { color: #7aa74f; font-size: 1.5em; margin:0; padding:4px 0 0 0; font-weight: 100; font-family: Arial, Helvetica, sans-serif;  }
h2.reusinage-parc { color: #7aa74f; font-size: 1.5em; margin:0; padding:4px 0 0 0; font-weight: 100; font-family: Arial, Helvetica, sans-serif;  }
h2.accessoire { color: #7aa74f; font-size: 1.5em; margin:0; padding:4px 0 0 0; font-weight: 100; font-family: Arial, Helvetica, sans-serif;  }
h2.approvisionnement-index { color: #7aa74f; font-size: 1.5em; margin:0; padding:4px 0 0 0; font-weight: 100; font-family: Arial, Helvetica, sans-serif;  }
h2.telephonie { color: #7aa74f; font-size: 1.3em; margin:0; padding:15px 0 15px 0; font-weight: 100; font-family: Arial, Helvetica, sans-serif; }
div.plan-entretien { margin:0 0 0 0; padding:50px 0 0 15px; }
div.telephonie { margin:0 0 0 0; padding:50px 0 0 15px; }
div.reusinage { margin:0 0 0 0; padding:50px 0 0 15px; }
div.accessoire { margin:0 0 0 0; padding:50px 0 0 15px; }
div.approvisionnement { margin:0 0 0 0; padding:50px 0 0 15px; }


p.telephonie { color: #7aa74f; font-size: 1.3em; margin:0; padding:15px 0 15px 0; font-weight: 100; font-family: Arial, Helvetica, sans-serif; }

ul.index{	list-style-image: url("../images/bullet-index.gif"); margin: 7px 0 0 0; padding:0 0 0 0; }
ul.index li { margin-left:15px; color:#33281B; }

ul.fonctions { width:245px;float:left; }
div.flo-ip-messagerie-vocale{ width:30px;float:left;}
div.flo-ip-economie{ float:left;width:121px;height:265px;margin:10px 15px 0 0;}
div.flo-ip-logo{ float:right;width:227px;height:474px;position: relative; top: -135px; }
div.flo-ip-avantages-logo{ float:right;width:197px;height:185px;position: relative; top: -135px;}
div.flo-ip-services-logo{ float:right; width:121px;height:206px;margin-top: -110px; }
div.flo-ip-fonctions-logo{ float:right;width:236px;height:222px;margin-top: -132px;}
div.flo-ip-residences-logo{ float:right;width:120px;height:275px;margin-top: -120px;}

div.flo-ip-systeme{ width:290px; }

div.titre_choix{ font-weight : bold; font-size : 0.8em; }
div.inline { display:inline; }
div.desc { font-size : 0.8em; }
div.resultat_trouve{ text-align:right; font-size : 0.8em;}
div.item_cat{ position:relative; left:20px;	margin-left:154px;}
div.item_cat_rep{ position:relative; left:20px;	width: 200px;
    margin-left:154px;
}
div.service{ float:right;font-size: 0.8em;}
img.cat { float:left; clear:left; }
img.index { float:left; margin-right: 4px; }
tr.panier{	background:#ddeba6; }
td.panier{	border-bottom: 3px solid #fff;	}
div.etape{	font-size: 0.8em; text-align:right;	float:right; line-height:36px;
	vertical-align:bottom;
}	
div.etape_en_cour{	display:inline;	font-weight:bold;color:rgb(127, 175, 79); }
div.commande{ line-height: normal; }
td.comm_info{ font-size: 0.8em;	text-align:left; }	
div.section_commande{background:#ddeba6; font-weight:bold; padding-top:3px;
	padding-bottom:3px;	font-size: 0.8em; padding-left:10px; text-align:left;
    text-transform:uppercase;
}	
div.profil{background:#ddeba6; font-weight:bold; padding-top:3px;
	padding-bottom:3px;	padding-left:3px; text-align:left;
    text-transform:uppercase;
}	
th.section_commande{ background:#ddeba6; font-weight:bold; padding-top:3px;
	padding-bottom:3px;	font-size: 0.8em; padding-left:10px; text-align:left;
}
.erreur{ color:red;	font-size: 0.8em; text-align:left; }	
input.btn{ vertical-align:bottom; }
.vbottom { vertical-align:bottom; }
#footer { width:800px; margin: auto; clear:both; height:25px; 
    background-color: #FFF;	color: #000; text-align:center;	position:relative;
}
label{	color:black; }
td.ligne_grise{ border-right:1px solid #d3d3d3;}
div.ligne_grise{ border-top:1px solid #d3d3d3;}
div.agrandir{ margin:0 0 0 40px; padding:0px;}
.largeFloatSnp
{
    width: 100px;
    height: 100px;
    left: 100px;
    position: absolute;
    top: 100px;
}

.autocomplete {position:relative;text-align:left;border:1px solid #404040;background:#fff;font-size:85%;overflow:hidden;display:none;}
.autocomplete ul {position:relative;width:100%;margin:0;padding:5px 0;list-style:none;}
.autocomplete li {padding:0 5px;cursor:default;white-space:nowrap;display:list-item;}
.autocomplete li.highlight {background:#ddeba6; color: black;}
#menu_gauche_ip_type { color:#33281B; font-family:Arial,Helvetica,sans-serif; font-size:0.95em;}
#menu_gauche_ip_type li.last { padding:2px 5px 2px 5px; margin: 1px 0 1px 0; text-align:right; }
#menu_gauche_ip_type li { padding:2px 5px 2px 5px; margin: 1px 0 1px 0;  text-align:right; }
#menu_gauche_ip_type ul { list-style: none; padding:0; margin:0; width:202px; }
hr.menu-analyse-ip{ margin:5px 0 5px 0;padding:0; }
div.texte_temoignage{	color : #000; font-size:.9em; padding-right:3px;
    padding-left:5px;
}  
div.texte_temoignage cite { font-style: normal; }
div.texte_temoignage em { font-style: italic; }

.sidebox {
    width:202px;
	background: url(../images/sbbody-r.gif) no-repeat bottom right;
    padding: 0;
    margin:0;
}
.boxhead {
	background: url(../images/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(../images/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 0px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	/*text-shadow: rgba(0,0,0,.4) 0px 2px 5px;*/ /* Safari-only, but cool */
}
.boxbody {
	background: url(../images/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 0px 13px 16px;
}
h2.realisation{ font-size: 1.2em; color:#33281B; font-weight: bold; }
h3.realisation-client{ font-size: 1.0em; color:#33281B; font-weight: bold; margin:0; padding:0; }
h3.realisation{ font-size: 1.0em; color:#33281B; font-weight: bold; margin:0; padding:13px 0 0 0; }
#realisation-img{ padding-right: 20px; }
.section_sondage{background:#ddeba6; font-weight:bold; padding-top:3px;
	padding-bottom:3px;	font-size: 0.8em; text-align:center;
    text-transform:uppercase;
}
.sondage{ color: #33281B; text-align:center; font-size: 0.8em;}	

/* menu css css play */ 
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.nav-container {font-family: Verdana, Arial, Helvetica, sans-serif; width:800px; height:35px; position:relative; z-index:100;}
/* hack to correct IE5.5 faulty box model */
* html .nav-container {width:801px; w\idth:800px;}
/* remove all the bullets, borders and padding from the default list styling */
.nav-container ul {padding:0;margin:0;list-style-type:none;}
.nav-container ul ul {width:130px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.nav-container li {float:left;width:130px;position:relative;}
/* style the links for the top level */
.nav-container a, .nav-container a:visited {display:block; font-size:14px; font-weight: bold;text-decoration:none; color:#fff; width:119px; height:35px; line-height:34px; font-weight:bold;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .nav-container a, * html .nav-container a:visited {width:130px; w\idth:119px;}
/* style the second level background */
.nav-container ul ul a.drop, .nav-container ul ul a.drop:visited {background-color:#ddeba6;}
/* style the second level hover */
.nav-container ul ul a.drop:hover{background-color:#ddeba6; color:#7faf4f;}
.nav-container ul ul :hover > a.drop {background-color:#ddeba6; color:#7faf4f;}
/* style the third level background */
.nav-container ul ul ul a, .nav-container ul ul ul a:visited {background:#ddeba6;}
/* style the third level hover */
.nav-container ul ul ul a:hover {background:#ddeba6;color:#7faf4f;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.nav-container ul ul {visibility:hidden;position:absolute;height:0;top:34px;left:0; width:130px;border-top:1px solid #6ea100;}
/* another hack for IE5.5 */
* html .nav-container ul ul {top:33px;t\op:34px;}

/* position the third level flyout menu */
.nav-container ul ul ul{left:129px; top:-1px; width:130px;}
.nav-container ul ul ul a , .nav-container ul ul ul a:visited{border-width:0px 1px 1px;}

/* position the third level flyout menu for a left flyout */
.nav-container ul ul ul.left, .nav-container ul ul ul.left a:visited {top:-1px;left:-129px;border-width:0px 1px 1px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.nav-container table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.nav-container ul ul a:link, .nav-container ul ul a:active, .nav-container ul ul a:hover{font-size:11px;}
.nav-container ul ul a, .nav-container ul ul a:visited {font-size:11px;background:#ddeba6; color:#33281b; height:auto;padding:5px;border-color:#6ea100;border-style:solid;border-width:0px 1px 1px 1px; line-height:1em; width:118px;}
/* yet another hack for IE5.5 */
* html .nav-container ul ul a, * html .nav-container ul ul a:visited {width:130px;w\idth:118px;}

/* style the top level hover */
.nav-container ul a.current { color:#33281b; }
.nav-container ul a:hover {color:#33281b; font-size:13.99px;}
.nav-container :hover > a, .nav-container ul ul :hover > a {color:#33281b; }
.nav-container ul ul a:hover{color:#7faf4f;}
/* make the second level visible when hover on first level list OR link */
.nav-container ul li:hover ul,
.nav-container ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.nav-container ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.nav-container ul :hover ul :hover ul{ visibility:visible;}
.topline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	text-decoration: none;
}
a.topline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	text-decoration: none;
}
.topline:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFF99;
	text-decoration: none;
}
.toplinedown {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFF99;
	font-weight: bold;
}
#barre-haut {
    background-color:transparent;
    left:0;
    position:absolute;
    top:0px;
    width:100%;
}