/* body { margin: 0; background-color: #DADADC; } */
body { padding: 0; margin: 0; background-color: #ddd; background: #fefefe url('http://www.environnement-online.com/css/img/back.png') repeat-y scroll top center; }

a:hover {
	text-decoration:underline;
}

.error_message {
  font-family: Arial, sans-serif; font-weight: bold; color: #f00; font-size: 0.9em;
}


#fwk_page { width: 1000px; margin: 0 auto; background-color: #dadadb; }
  #fwk_header { margin: 0 0 10px; }
    #fwk_header_top { background-color: #bd1220; }
      #fwk_bandeau_pub { width: 728px; height: 90px; }
      #fwk_encart_connection_abonne { width: 260px; height: 90px; float: right; }
  #fwk_menu_top { background: #ddd url('img/rounded_top_fade.png') no-repeat scroll left top; }
  #fwk_middle { background-color: #fff; border: solid 2px #aaa; border-width: 0 2px; }
    #fwk_side { width: 300px; float: right; padding: 5px 5px 5px 0; }
      #fwk_side div.module, #fwk_side div.advert_side { margin-bottom: 10px; }
    #fwk_content { margin: 0 0 0; padding: 5px 315px 20px 5px; }
      #fwk_main_content { width: 100%; }
  #fwk_footer { clear: both; border: solid 2px #aaa; border-width: 0 2px; color: #fff; background-color: #bd1220; }

/* banniere */
#fwk_banniere { display: block; width: 1000px; height: 79px; clear: both; position: relative; }
  #fwk_un_site_eo { position: absolute; top: 1px; right: 10px; color: #fff; font-size: 10px; font-family: Arial; margin: 0; padding: 0; }
    #fwk_un_site_eo a { color: #fff; text-decoration: none; }
    #fwk_un_site_eo a:hover { text-decoration: underline; }

/* menu du haut */
#menu { margin: 0; padding: 5px 0 5px 100px; background-color: #a6a8a9; }
  #menu li { cursor: pointer; display: inline; padding: 5px; font-family: Arial; font-size: 12px; font-weight: bold; color: #fff; text-transform: uppercase; }
    #menu li ul { display: none; }
  #sousmenu { margin: 0; padding: 10px; font-family: Arial; font-size: 12px; color: #fff; }
  #sousmenu ul { margin: 0; padding: 0; font-family: Arial; font-size: 12px; color: #fff; font-weight: bold; }
    #sousmenu ul li { display: inline; padding: 0 4px; font-weight: bold; }
      #sousmenu ul li a { color: #fff; text-decoration: none; }
        #sousmenu ul li a:hover { text-decoration: underline; }

p.flux_rss { clear: both; margin: 0 0 5px; padding: 0px 10px 0; font-family: Arial; font-size: 10px; }
  p.flux_rss a { text-decoration: none; color: #000; }
  p.flux_rss img { vertical-align: middle; border-width: 0; }

/* région du milieu (entre le header et le footer) */
#fwk_middle { background-color: #fff; width: 985px; padding: 5px; border: solid 2px #aaa; border-width: 0 2px; margin: 0 auto; }

/* footer */
#fwk_footer { font-family: Arial; font-size: 10pt; border: solid 2px #aaa; border-width: 0 2px; color: #fff; background-color: #93117e; }
#fwk_footer { clear: right; padding: 0 0 4px 0; font-size: 0.8em; color: #fff; }
#fwk_footer a { text-decoration: none; color: #fff; }
#fwk_footer ul.footer_bottom { margin: 0; padding: 0; list-style: none; font-size: 1em; text-transform: uppercase; font-weight: bold; text-align: center; background-color: #aaa; }
#fwk_footer ul.footer_bottom li { display: inline; padding: 0 4px; }
#fwk_footer ul.footer_bottom li img { vertical-align: middle; margin: 3px 0; border-width: 0; }
#fwk_footer p.contact { margin: 0; padding: 0; text-align: center; font-size: 0.75em; padding: 5px; }
#fwk_footer ul.sites_eo { margin: 0; padding: 0; list-style: none; text-align: center; font-size: 0.75em; }
#fwk_footer ul.sites_eo li { display: inline; margin: 0 3px; }

/* liste d'étapes pour la commande */
#commande_boutique_etapes { background-color: #94107E; padding: 5px; margin: 0 0 1em;}
  #commande_boutique_etapes h3 { font-family: Arial, sans-serif; color: #fff; margin: 0.2em 0 0.5em; }
  #commande_boutique_etapes .liste_etapes { margin: 0 0 5px; padding: 4px 0; list-style-position: inside; font-family: Arial, sans-serif; font-size: 0.7em; }
    #commande_boutique_etapes .liste_etapes li { margin: 0; padding: 4px; display: inline; background-color: #94107E; color: #fff; border: 1px solid #fff; }
    #commande_boutique_etapes .liste_etapes li.selected { text-decoration: underline; background-color: #C440AE; }

/* boutique - menu de gauche : liste des produits */
div.liste-produits { width: 200px; padding: 0; margin: 0; background-color: #CCC9E2; font-family: Arial, Verdana; font-size: 10pt; }
div.liste-produits h3 { background-color: #94107e; padding: 5px 5px 5px 15px; margin: 0; color: #fff; text-transform: uppercase; font-family: Arial, Verdana; font-size: 10pt; }
ul.produits-rubriques { list-style-type: none; padding: 10px; margin: 0; }
ul.produits-rubriques li { margin: 0 0 15px; }
ul.produits-rubriques li h4 { background-color: #5A5099; padding: 5px; margin: 0 0 5px; color: #fff; }
ul.produits-articles { list-style-type: none; padding: 0; }
ul.produits-articles li { color: #000; margin: 0 0 8px; font-size: 0.9em; }
ul.produits-articles li a { color: #000; text-decoration: none; }

/* dossiers - menu de gauche : liste des dossiers */
div.liste-dossiers { width: 200px; padding: 0; margin: 0; background-color: #641E64; font-family: Arial, Verdana; font-size: 10pt; }
div.liste-dossiers h3 { background-color: #94107e; padding: 5px 5px 5px 15px; margin: 0; color: #fff; font-family: Arial, Verdana; font-size: 10pt; }
div.liste-dossiers ul { list-style-type: none; padding: 10px; margin: 0; }
div.liste-dossiers ul li { margin: 0 0 15px; }
div.liste-dossiers ul li a { color: #fff; text-decoration: none; }

/* contenu */
#fwk_content { padding: 0 10px 0 10px; font-family: Arial; font-size: 0.8em; }
#fwk_content h2 { padding: 2px; text-transform: uppercase; font-weight: bold; font-size: 1em; background-color: #94127e; color: #fff; }
#fwk_content h3 { font-weight: bold; font-size: 1em; color: #333; margin-top: 1em; }

/* Cette propriété donne au bloc un contexte de formatage bien pratique pour la gestion des flottants :
   http://www.blog-and-blues.org/articles/Float%2C_clear_et_contextes_de_formatage */
.wrapper-context { overflow: auto; }

#fenetre {
	position: relative;
	overflow: hidden;
	width: 300px;
	text-align: left;
	padding: 0 10px;
}
#marquee {
	visibility: hidden;
	padding: 0 5px;
}
#unetxt {
	padding: 0 10px;
}
#unetxtj {
	padding: 0 10px;
}
#unephoto {
	padding: 0px;
}
.menuDT {
	padding-left: 20px;
}
.menuT {
	position: absolute;
	visibility: hidden;
	width: 160px;
	height: 80px;
}
.telex {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	text-decoration:none;
}
.mnha {
	position: absolute;
	height: 15px;
	width: 1000px;
}
.mnh {
	height: 15px;
	float: left;
	padding: 0 10px;
}
.mune {
	position: absolute;
	height: 275px;
	width: 127px;
}

.menu {
	padding: 5px;
}
.bloc10 {
	padding: 10px;
}
.bloc5 {
	padding: 5px;
}
.munea {
	height: 55px;
	width: 127px;
}
.finput {
	font-size: 10px;
	height: 18px;
	width: 75px;
}
.finputa {
	font-size: 10px;
	height: 18px;
	width: 100px;
}
.frech{
	font-size: 10px;
	height: 18px;
	width: 155px;
}
.fhrech{
	font-size: 10px;
	height: 18px;
	width: 100px;
}
.fnews{
	font-size: 10px;
	height: 18px;
	width: 215px;
}
.fchek{
	height: 12px;
	width: 12px;
}
.tripdm{
	font-size: 10px;
	height: 18px;
	width: 110px;
}
.tripar{
	font-size: 10px;
	height: 18px;
	width: 180px;
}
.a10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}
.a10b {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
.a12bb {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
.a12b {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}

.a12bo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;	
	text-decoration: none;
}
.a14bo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
.a14bb {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
.rechdes {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #646466;
	font-weight: bold;
}
.titreactu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000000;	
	text-decoration:none;
}
.chapeauactu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #646466;
	font-weight: bold;
	text-decoration: none;
}
.texteactu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;	
	text-decoration: none;
}
.entete {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	font-style: italic;
}
.surtitre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #de091d;
	text-decoration: none;
}
.titre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #000000;
	font-weight: bold;	
	text-decoration: none;
}
.chapeau {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #646466;
	font-weight: bold;
	text-decoration: none;
}
.texte {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
}
.intertitre  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;	
}
.signature  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
}
.note  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.info  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.titreenc  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.texteenc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.somrub {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #de091d;
	font-weight: bold;
}
.somsousrub {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #de091d;
	font-weight: bold;
}
.somtexte {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;	
	text-decoration: none;	
}
.enbref{
	text-decoration:none;
	color:#000000
}
.enbref:hover{
	text-decoration:underline;
	color:#000000
}
.sommaire{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration:none;
	color:#000000
}
.sommaire:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration:underline;
	color:#000000	
}
.sommairegras{
	text-decoration:none;
	color:#000000;
	font-weight:bold
}
.sommairegras:hover{
	text-decoration:underline;
	color:#000000;
	font-weight:bold
}