/*
	Styles generiques Les Têtes Vertes
*/

/* Init */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
	color:#282828;
}
body {position:relative; background:#aee144; padding:7px 0 0 0; line-height:normal; font-size:75%;}
strong {font-weight:bold;}


/* General */
.accessibility {position:absolute; left:-9999em; top:-9999em; width:0; height:0; overflow:hidden; font-size:0;}
.clearFix:after {display:block; clear:both; visibility:hidden; height:0; content:" ";}
.clear {display:block; clear:both; visibility:hidden; width:100%; font-size:1%;}
.lFloat {float:left;}
.rFloat {float:right;}

acronym {border-bottom:1px dotted #282828; padding:0 0.2em;}
a.targBlank {background:url(../img/picto_external_link.png) no-repeat right center; padding-right:14px;}

.couleur {color:#e72c23!important;}

/* Structure */
#mainCtnrBlk {position:relative; margin:0 auto; width:910px;}
#mainCtnr {position:relative; border:1px solid #9ecc3e; background:#fff;}
#entete {width:902px; height:97px;}
#corpsBlk {position:relative; background:url(img/corps_bg.jpg) no-repeat left top #69c616;}
#pied {}


/* Header */
#entete #idBlk {float:left; margin:0 36px 0 14px; width:583px; height:97px; background:url(img/logo-les-tetes-vertes.png) no-repeat;}
#entete #idBlk a {display:block; width:583px; height:97px;}
#entete #contactBlk {float:left; margin-top:1em; width:255px; height:79px;/* background:url(img/contact.png) no-repeat;*/}
#entete #contactBlk a {display:block; width:255px; height:79px;}

/* Corps */
#mainNav {position:relative; z-index:2; width:892px; height:74px; background:url(img/nav_bg.jpg) no-repeat;}
#mainNav ul {position:relative; left:2px; top:-4px;}
#mainNav li {float:left; margin-right:1px;}
#mainNav li a {position:relative; text-decoration:none; text-transform:uppercase; color:#fff; cursor:pointer;}
#mainNav li a .left,
#mainNav li a .right {display:none;}
#mainNav li a .label {float:left; display:block; border:1px solid #2e7106; border-bottom:0; height:20px; background:url(img/nav_bg.png) repeat-x; padding:69px 7px 0 7px!important; font-family:times new roman; font-size:117%; font-weight:bold; letter-spacing:.02em; color:#fff;}
#mainNav li.current a .label {border:1px solid #69c616; border-bottom:0; background:url(img/nav_bg_on.png) repeat-x;}
#mainNav li.default a {cursor:text;}

#corps {z-index:2; background:#e8f6c9; line-height:1.4em;}
#mainCtntBlk {position:relative; z-index:1; left:-4px; bottom:-16px; margin-bottom:0; width:892px; min-height:243px; background:url(img/corps_bg3.jpg) no-repeat left bottom!important;}

#corps .titleBlk {margin:0 0.5em 0.5em; min-height:31px; background:url(img/puce_h3.png) no-repeat left top; padding-left:60px;}
#corps .titleBlk h3 {border-left:1px solid #2e7106; max-width:540px; min-height:31px; padding-left:8px; font-family:times new roman; font-size:142%; font-weight:bold; color:#2e7106;}
#corps .share .titleBlk h3 {font-size:109%;}
#corps h4 {font-size:100%; font-weight:bold; color:#2e7106;}

#corps #mainCol {z-index:3; padding:0 4px 2em;}
#corps #mainCol.share {float:left; width:615px;}
#corps #mainCol p {line-height:1.6em;}

#corps #sideCol {float:left; width:245px; padding:0 8px;}

#illus {position:absolute; right:0; bottom:-7px; z-index:1; width:595px; height:352px; background:url(img/corps_bg2.jpg) no-repeat right bottom;}

#actuBlk {position:relative; background:#69c616; padding:0 4px;}
#actuBlk .topRound {position:absolute; left:0; top:-8px; width:245px; height:9px; background:url(img/actu_top.png) no-repeat;}
#actuBlk .botRound {position:absolute; left:0; bottom:-6px; width:245px; height:7px; background:url(img/actu_bot.png) no-repeat;}
#actuBlk .newsLkBlk {background:url(img/actu_bg.png) repeat-x;}
#actuBlk .newsLkBlk h3 {margin:0.5em; text-transform:uppercase; font-family:times new roman; font-size:127%; font-weight:bold; color:#69c616;}
#actuBlk .newsLkBlk .newsLkIt {margin-bottom:0.5em;}
#actuBlk .newsLkBlk .pxBlk {float:left; margin-top:1.6em; width:41px; height:41px;}
#actuBlk .newsLkBlk .dataBlk {float:left; width:180px; min-height:41px; padding-left:8px;}
#actuBlk .newsLkBlk .dataBlk .itemTitle {color:#e7e718;}
#actuBlk .newsLkBlk .dataBlk .itemTitle .itemDate {font-size:92%; font-weight:normal; color:#fff;}
#actuBlk .newsLkBlk .dataBlk .itemSummary {line-height:1em; font-size:92%; font-weight:bold; color:#fff;}
#actuBlk .newsLkBlk .dataBlk a.itemLnk {padding:1px 3px; text-decoration:none; line-height:1em; font-size:92%; font-weight:bold; color:#fff;}
#actuBlk .newsLkBlk .dataBlk a:hover.itemLnk {background:#aee144; color:#69c616;}

ul.photos {margin:1em 0;}
ul.photos li {float:left; width:292px;}
ul.photos li img {display:block; margin:auto;}

#planFixe {margin-top:1em;}

#pers li {margin-bottom:1em; text-align:center; font-weight:bold;}

#navRayons {position:relative; background:#69c616; padding:3px 10px;}
#navRayons .topRound {position:absolute; left:0; top:-4px; width:876px; height:4px; background:url(img/nav_rayons_top.png) no-repeat;}
#navRayons .botRound {position:absolute; left:0; bottom:-4px; width:876px; height:4px; background:url(img/nav_rayons_bot.png) no-repeat;}
#navRayons.home {margin-top:1em;}
#navRayons.home .topRound {position:absolute; left:0; top:-4px; width:876px; height:4px; background:url(img/nav_rayons-home_top.png) no-repeat;}
#navRayons.home .botRound {position:absolute; left:0; bottom:-4px; width:876px; height:4px; background:url(img/nav_rayons-home_bot.png) no-repeat;}
ul.navRayons {float:left; margin-right:19px; width:195px;}
.home ul.navRayons {margin:0 19px; width:247px;}
ul.navRayons li a {display:block; width:200px; background:url(img/picto_fl_rayons2.png) no-repeat left 4px; padding-left:15px; text-decoration:none; text-transform:uppercase; font-family:Times New Roman; font-weight:bold; color:#fff;}
.home ul.navRayons li a {width:255px;}
ul.navRayons li a:hover {text-decoration:underline;}
ul.navRayons li.current a {color:#2e7106;}
ul.navRayons li.current a:hover {text-decoration:none; cursor:text;}

ul.cartouches {margin-top:1em; width:882px; min-height:291px; background:url(img/tit_vos_rayons.png) no-repeat right top;}
ul.cartouches.rayons {background:url(img/tit_vos_rayons.png) no-repeat right top;}
ul.cartouches.produits {background:url(img/tit_vos_produits.png) no-repeat right top;}
ul.cartouches.rayons.scroll {width:615px; min-height:124px; background:none;}
ul.cartouches li.newsLkIt {position:relative; z-index:0; float:left; margin:0 20px 12px 0; width:188px;}
	ul.cartouches li.newsLkIt {position:relative; z-index:0; float:left; margin:0 20px 15px 0; width:257px;}
	ul.prods {clear:left; margin-top:1em; width:882px; min-height:232px; background:url(img/tit_vos_produits.png) no-repeat right top;}
	ul.prods li {float:left; margin:0 20px 15px 0; width:257px;}
	ul.prods li .pxBlk,
	ul.prods li .dataBlk .itemTitle {text-align:center;}

ul.cartouches.rayons.scroll li .newsLkIt {position:relative; z-index:0; float:left; margin:0 17px 12px 0; width:188px;}
ul.cartouches li .pxBlk {position:relative; width:188px; height:70px; overflow:hidden; background:#fff;}
	ul.cartouches li .pxBlk {position:relative; width:257px; height:96px; overflow:hidden; background:#fff;}
ul.cartouches li .pxBlk a.itemLnk {display:block; position:absolute; left:3px; top:3px; z-index:1; width:32px; height:26px; background:url(img/picto_plus.png) no-repeat;}
ul.cartouches li .dataBlk {position:relative; z-index:1; min-height:37px; background:#69c616;}
ul.cartouches.produits li .dataBlk {background:#2e7106;}
ul.cartouches li .dataBlk .itemTitle {padding:0.1em 40px 0 0.5em; text-transform:uppercase; line-height:1.4em; font-family:Times New Roman; font-weight:bold; color:#fff!important;}
ul.cartouches li .dataBlk .itemTitle a {text-decoration:none; color:#fff!important;}
ul.cartouches li .dataBlk a.itemLnk {display:block; position:absolute; right:3px; bottom:5px; z-index:4; width:43px; height:25px; background:url(img/picto_oiseau.png) no-repeat;}
ul.cartouches li .topRound {position:absolute; left:0; top:0; z-index:1; width:188px; height:5px; background:url(img/cart_top.png) no-repeat;}
	ul.cartouches li .topRound {position:absolute; left:0; top:0; z-index:1; width:257px; height:5px; background:url(img/cart_top.png) no-repeat;}
ul.cartouches li .botRound {width:188px; height:5px; background:url(img/cart_bot.png) no-repeat;}
	ul.cartouches li .botRound {width:257px; height:5px; background:url(img/cart_bot.png) no-repeat;}
ul.cartouches.produits li .botRound {width:188px; height:5px; background:url(img/cart_bot_produits.png) no-repeat;}
	ul.cartouches.produits li .botRound {width:257px; height:5px; background:url(img/cart_bot_produits.png) no-repeat;}
ul.cartouches.produits li .itemSummary.jsDriven {position:absolute; left:0; bottom:24px; z-index:3; border-right:4px solid #69c616; border-left:4px solid #69c616; width:190px; background:url(img/cart_produits_bg.png) repeat; padding:0 4px 3px; line-height:1.2em!important; font-size:91%; color:#2e7106;}
ul.cartouches.produits li .itemSummary.jsDriven strong {color:#2e7106;}
ul.cartouches.produits li .itemSummary .itemSTitle {display:block; margin-bottom:3px; border-bottom:1px solid #fff; text-transform:uppercase; line-height:1.4em; font-family:Times New Roman; font-weight:bold; color:#2e7106;}
ul.cartouches.produits li .itemSummary .topRound {position:absolute; left:-4px; top:-7px;width:217px; height:7px; background:url(img/cart_produits_top.png) no-repeat;}
ul.cartouches.produits li .itemSummary .botRound {position:absolute; left:-4px; bottom:-4px; width:217px; height:7px; background:url(img/cart_produits_bot.png) no-repeat;}

ul#navProduits li {float:left; margin-top:1em; width:188px; height:26px; background:url(img/nav_produits_bg.png) no-repeat;}
ul#navProduits li.nextLnk {float:right; margin-right:64px;}
ul#navProduits li a {display:block; width:133px; height:26px; background:url(img/nav_produits_fl_l.png) no-repeat 6px 7px; padding:0 5px 0 50px; line-height:26px; text-align:center; text-decoration:none; font-weight:bold; color:#fff;}
ul#navProduits li.nextLnk a {background:url(img/nav_produits_fl_r.png) no-repeat 137px 7px; padding:0 50px 0 5px;}

#corps dl {margin:1em;}
#corps dl dt {margin:2em 0 0 1em; font-weight:bold;}

#corps .actu {margin:2em 0 0 1em; border-bottom:3px double #aee144; padding-bottom:1em; text-align:justify;}
#corps .actu h4 {margin-left:2em; font-size:120%; font-weight:bold;}
#corps .actu h5 {float:right; margin-bottom:0.5em; font-size:91%;}
#corps .actu p {clear:both;}

#corps .coeurs h2 {margin:2em 0 0 2em; font-size:133%; font-weight:bold; color:#2e7106;}
#corps .coeurs h3 {margin-top:1.5em; font-size:118%; font-weight:bold; color:#2e7106;}
#corps .coeurs li {border-bottom:3px double #aee144; padding-bottom:1em;}
#corps .coeurs li ul li {border:0; padding-bottom:1em;}

#corps .parts h3 {margin-top:1.5em; font-size:118%; font-weight:bold; color:#2e7106;}
#corps .parts li {border-bottom:3px double #aee144; padding-bottom:1em;}

#corps .mentions {margin:2em 0 0 1em; padding-bottom:1em; text-align:justify;}
#corps .mentions h3 {margin:1.5em 0 0 2em; font-size:118%; font-weight:bold; color:#2e7106;}

/* Footer */
#footer {width:909px; height:66px; background:url(img/footer_bg.png) no-repeat left 1px; padding-top:1px; font-family:arial!important; font-size:92%;}
#footer #coordsBlk {float:left; margin:0.5em 4em 0 0; line-height:1em; font-family:arial!important;}
#footer #coordsBlk .coords {float:left; width:125px; text-align:right!important; font-family:arial!important;}
#footer #coordsBlk .coords div,
#footer #coordsBlk .coords span {font-family:arial!important; font-weight:bold; color:#2e7106;}
#footer #coordsBlk .coords2 {float:left; margin-left:5px; border-left:1px solid #2e7106; padding-left:5px; text-align:left!important; font-family:arial!important; color:#fff;}
#footer #coordsBlk .coords2 div,
#footer #coordsBlk .coords2 span,
#footer #coordsBlk .coords2 a {text-decoration:none; font-family:arial!important; font-weight:bold; color:#fff;}
#footer #coordsBlk .coords2 .type {font-family:arial!important; font-weight:normal;}

#footer #footerNav {float:left; margin-top:0.5em; line-height:1em;}
#footer #footerNav li {float:left; margin-right:0.7em; color:#2e7106;}
#footer #footerNav li.lastIt {margin-right:0;}
#footer #footerNav li .label {color:#2e7106;}
#footer #footerNav li a {text-decoration:none; color:#2e7106;}
#footer #footerNav li a:hover {text-decoration:underline;}

#footer #authorBlk {float:right; margin:0.5em 1em 0 5px; border-left:1px solid #aee144; padding-left:5px; text-align:right; line-height:1em; color:#fff;}
#footer #authorBlk a {text-decoration:none; color:#fff;}

/* JS Driven elements */
/* Rounded corners - curvycorners */
.rounded,
.roundedT,
.roundedB {margin:8px 0; padding:4px;}
#corpsBlkB {position:relative; top:-8px; height:0px; background:#69c616;}