/*****************************/
/*           HTML            */
/*****************************/
body, html { width:100%; }
body { margin:0; padding:0; font:11px/16px Arial, Helvetica, sans-serif; background:#ef9200 url(/NAVPICS/fonds/fd_body.jpg) center 0 no-repeat; color:#4d515e; text-align:center; }
img { border:0; }
a { text-decoration:none; color:#4d515e; }
a:hover { text-decoration:underline; }
form, input, textarea, select { margin:0; }

ul { list-style:none; margin:0; padding:0; }
ul li { margin:0; padding:0; }
ul li a { display:block; margin:0; padding:0; }


/*****************************/
/*        STRUCTURE          */
/*****************************/
#container { margin:0 auto; padding:0 13px 0 0; text-align:left; width:852px; } /* conteneur de page */

#header { height:119px; padding:0; position:relative; width:852px; } /* entete */
#header img.logo { left:0; position:absolute; top:23px; }
#header img.baseline { left:134px; position:absolute; top:10px; }
ul#nav_main {  /* navigation principale */
	background:url(/NAVPICS/fonds/fd_menu.gif) 0 0 repeat-x;
	height:43px;
	left:120px;
	margin:0;
	padding:0 0 0 12px;
	position:absolute;
	top:76px;	
	width:720px;
}
ul#nav_main li { background:url(/NAVPICS/fonds/separ_menu.gif) 0 1px no-repeat; float:left; font:13px/44px "Trebuchet MS", "Myriad Pro", Helvetica, sans-serif; height:44px; position:relative; }
#menu0 { width:75px; }
#menu2 { width:116px; }
#menu3 { width:165px; }
#menu4 { width:131px; }
#menu5 { width:105px; }
#menu6 { width:128px; }

ul#nav_main li:first-child { background:none; }
ul#nav_main li a { color:#83816d; padding:0 7px 0 10px; text-align:center; }
ul#nav_main li a:hover, ul#nav_main li.on a, ul#nav_main li:hover a, ul#nav_main li.over a { background:url(/NAVPICS/fonds/fd_menu_on.gif) 0 0 repeat-x; color:#fff; text-decoration:none; }
ul#nav_main li ul {
	background:none;
	display: none;
	left: 0;
	list-style:none;
	margin:0;
	padding:0;
	position: absolute; 
	top: 43px;
	z-index:6;
}
ul#nav_main li:hover ul, ul#nav_main li.over ul { display: block; clear: left; }
ul#nav_main ul li, ul#nav_main li.on li, ul#nav_main li:hover li, ul#nav_main li.over li { background:none; display:block; float:none; font-size:11px; height:24px; line-height:24px; width:180px; }
ul#nav_main ul li a, ul#nav_main li.on li a, ul#nav_main li:hover li a, ul#nav_main li.over li a { background:#f0a20b; text-align:left; }
ul#nav_main ul li a:hover { background:#fcdf02; color:#ec6108; }

#search_input {} /* recherche interne */

#content {
	background:#fff;
	padding:0;
	width:852px;
} /* contenu */

#content_main { float:left; width:576px; } /* contenu principal */

#content_supp { float:left; width:276px; } /* contenu supplementaire */


#content_sub { background:url(/NAVPICS/fonds/fd_content_sub.png) 0 0 no-repeat; height:251px; padding:10px 0 15px 0; width:852px; } /* contenus additionnels */

#site_info {  /* ours du site - footer */
	background:#fff;
	color:#f9cb9c;
	height:249px;
	margin:0;
	padding:0;
	position:relative;
	width:852px;
}
#site_info img.visuel { left:1px; position:absolute; top:0; }
#site_info div.footer { background:url(/NAVPICS/fonds/fd_footer.gif) 0 0 repeat-x; height:109px; left:0; position:absolute; top:160px; width:852px; }
#site_info a { color:#f9cb9c; }
#site_info p.mentions { display:inline; float:right; margin:18px 15px 0 0; }
#site_info img.logo { display:inline; float:left; margin:18px 0 0 15px; }
#site_info img.baseline { display:inline; float:left; margin:18px 0 0 10px; }
#site_info p.adresse { display:inline; float:left; margin:10px 0 0 78px; }

p.arbo { color:#1a4581; font-size:10px; margin:10px 0; }
p.arbo a { color:#1a4581; }


/*****************************/
/*           HOME            */
/*****************************/
#produits { height:260px; overflow:hidden; padding:30px 0 0 25px; width:551px; }
#produits h1 { margin:0; }
#produits img.icon { left:178px; position:absolute; top:98px; } /* degage pour cause de compatibilite avec l'ancestral IE 6 */
#produits div.rubs_prdts { display:inline; float:left; margin:23px 0 0 0; width:255px; }
#produits div.rubs_prdts div.item { float:left; text-align:center; width:85px; }
#produits div.item p.spip { color:#e50102; font:14px Verdana, Arial, Helvetica, sans-serif; margin:0; }
#produits div.item div.illustr { height:60px;line-height:60px; text-align:center; vertical-align:middle; width:85px; }
#produits div.item div.illustr img { vertical-align:middle; }
#produits p.plus { height:27px; line-height:27px; margin:5px 0 0 0; width:255px; }
#produits p.plus a { background:url(/NAVPICS/boutons/bt_ensavoirplus.gif) 0 0 no-repeat; color:#e50102; display:block; padding:0 0 0 15px; }
#produits p.plus a:hover { text-decoration:none; }

#calcul { background:url(/NAVPICS/fonds/fd_calcul.gif) 0 0 no-repeat; display:inline; float:left; height:167px; margin:-23px 0 0 38px; padding:15px 30px 0 30px; width:166px; }
#calcul h3 { color:#e50102; font-size:16px; font-weight:normal; margin:0; }
#calcul h2 { color:#e50102; font-size:18px; margin:4px 0 0 0; }
#calcul p.suite { font-size:14px; font-weight:bold; margin:42px 0 0 92px; }
#calcul p.suite a { color:#f3b91e; }

#actus { padding:30px 0 0 0; width:276px; }
#actus h2 { color:#e50102; font:20px "Trebuchet MS", "Myriad Pro", Helvetica, sans-serif; margin:0; }
#actus p.spip { color:#e50102; font:bold 11px/16px Verdana, Arial, Helvetica, sans-serif; margin:20px 0 0 0; }
#actus ul { margin:10px 0 0 0; }
#actus ul li {  }
#actus ul li a { background:url(/NAVPICS/puces/tiret.gif) 0 7px no-repeat; display:block; padding:0 0 0 7px; }

#actus div.fctns { margin:15px 0 0 0; padding:1px 0; }
p.rss { float:left; height:14px; margin:0; width:80px; }
p.rss a { background:url(/dist/feed.png) 0 0 no-repeat; display:block; padding:0 0 0 19px; }
p.archivs { float:left; margin:0; width:120px; }
p.archivs a { background:url(/NAVPICS/puces/archivs.png) 0 0 no-repeat; display:block; padding:0 0 0 19px; }


/*****************************/
/*         DETAIL            */
/*****************************/
div.prdt { font-size:12px; padding:30px 50px 0 25px; width:501px; }
/* contact */
div.contact { font-size:12px; padding:30px 50px 0 25px; width:777px; }
div.contact div.form { float:left; padding:0 10px 0 0; width:370px; }

div.prdt a, div.contact a { color:#ec6007; text-decoration:underline; }
div.prdt h1, div.contact h1 { margin:0; }
div.prdt div.chapo, div.contact div.chapo { color:#e50102; font-weight:bold; }
div.prdt strong, div.contact strong { color:#e50102; }

#content_supp_detail { background:url(/NAVPICS/fonds/fd_content_supp.png) 0 37px no-repeat; float:left; width:276px; } /* contenu supplementaire */

#content_supp_detail div.illustr { padding:45px 0 0 0; text-align:center; width:276px; }
#content_supp_detail div.docs, #content_supp_detail div.ss_menu { margin-left:15px; padding:30px 0 0 0; }

#content_sub div.devis { border-right:1px solid #e3e3e3; display:inline; float:left; height:233px; margin:7px 0 11px 0; padding:0 0 0 15px; position:relative; width:271px; }
#content_sub div.devis div.illustr { margin:16px 0 0 0; text-align:center; }
#content_sub div.devis h3 { left:32px; }
#content_sub div.devis p.spip { left:32px; }
#content_sub div.devis p.plus { height:27px; left:22px; line-height:27px; margin:0; position:absolute; top:199px; width:255px; }
#content_sub div.devis p.plus a { background:url(/NAVPICS/boutons/bt_ensavoirplus.gif) 0 0 no-repeat; color:#e50102; display:block; padding:0 0 0 15px; }
#content_sub div.devis p.plus a:hover { text-decoration:none; }

div.docs { margin:30px 0; }
div.docs h2 { font-size:18px; font-weight:normal; }
div.item_doc { background:url(/NAVPICS/pointilles/gris_hz.gif) 0 bottom repeat-x; margin:10px 0; padding:0 0 5px 0; }
div.item_doc img { float:left; }
div.item_doc div.text { float:left; }
div.item_doc div.text h3 { font-size:12px; margin:5px 0 0 0; }

div.schemas { margin:30px 0 20px 0; padding:1px 0; }

#calcul_rdmt { font-size:12px; padding:30px 50px 0 25px; width:777px; }

#content_supp div.ss_menu { padding:30px 0 0 0; }


/*****************************/
/*       INCLUSIONS          */
/*****************************/
#content_sub h3 { left:22px; color:#36352a; font:16px Arial, Helvetica, sans-serif; margin:0; position:absolute; top:106px; }
#content_sub p.spip { left:22px; margin:0 15px 0 0; position:absolute; top:132px; }

#content_sub div.demarches { border-right:1px solid #e3e3e3; display:inline; float:left; height:233px; margin:7px 0 11px 0; padding:0 0 0 15px; position:relative; width:271px; }
#content_sub div.demarches h4 { color:#e60003; font:16px Arial, Helvetica, sans-serif; left:22px; margin:0; position:absolute; top:125px; }
#content_sub div.demarches p.spip { top:152px; }
#content_sub div.demarches p.plus { height:27px; left:22px; line-height:27px; margin:0; position:absolute; top:199px; width:255px; }
#content_sub div.demarches p.plus a { background:url(/NAVPICS/boutons/bt_ensavoirplus.gif) 0 0 no-repeat; color:#e50102; display:block; padding:0 0 0 15px; }
#content_sub div.demarches p.plus a:hover { text-decoration:none; }

#content_sub div.energie { border-right:1px solid #e3e3e3; display:inline; float:left; height:233px; margin:7px 0 11px 0; padding:0; position:relative; width:290px; }
#content_sub div.energie p.spip { width:140px; }
#content_sub div.energie p.plus { height:27px; left:12px; line-height:27px; margin:0; position:absolute; top:199px; width:255px; }
#content_sub div.energie p.plus a { background:url(/NAVPICS/boutons/bt_ensavoirplus.gif) 0 0 no-repeat; color:#e50102; display:block; padding:0 0 0 15px; }
#content_sub div.energie p.plus a:hover { text-decoration:none; }

#content_sub div.actu_prdt { display:inline; float:left; height:233px; margin:7px 0 11px 0; position:relative; width:264px; }
#content_sub div.actu_prdt div.illustr { margin:16px 0 0 0; text-align:center; }
#content_sub div.actu_prdt h4 { color:#e60003; font:16px Arial, Helvetica, sans-serif; left:22px; margin:0; position:absolute; top:125px; }
#content_sub div.actu_prdt p.spip { top:152px; }
#content_sub div.actu_prdt img.new { position:absolute; right:8px; top:2px; }
#content_sub div.actu_prdt p.plus { height:27px; left:12px; line-height:27px; margin:0; position:absolute; top:199px; width:255px; }
#content_sub div.actu_prdt p.plus a { background:url(/NAVPICS/boutons/bt_ensavoirplus_small.gif) 0 0 no-repeat; color:#e50102; display:block; padding:0 0 0 15px; }
#content_sub div.actu_prdt p.plus a:hover { text-decoration:none; }


/*****************************/
/*         SPECIFIC          */
/*****************************/
.ui-tabs-hide { display: none; }

.clear { clear:both; height:0; }

.format_png {
	behavior: url("/win_png.htc");
}

.gras { font-weight:bold; }
.maigre { font-weight:normal; }

.hide { display:none; }
.bloc { display:block; }

.nomarg { margin-top:0; margin-bottom:0; }
.nomargtop { margin-top:0; }
.nomargbot { margin-bottom:0; }

.flotleft { float:left; }
.flotright { float:right; }

/* backgrounds en PNG */
a.link_presentation { 
  /* Mozilla ignores crazy MS image filters, so it will skip the following */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/images/common/top/presentation.png');
	background:transparent;
	cursor:pointer;
	}	
a[class="link_presentation"] { 
	/* IE ignores styles with [attributes], so it will skip the following. */
	background: url(/images/common/top/presentation.png); 
}

/* @group Image in a link (a.link_img) */
a.link_img { display:block; border:3px solid #e9e9e9; width:102px; }
a.link_img:hover { border:3px solid #08b2e9; }

/* shadows */
.wrap1, .wrap2, .wrap3 {
	display:inline-table;
	/* \*/display:block;/**/} 
.wrap1 {
	float:left;
	background:url(/images/common/fonds/shadow.gif) right bottom no-repeat;}
.wrap2 {background:url(/images/common/fonds/corner_bl.gif) left bottom no-repeat;}
.wrap3 {
	padding:0 4px 5px 0;
	background:url(/images/common/fonds/corner_tr.gif) right top no-repeat;}
.wrap3 img {
	display:block;
	border:1px solid #2e3226;
}




/*  ------------------------------------------
/*  Habillage des formulaires
/*  ------------------------------------------ */

.formulaire_spip { text-align: left; font-size: 0.77em; }
.formulaire_spip p { margin: 0.5em 0; padding: 0; }

.formulaire_spip fieldset {}
.formulaire_spip legend {}

.formulaire_spip label {}
.formulaire_spip .forml { width: 99%; font-family: inherit; font-size: inherit; }

/* Boutons */
.spip_bouton { margin:15px 0 0 0; text-align:left; }
.spip_bouton input { float: none; }

/* Reponse du formulaire */
.reponse_formulaire { font-weight: bold; color: #e86519; }
fieldset.reponse_formulaire { border-color: #e86519; font-weight: normal; }

/* Previsualisation du message */
fieldset.previsu { padding: 1em; }

/* Formulaire de login au forum */
.formulaire_login_forum .forml { width: 12em; }
.formulaire_login_forum .spip_logos { float: right; padding-left: 10px; }

/* Choix des mots-clefs */
ul.choix_mots { float: left; width: 47%; margin: 0; padding: 0; list-style: none; } 
ul.choix_mots label { display: inline; }

/* Formulaire de recherche */
.formulaire_recherche { width: 12em; text-align: left; }
.formulaire_recherche label { display: none; }

/*  ------------------------------------------
/*  Habillage des forums
/*  ------------------------------------------ */

.forum-repondre, .forum-decompte {
	clear: both;
	margin-top: 2.5em;
	padding-top: 2px;
	border-top: 2px solid #CCC;
	font-size: 0.88em;
	font-weight: bold; }

/* * Habillage des forums */
ul.forum { display: block; clear: both; margin: 0; padding: 0; }
ul.forum, ul.forum ul { list-style: none; }
.forum-fil { margin-top: 1.5em; }
.forum-fil ul { display: block; margin: 0; padding: 0; margin-left: 1em; }
.forum-chapo .forum-titre, .forum-chapo .forum-titre a { display: block; margin: 0; padding: 0; font-weight: bold; text-decoration: none; color: #333; }
.forum-chapo small {}
.forum-texte { margin: 0; padding: 0.5em 1em 0 1em; color: #333; font-size: 0.82em; }
.forum-texte .forum-lien {}
.forum-texte .forum-repondre-message { margin: 0; padding: 1px 0; text-align: right; }

/* Boite d'un forum : eclaircissement progressif des bords */
ul .forum-message { border: 1px solid #666; margin: 0; padding: 0; margin-bottom: 1em; }
ul ul .forum-message { border: 1px solid #A4A4A4; }
ul ul ul .forum-message { border: 1px solid #B8B8B8; }
ul ul ul ul .forum-message { border: 1px solid #CCC; }
ul ul ul ul ul .forum-message { border: 1px solid #E0E0E0; }
ul ul ul ul ul ul .forum-message { border: 1px dotted #E0E0E0; }

/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */
ul .forum-chapo { border: none; border-bottom: 1px dotted #B8B8B8; margin: 0; padding: 3px 6px 2px 6px; font-size: 0.88em; background: #C4E0E0; }
ul ul .forum-chapo { background: #D4E8E8; }
ul ul ul .forum-chapo { background: #E4F0F0; }
ul ul ul ul .forum-chapo { background: #F4F8F8; border-bottom: 1px dotted #E0E0E0; }
ul ul ul ul ul .forum-chapo { background: #FFF; }