/*
vert herbe : #4FD94F (79 217 79)(couleur de l'herbe, des feuilles des arbres au printemps ou en été, de l'émeraude)
orange     : #F60    (255 102 0)
bleu       : #39F    (51 153 255)
gris       : #666
*/

/*===========================================================================
TAG SEUL
===========================================================================*/

a{color:#09F;text-decoration:none}
a:hover{cursor:pointer;text-decoration:underline}
img{border:0}
sup,strong,strong a{color:#F60}
ol.tb5 li,ul.tb5 li{padding:5px 0}/*Top Bottom 5px*/

hr{border:0;height:0;display:block;clear:both;visibility:hidden;padding:5px 0}
h1{margin:5px 0 5px 5px;color:#F60;font-size:20px}
h2,h2 a{margin:5px 0 5px 15px;color:#F60;font-size:18px;font-weight:normal}
h3{margin:5px 0 5px 15px;font-size:16px}
/*h4{font-size:14px;color:#666}*/

html{font:14px arial;background:#fff}
body{position:relative;width:1024px;margin:auto;color:#666;padding:0;text-align:justify/*;background-color:#eee*/}
form{margin:0;padding:0}
/*table{border-spacing:1px}*/
thead,thead a{text-align:center;color:#F60}
td{padding:5px;vertical-align:top;empty-cells:show}

/*===========================================================================
TAG + CLASS
===========================================================================*/

/*Action*/
/*.act{clear:both;float:right}*//*Position des boutons à droite*/
.act,.pag{text-align:right}
.pag a,.pag b{padding:0 5px}
.pag img{vertical-align:bottom}
/*p.act a,p.act b{float:left;margin:10px 0 0 10px}*//*Alignement des boutons*/

/*Bouton - bl : button left, bm : button middle, br : button right*/
/*
p.act a b{float:left;margin:0}
.act a:hover,.av a:hover,.act2 a:hover{text-decoration:none}
.bl,.br{width:5px;height:23px}
.bl{background:url(img/button.gif) no-repeat}
.bm{background:url(img/button.gif) repeat-x 0 -23px;height:21px;padding-top:2px;font-size:14px;font-weight:bold;color:#f60}
.br{background:url(img/button.gif) no-repeat 0 -46px}
a:hover .bl{background:url(img/button.gif) no-repeat 0 -69px}
a:hover .bm{background:url(img/button.gif) repeat-x 0 -92px;color:#4FD94F}
a:hover .br{background:url(img/button.gif) no-repeat 0 -115px}
*/

.ht,.ttc{text-align:center}
.ht{padding-top:5px}
.ht b{color:#F60;font-size:20px}
.ttc{font-size:12px}
i.u{text-decoration:underline;font-style:normal}

option.b{font-weight:bold}
option.b2{color:#666}

/*Etapes*/
.stps b{margin:0 20px 0 0;color:#ccc}
.stps b.a{color:#F60}/*active*/

/*Devis (dvs)*/
td.dvs{padding:10px;width:366px}
.dvs h2,.dvs h3{margin:0}
td.dvsLbl{width:424px}/*Colonne Intitulé*/
td.dvsPU,td.dvsQte,td.dvsTtx{text-align:right;width:90px}/*Colonne prix unitaire HT, Quantité et Total HT*/
td.ttxlbl,td.ttxht,td.ttxttc{text-align:right;font-weight:bold}
td.ttxht{}
td.ttxtva{text-align:right}
td.ttxttc{color:#F60;text-decoration:underline}

/*===========================================================================
ICONS
===========================================================================*/

/*i : icon*/
.i,#usr,#pwd{padding-left:20px;/*height:17px;*/background-position:left top;background-repeat:no-repeat}

.iPhn{background-image:url(ico/phn.png)}
.iFax{background-image:url(ico/fax.png)}
.iHom{background-image:url(ico/hom.png)}
.iMap{background-image:url(ico/map.png)}
.iEml{background-image:url(ico/eml.png)}
.iWeb{background-image:url(ico/web.png)}
.iSnd{background-image:url(ico/snd.png)}
.iTop{background-image:url(ico/top.png)}
.iPrv{background-image:url(ico/prv.png)}
.iNxt{background-image:url(ico/nxt.png)}
.iOk{background-image:url(ico/ok.png)}
.iCcl{background-image:url(ico/ccl.png)}
.iB1{background-image:url(ico/b1.png)}
.iLnkadd{background-image:url(ico/lnkadd.png)}
.iPpp{background-image:url(ico/popup.png)}
.iClc{background-image:url(ico/calculator.png)}

/*===========================================================================
COMMUN
===========================================================================*/

.opt b{display:block;font-weight:normal}
.tm{margin-top:20px}
.bdy1{margin:0 0 20px 15px}
.bdy2,.bdy3{margin:0 0 15px 15px}
.fwn b{font-weight:normal}
.ml15{margin-left:15px}
.fl{float:left}
.fr{float:right}

/*===========================================================================
EN-TETE DE PAGE
===========================================================================*/

#hdr,#slg,#tab{position:absolute}
#hdr{top:0;width:1024px;height:90px;background:url(img/barre.png) no-repeat}
#tab{top:60px;left:210px}
#slg{top:10px;left:210px;padding:0;margin:0;width:200px;text-align:center;color:#FFF;font-size:19px}
h1.acc{color:#FFF;margin:0;padding:0 10px 0 0;text-align:right}

/*===========================================================================
COLONNES
===========================================================================*/

/*cc=contenu, cm=menu droit*/
/*#c1,*/#cc,#cm{position:absolute;top:100px;overflow:hidden}
/*#c1{left:0;width:200px}*/
#cm{left:784px;width:240px}
/*#cc{left:210px;width:554px;text-align:justify}*/
#cc{left:0;width:774px;text-align:justify}

/*#c1{background-color:red}*/
/*#cc{background-color:green}*/
/*#cm{background-color:blue}*/

.bdy{clear:both;padding:10px 10px 0 10px;background:url(img/body.png) no-repeat}

.mnu,.mnu2{padding:10px}
.mnu h2,.mnu2 h2{margin:0 0 5px 0;text-align:center}
.mnu h3,.mnu2 h3{margin:0;padding:2px 0 2px 10px;font-size:14px}
.mnu h3.t10{margin-top:10px}
.mnu h3 a,.mnu2 h3 a{font-weight:normal}

.mnu{background:url(img/menu.png) no-repeat}
.mnu h2{color:#39F}

.mnu2{background:url(img/menu2.png) no-repeat}
.mnu2 h2{color:#F60}

.sol,.sol2{float:left;padding:10px 5px 0 0}
.sol{width:250px;background:url(img/offre.png) no-repeat top}
.sol2{width:500px}
.sol h2,.sol2 h2{text-align:center;margin:0 0 5px 0}
a.cmd{padding-left:18px;background:url(ico/ok.png) no-repeat}
a.det{padding-left:18px;background:url(ico/inf.png) no-repeat}


/*===========================================================================
PIED DE PAGE
===========================================================================*/

#ftr{clear:both;text-align:center;padding-top:15px}

/*===========================================================================
FORMULAIRE
===========================================================================*/

/*.f{width:730px}*/
/*.f p{text-align:right}*/
form label{float:left;font-weight:bold;width:200px;margin:0 20px;vertical-align:top;cursor:pointer/*;background:url(ico/inf.png) left top no-repeat*/}
form input,form select{width:200px/*;margin-right:330px*/}
form .chk{width:auto;float:none;vertical-align:baseline}
form label.chk{margin:auto}
form input.chk{margin:0 5px 0 20px}
form.nml input{width:auto;float:none}

#obj{margin:0}
#obj,textarea{width:450px}

/*Champ spécifique*/
#cod{width:100px}/*Captcha*/
#ext{width:70px}/*Extension nom de domaine*/
/*#ndd,#ext{margin:0}*/
#cp{width:70px}


/*fieldset{margin:15px 0}*/
legend{padding:0 5px;font-weight:bold;font-size:16px;color:#F60}
b.r0,b.cr0,b.r1{display:block;padding:5px}
b.r0,b.cr0{background-color:#F0F7FF}
b.r1{background-color:#F5FAFF}
b.cr0{text-align:center;margin:5px 0}

/*===========================================================================
NAVIGATION
===========================================================================*/

#nav{margin:0;padding:5px 0 10px 0/*;text-align:left;clear:both*/}
#nav a, #nav b{padding-left:16px;background:url(ico/nav.png) no-repeat left}

.stp0,.stp1{padding-right:50px}
.stp1{color:#F60;text-decoration:underline}

/*===========================================================================
TABULATION
===========================================================================*/

#tab{width:594px;height:30px}
#tab b{display:block;height:30px}
#tab a{float:left}
#tab .tabl,#tab .tabm,#tab .tabr{float:left;padding-top:5px;height:25px;font-weight:bold;font-size:16px;color:#fff;text-align:center}
#tab .tabl,#tab .tabr{width:5px;font-size:1px}
#tab .tabl{background:url(img/tab.png) no-repeat}
#tab .tabm{background:url(img/tab.png) repeat-x 0 -35px;font-weight:bold;overflow:hidden}
#tab .tabr{background:url(img/tab.png) no-repeat 0 -70px}
#tab a:hover{cursor:pointer;text-decoration:none}
#tab a:hover .tabl{background:url(img/tab.png) no-repeat 0 -105px}
#tab a:hover .tabm{background:url(img/tab.png) repeat-x 0 -140px}
#tab a:hover .tabr{background:url(img/tab.png) no-repeat 0 -175px}
#tab .active .tabl{background:url(img/tab.png) no-repeat 0 -210px}
#tab .active .tabm{background:url(img/tab.png) repeat-x 0 -245px;color:#39F}
#tab .active .tabr{background:url(img/tab.png) no-repeat 0 -280px}
#tab a:hover.active .tabl{background:url(img/tab.png) no-repeat 0 -210px}
#tab a:hover.active .tabm{background:url(img/tab.png) repeat-x 0 -245px;color:#39F}
#tab a:hover.active .tabr{background:url(img/tab.png) no-repeat 0 -280px}

/*===========================================================================
TABLEAU
===========================================================================*/

tr.r0 td,td.r0,p.cr0{background-color:#F0F7FF/*#E3F4FF*/}
tr.r1 td,td.r1{background-color:#F5FAFF/*#EFFAFF*/}

td.b{background:url(ico/b1.png) center no-repeat}
tr.r0 td.bgd,tr.r1 td.bgd{background-color:transparent}

table.cmp td{text-align:center;/*border-top:1px solid #FFF;border-left:1px solid #FFF*/}
table.cmp td.lbl{text-align:left;font-weight:bold}/*table.cmp td:first-child{text-align:left}*/

table.fct td{text-align:right}
table.fct td.lbl{text-align:left}
/*table.fct td.tt{text-align:right}*/
table.fct td.bld{font-weight:bold;text-decoration:underline}

/*===========================================================================
ANNUAIRE
===========================================================================*/

.c3 .cat{display:inline;float:left;width:236px;padding:0 5px;text-align:left}
.c3 .cat h2, .c3 .cat h2 a{margin:0}
.c3 .cat h2.nn a{color:#09F}
.c3 .cat h3{margin:0;font-size:14px;font-weight:normal}

h2.ra, h2.ra a{margin:10px 0 0 0}/*ra : Résultat Annuaire*/

/*===========================================================================
LISTE REGIONS, DEPARTEMENTS ET COMMUNES
===========================================================================*/

h2.zon{/*display:inline;*/float:left;width:246px;padding:0/*;border:0*/;overflow:hidden}
h2.zon, h2.zon a{margin:0}
h2.zon a{padding-left:16px;background:url(ico/nav.png) no-repeat;font-size:14px;font-weight:normal;color:#09F;white-space:nowrap}

/*===========================================================================
TOOLTIP
===========================================================================*/
/*
.tool-tip {
	visibility:hidden;
	position:absolute;
	top:0;
	left:0;
	width:200px;
	z-index:13000
}
.tool-title {
	color:#fff;
	text-align:center;
	font-weight:bold;
	padding:8px 0 5px;
	background:url(img/tip.png)
}
.tool-text {
	color:#666;
	text-align:justify;
	padding:0 5px 5px;
	background:url(img/tip.png) -200px 0
}
.tool-foot {
	padding-top:5px;
	background:url(img/tip.png) bottom left
}
*/
/*===========================================================================
ACCORDION
===========================================================================*/
/*
#tglrs .tglr,#tglrs10 .tglr10{padding-top:5px;font-weight:bold}
#tglrs .tglr a,#tglrs10 .tglr10 a{padding-left:20px;height:17px;background:url(ico/selectnode.png) left no-repeat}

#tglrs .expd{padding-left:20px;text-align:justify}
#tglrs10 .expd10{padding-left:5px;text-align:justify}
.expd ul{list-style-type:decimal;margin:0 auto}
.expd ul.disc{list-style-type:disc}
.expd ul.circ{list-style-type:circle}

.txtTgl{padding-bottom:10px}
.txtTgl .hdr{color:#F60;font-size:16px;font-weight:bold;padding-bottom:5px}
.txtTgl .bdy{padding-left:20px;text-align:justify}
*/