@charset "utf-8";
body{margin:0; padding:0; background:url(images/body-bg.gif) repeat-x top #f5f5f5;}
body,	body *{font-family: Verdana, Arial,helvetica,sans-serif; font-size:11px; color:#555555;}
h1,	h1 a,	h1 *{font-family: Georgia, "Times New Roman", Times, serif; font-size:21px; color:#79a600/*#394D93*/; font-weight:normal; letter-spacing:0; margin:0 0 4px 0; font-style:italic;text-decoration:none;}
h1 a:hover{color:#8fc400;}
h2,	h2 a{font-family:Georgia, "Times New Roman", Times, serif;  font-size:18px; color:#0e66b6/*#394D93*/; font-weight:normal; letter-spacing:0; margin:0 0 4px 0; font-style:italic;text-decoration:none;}
h2 a:hover{color:#1886ed;}
h3,	h3 a{font-family:Georgia, "Times New Roman", Times, serif; font-size:16px;color:#79a600; font-weight:normal; letter-spacing:0; margin:0 0 3px 0; font-style:italic;text-decoration:none;}
h3 a:hover{color:#8fc400;}
h4,	h4 a{font-family:Century Gothic, Apple Gothic, sans serif; font-size:13px; color:#198aec; font-weight:normal; letter-spacing:0; margin:0 0 2px 0; text-decoration:none;}
h4 a:hover{color:#58aaf1;}
strong{color:#5f8200;}
a img{border:0;}
a.cadre img{padding:1px; border:1px solid #dddddd;}
a.cadre:hover img{border:1px solid #79a600;}
a{color:#79a600;text-decoration : underline;}
a.lienpuce,	a.lienpucedroite{ padding-left:14px; background:url(images/puce-plus.gif) no-repeat 0 .3em; font-size:10px; cursor:pointer;}
a.lienpucedroite{float:right;}
a.lienpuce:hover,	a.lienpucedroite:hover{color : #91c700;}
a:hover{color : #91c700;}

a.lienpuceblue,	a.lienpucebluedroite{ padding-left:14px; background:url(images/puce-blue-plus.gif) no-repeat 0 .3em; font-size:10px; cursor:pointer; color : #3d74ad;}
a.lienpucebluedroite{float:right;}
a.lienpuceblue:hover,	a.lienpucebluedroite:hover{color : #5091d7;}

a.lienBT{/*display:block;*/ float:right; background:url(images/bt-green-g.gif) no-repeat top left; text-decoration:none;  cursor:pointer}
a.lienBT span{/*display:block;*/ float:left; background:url(images/bt-green-d.gif) no-repeat top right; padding:5px 34px;height:20px; color:#adff67;}
a.lienBT:hover *{color:#ffffff;}

s{text-decoration:none;}
u{display:block;text-decoration:none; height:1px; font-size:1px; clear:both;}
u.sep{height:18px; background:url(images/points-h.gif) repeat-x center;}
ul{list-style-type: none; padding: 0; margin: 0 0 4px 0;}
li{background: url(images/puce-plus.gif) no-repeat 0 .3em; padding:0 0 0 14px; margin:0 0 5px 10px; border:0;}
ul ul li{background-image: url(images/puce-small.gif);background-position: 0 .5em; margin:0 0 2px 8px;}
p{margin:0 0 8px 0; position:relative;}
em{font-size:13px; color:#666666;}

/*######## CLASSES #########*/
div.curvy{background:url(images/curvy1.gif) no-repeat top left; margin:0; padding:0;}
div.curvy div{background:url(images/curvy2.gif) no-repeat top right; margin:0; padding:0;}
div.curvy div div{background:url(images/curvy3.gif) no-repeat bottom right; margin:0; padding:0;}
div.curvy div div div{background:url(images/curvy4.gif) no-repeat bottom left; margin:0; padding:16px;}
html>body div.curvy div div div{padding:16px;}

div.curvyglass{background: url(images/curvyglass1.gif) no-repeat top left; margin:0; padding:0; width:100%;}
div.curvyglass div{background: url(images/curvyglass2.gif) no-repeat top right; margin:0; padding:0; }
div.curvyglass div div{background:url(images/curvyglass3.gif) no-repeat bottom right;margin:0; padding:0;}
div.curvyglass div div div{background:url(images/curvyglass4.gif) no-repeat bottom left;margin:0; padding:12px 14px;}
div.curvyglass div div div div{background:none; margin:0; padding:0; color:#ffffff;}

.champcontact{background: url(images/input-bg.gif) no-repeat top left #ffffff; border:0; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; padding:4px 2px 2px 8px;}
.champfocus{background: url(images/input-focus-bg.gif) no-repeat top left #FFFFFF; border:0; border-right:1px solid #79a600; border-bottom:1px solid #8fc400;padding: 4px 2px 2px 8px;}
.champerreur{background:url(images/input-erreur-bg.gif) no-repeat top left #aa0000; border:0; border-bottom:1px solid #660000;border-right:1px solid #660000;color:#ffffff; padding:4px 2px 2px 8px;}
input.send{background: url(images/input-send-bg.gif) repeat-x top left #ffffff; border:0; border-right:1px solid #6ab31c; border-bottom:1px solid #6ab31c; color:#ffffee; cursor:pointer;padding:2px 12px;}
.erreur{color:#aa0000;font-weight:bold}

.marg15{margin:15px;}
.pad15{padding:15px;}


.margd{margin-right:10px; float:left;}
.margg{margin:0 0 10px 10px; float:right;}
.padg{padding-left:15px;}
.padd{padding-right:15px;}
.padh{padding-top:15px;}
.padb{padding-bottom:15px;}
.demi{width:47%;}
.justifie{text-align:justify;}
.fleft{float:left;}
.fright{float:right;}
.petit{font-size:10px;}
.note{font-size:10px; color:#cccccc;}
.none{display:none;}

.modalePad{padding:15px;}

.pageCredits{background:url(images/credits.jpg) no-repeat  center 5px #FFFFFF; text-align:center;}
.pageCredits a{display: block; width:400px; margin:0 auto; height:274px; text-decoration:none;}

.pageMentionsLegales,	.pagePlanSite{background:#ffffff; padding:10px 0;}
.pagePlanSite a{text-decoration:none;}
.pageLiens{background:#ffffff; padding:10px 0;}

#header,	#bandeau,	#principal,	#talon div.talonCentre{width:998px; clear:both; margin:0 auto; padding:0;}
#header{background:url(images/header-bg.gif) repeat-x top; height:246px;}
#bandeau{/*background:url(images/flash.png) no-repeat top left;*/ height:245px;}/*contenant de l'animation flash */

/* BLOC PRINCIPAL - cartouche blanc */
#principal div.principalContenu	{background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/astradec/images/page-bg.png', sizingMethod='scale'); width:998px;}
html>body #principal div.principalContenu{filter:none; background:url(images/page-bg.png) repeat-y left;}
#principal div.principalContenuPad{margin:0 22px 0 38px; padding:10px 0;}
/*bas*/
#principal div.principalFooter		{background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/astradec/images/page-footer.png'); height:16px;}
html>body #principal div.principalFooter{filter:none;background:url(images/page-footer.png) no-repeat top left;}

/* TALON DE PAGE */
#talon{background:url(images/footer-bg.gif) repeat-x top; height:146px;}
#talon div.talonCentre{background:url(images/footer-bg.gif) repeat-x top; text-align:center; padding-top:20px;}
#talon *{color:#737373; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none;}
#talon a:hover{color:#999999;}


/*MENU*/
#menu{width:986px; margin:0 auto; height:56px; border-spacing:0; border-collapse:collapse; clear:both; background: url(images/menu-biseau.gif) repeat-y right;}
#menu td{padding:0; margin:0; text-align:center; vertical-align:middle; }
#menu a, #menu a *{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:11px; color:#ababab; text-decoration:none;}
#menu a{display:block; /*width:100%;*/ text-align:center;  padding:10px 0;background: url(images/menu-biseau.gif) repeat-y left;}
#menu a:hover{color:#cdcdcd;}

#menu td#btaccueil{text-align:left; width:10%;}
#menu td#btaccueil a{padding:10px 30px; text-align:left; }
#menu td#btaccueil a s{display:block;background:url(images/ico-home.gif) no-repeat left center; padding:5px 0 5px 34px;}
#menu td#btaccueil.focus,	#menu td.focus{background:url(images/menu-focus.gif) no-repeat top center;}
#menu td#btaccueil.focus a,#menu td#btaccueil.focus a *,	#menu td.focus a{color:#eff7cc;}

#sousmenu{}
#sousmenu ul{background:url(images/points-h.gif) repeat-x top; }
#sousmenu li{background:url(images/points-h.gif) repeat-x bottom left; padding:0 0 1px 0; margin:0;}
#sousmenu li a{text-decoration:none; background: url(images/puce-fil-ariane.gif) no-repeat 8px center ; display:block; height:100%; padding:4px 0 4px 20px; margin-bottom:1px;}
#sousmenu li a:hover{background: url(images/puce-fil-ariane.gif) no-repeat 8px center #EBFFE1;}
#sousmenu li.focus a{background: url(images/puce-fil-ariane.gif) no-repeat 8px center #EBFFE1; font-weight:bold; font-style:italic;}

#filarianne{background:url(images/arrow-green.gif) no-repeat left 0.6em; padding:4px 0 20px 30px; position:relative}
#filarianne *{color:#93c516; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none;}
#filarianne a{color:#737373;}
#filarianne a:hover{color:#999999;}
#filarianne span.sep{background:url(images/puce-fil-ariane.gif) no-repeat 50% 50%; padding:0 10px;}

#contenuDroite{float:right; width:370px;position:relative; /*background: #99CC00;*/}
#contenuGauche{float:left; width:560px;position:relative; /*background: #99FF00;*/}

/* PAGE  HOME */
#accesSecteurs div.blocSecteur{float:left; height:340px; width:180px;margin-right:6px; color:#878787;}

#accesSecteurs .blocSecteurPhoto{background:  url(images/visuel-Deshydratation-boues.jpg) no-repeat top left; height:138px;}
#accesSecteurs .blocSecteurCache{background: url(images/bloc-secteur-cache.gif) no-repeat top left; height:138px;}
#accesSecteurs .blocSecteurCache a{display:block; width:100%; height:138px; text-decoration:none;}

#secteur1  .blocSecteurPhoto{background:  url(images/visuel-Deshydratation-boues.jpg) no-repeat bottom left;}
#secteur2  .blocSecteurPhoto{background:  url(images/visuel-Valorisation-agricole.jpg) no-repeat bottom left;}
#secteur3  .blocSecteurPhoto{background:  url(images/visuel-Valorisation-matiere.jpg) no-repeat bottom left;}
#secteur4  .blocSecteurPhoto{background:  url(images/visuel-Assainissement-curage.jpg) no-repeat bottom left;}
#secteur5  .blocSecteurPhoto{background:  url(images/visuel-Traitement-eau.jpg) no-repeat bottom left;}
#secteur6  .blocSecteurPhoto{background:  url(images/visuel-Bureau-etudes.jpg) no-repeat bottom left;}

.blocSecteurTitre{background: url(images/bloc-secteur-titre.gif) no-repeat top left; height:59px; overflow:hidden;}
.blocSecteurTitre h1,		.blocSecteurTitre h1 a{display:block; text-align:center; font-family:Arial, Helvetica, sans-serif; color:#eeffc4; font-size:12px; text-transform:uppercase; font-weight:normal; font-style:normal; text-decoration:none;}
.blocSecteurTitre h1 a{padding-top:14px;}
.blocSecteurTitre h1 a:hover{color:#ffffff;}

.blocSecteurContenu{background:url(images/bloc-secteur-bg.gif) repeat-y left; height:110px;}
.blocSecteurContenu div{margin:0 14px; padding:10px 0; position:relative;  font-size:9px; color:#878787;}
.blocSecteurFooter{background:url(images/bloc-secteur-footer.gif) no-repeat top left; height:14px;}

/* ENCART ACTU */
#encartActu *{position:relative;}

#encartActu .encartActuHeader{ background:url(images/encart-actu-header.gif) no-repeat top left; height:30px;}
#encartActu .encartActuHeader h1,	#encartActu .encartActuHeader h1 a{margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal; font-style:normal; text-decoration:none; color:#a3a3a3;}
#encartActu .encartActuHeader h1{padding:0 0 0 22px;}

#encartActu .encartActuContenu{background: url(images/encart-actu-bg.gif) repeat-y left;}
#encartActu .encartActuContenu div{margin:0 22px; padding:10px 0;}
#encartActu .encartActuContenu h2{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; font-style:normal; text-decoration:none; color:#3d74ad;}
#encartActu .encartActuContenu a.photo img{border:1px solid #dddddd; padding:1px; float:left; margin:0 10px 0 0;}
#encartActu .encartActuContenu a.photo:hover img{border:1px solid #91c6ff;}

#encartActu .encartActuFooter{background:url(images/encart-actu-footer.gif) no-repeat top left; height:55px;padding-top:36px;}
#encartActu .encartActuFooter a{display:block; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; font-style:normal; text-transform:uppercase; text-decoration:none; color:#b7dbff;}
#encartActu .encartActuFooter a:hover{color:#ffffff;}

/* ENCART PRESENTATION */
#encartPresentation{}
#encartPresentation .encartPresentationHeader{ background:url(images/encart-presentation-header.gif) no-repeat top left; height:34px;}

#encartPresentation .encartPresentationContenu{background: url(images/encart-presentation-bg.gif) repeat-y left;}
#encartPresentation .encartPresentationContenu div{margin:0 52px; padding:0;}
#encartPresentation .encartPresentationContenu h2{font-family:Georgia, "Times New Roman", Times, serif;font-size:17px; font-weight:bold; font-style:normal; text-decoration:none; color:#8abe00; font-style:italic; }
#encartPresentation .encartPresentationContenu h3{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; font-style:normal; text-decoration:none; color:#898989;}
#encartPresentation .encartPresentationContenu a.photo img{border:1px solid #dddddd; padding:1px; float:left; margin:0 10px 0 0;}
#encartPresentation .encartPresentationContenu a.photo:hover img{border:1px solid #91c6ff;}

#encartPresentation .encartPresentationFooter{background:url(images/encart-presentation-footer.gif) no-repeat top left; height:28px;}

#blocContactRapide{text-align:center; margin:15px 0;}
#blocContactRapide h4 *{color:#79a600; font-size:16px;}
#blocContactRapide h4 a{display:block; width:100%; height:100%;}
#blocContactRapide h4 a:hover{color:#8fc400;}
#blocContactRapide h2{color:#8fc400;}
#blocContactRapide h2 strong{color:#79a600; font-size:16px; font-weight:normal;}
#blocContactRapide u.sep{width:80%; margin:0 auto;}
#blocContactRapide a s{background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/astradec/images/ico-mail.png');width:40px; height:38px; display:inline-block;}
html>body #blocContactRapide a s{filter:none; background:url(images/ico-mail.png) no-repeat center center; width:1px;height:1px; padding:19px 20px; display:inline; float:none; margin-right:10px;}

/* CONTACT */
#formulaireContact{width:350px;}
#formulaireContact label{display:block; margin: 0 0 3px 0; text-align:right}
#detailsContact{/*float:right;*/ width:100%;}

#actualitesShort{margin:15px 0; }
#actualitesShort ul{padding:10px 0;}



/* BACKOFFICE */
#headerBO{width:998px; clear:both; margin:0 auto; padding:0;}
#headerBO{filter:none; background:url(images/page-bg.png) repeat-y left;height:246px;}
.connect{width:300px;float:right; position:absolute; top:40px; right:180px;background-color:#ffffff}
.logo{width:300px;float:left; position:absolute; top:10px; left:280px;}
.accueilBO{width:700px;margin:0 auto}

.barremenu {list-style-type: none; margin:0; padding:0;border:0; clear:both; width:100%; height:24px; clear:both;}
.barremenu li{display:block; padding:2px; margin:0 1px 0 10px; float:left; text-align:center; background-image : none;  text-align:center;border:1px solid #ededee;  min-height:18px; }
.barremenu li.Over{border:none;font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size:8pt;color:#5A5A5A; cursor:pointer; }


.tablo{ border-spacing:0; border-collapse:collapse;border-top:1px solid #555555;border-right:1px solid #555555; margin-left:2px;margin-top:5px}
.tablo th{border-bottom:1px solid #555555;border-left:1px solid #555555; background:#555555; text-align:center; padding:4px;}
.tablo th, .catTablo th *{color:#EFF7CC;}
.tablo th.gauche{ text-align:left;}
.tablo td{text-align:left;border-bottom:1px solid #555555;border-left:1px solid #555555; padding:1px 2px;}
.bgblanc{background:#ffffff}
.color_rouge{color:#ff0000}

#animRepartition{width:300px; height:240px; margin:0 auto;}
#galerie{display:none;}