/*  
Theme Name: PAPAO
Theme URI: http://www.acces-web.com/
Description: Theme PAPAO
Author: Acces-Web
Author URI: http://www.acces-web.com/
Version: 2.0
Tags:
*/

img.centered {
    padding:0px;
    margin:0 0 15px 0;
    display:inline;
	border:1px solid #d4d5d2;
}

img.alignright {
    padding:0px;
    margin:3px 0 3px 15px;
    display:inline;
	border:1px solid #d4d5d2;
}

img.alignleft {
    padding:0px;
    margin:3px 15px 15px 0;
    display:inline;
	border:none;
	border:1px solid #d4d5d2;
}

.alignright {
    float: right;
}

.alignleft {
    float: left;
}

.aligncenter {
    padding:0px;
    margin:0 0 15px 0;
    display:inline;
	border:1px solid #dfddd2;
}


.alignnone {
    padding:0px;
    margin:15px 0;
    display:inline;
	border:1px solid #dfddd2;
}


/* Reset Defaults Ends */

body { background:url(images/bg-page.jpg) repeat-x top left #f1f2ed; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#6a6f65;}
#bodyAccueil { background:url(images/bg-page-accueil.jpg) repeat-x top left #f1f2ed; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#6a6f65;}

#superConteneur { width:100%; position:relative; height:auto; float:left; background:url(images/super-conteneur.jpg) no-repeat top center;}
#wrapper { width:960px; margin:0 auto; position:relative; padding:0; }

#contenu {float:left; padding:0; margin:0; width:960px;}

/************************************* HEADER ***********************************/
a#espaceReserve {float:left; padding:0; margin:0 0 0 760px; width:160px; height:37px; background:url(images/espace-reserve.jpg) no-repeat; text-indent:-5000px;}


/************************************* PAGE ACCUEIL ***********************************/
#bienvenue {clear:left; float:left; padding:0 15px 0 0; margin:0; width:295px; border-right:1px dotted #adb0a9; }
#bienvenue h1 {float:left; padding:0; margin:0; width:295px; height:53px; background:url(images/bienvenue.gif) no-repeat left top; border-bottom:1px dotted #6a6f65; text-indent:-5000px; }
#bienvenue p {float:left; padding:0; margin:8px 0 12px 0; width:295px; font-size:1.2em; color:#6a6f65; line-height:17px; }
#bienvenue p strong {color:#ea753c; }
#bienvenue p a {color:#008dd1; font-size:0.9em; font-weight:bold; }

#dernNews { float:left; display:inline; padding:0 15px; margin:0 300px 0 0; width:300px; height:320px; border-right:1px dotted #adb0a9; }
#dernNews h2 {float:left; display:inline; padding:0 0 12px 0; margin:20px 0 0 0; /*hack ie6*/-margin:12px 0 0 0; width:300px; height:21px; background:url(images/dernieres-nouvelles.gif) no-repeat left top; border-bottom:1px dotted #6a6f65; text-indent:-5000px; }
#dernNews div.date {float:left; padding:0; margin:8px 0 0 0; width:300px; font-size:1.1em; font-weight:bold;}
#dernNews h3 {float:left; padding:0 0 0 15px; margin:0; width:285px; font-size:1.4em; font-weight:bold; color:#ea753c; background:url(images/puce-news.gif) no-repeat left center;}
#dernNews .excerpt {float:left; padding:0 7px 10px 7px; margin:0 8px; width:270px; font-size:1.2em; line-height:17px; border-bottom:1px dotted #6a6f65; }
#dernNews .excerpt p {display:inline; padding:0px; margin:0px; }
#dernNews .excerpt a {display:inline; padding:0; margin:0; color:#008dd1; font-size:0.9em; font-weight:bold; }

#animFlash {position:absolute; top:220px; right:0; width:349px; height:274px; z-index:20;}

#carousel { clear:left; float:left; padding:25px 0 0 0; margin:5px 0 0 0; width:695px; height:200px; background:url(images/ombre-accueil.jpg) no-repeat top center;}
#carousel h2 { float:left; padding:0; margin:0; width:695px; height:24px; background:url(images/infos-recyclage-traitement.gif) no-repeat left top; text-indent:-5000px;}
#carousel p { float:left; padding:0; margin:0 0 13px 0; width:665px; font-size:1.2em;}

#blocFaq {float:left; padding:50px 12px 0 12px; margin:-15px 0 0 0; width:241px; height:49px; background:url(images/bloc-faq.jpg) no-repeat top; font-size:1.1em; color:#4f544b; text-decoration:none;}
#blocInfos {float:left; padding:52px 12px 0 12px; margin:15px 0; width:241px; height:53px; background:url(images/bloc-infos.jpg) no-repeat top; font-size:1.1em; color:#4f544b; text-decoration:none;}
#blocFaq span, #blocInfos span { color:#85a601; font-weight:bold; text-decoration:underline;}


/************************************* FOOTER ***********************************/
#superFooter { clear:left; margin:0px auto; width:100%; height:120px; background:#ff7e00;}
#superFooter #footer { width:960px; height:120px; margin:0 auto; padding:0px; position:relative; background:url(images/footer.jpg) no-repeat top center;}
#superFooter #footer p#adresse { float:left; padding:0; margin:8px 0; color:#FFF; font-size:1.2em;}
#superFooter #footer p#adresse strong { display:block; margin-bottom:4px; font-size:13px;}
#superFooter #footer p#liens { float:right; padding:0; margin:8px 0; color:#FFF; font-size:1.1em; font-weight:bold;}
#superFooter #footer p#liens a { color:#FFF; }
#superFooter #footer a#aw { clear:left; float:left; padding:0; margin:0; width:960px; line-height:30px; color:#FFF; font-size:1.1em; font-weight:bold; border-top:1px dotted #fff; text-align:center; text-decoration:none;}


/************************************* PAGES DE NAV ***********************************/
#colonneGauche {float:left; display:inline; padding:0 0 30px 0; margin:0 20px; width:625px;}
#colonneGauche h1 {float:left; padding:2px 0; margin:10px 0 10px 0; width:625px; font-size:35px; border-bottom:1px dotted #6a6f65; z-index:2;}

#colonneGauche p {position:relative; padding:0; margin:0 0 10px 0; font-size:1.3em; line-height:17px; text-align:justify;}
#colonneGauche p a {color:#8aab02;}
#colonneGauche h2 {/*float:left;*/ padding:0 0 2px 0; margin:10px 0 5px 0; width:625px; font-size:1.8em; color:#8aab02; border-bottom:1px dotted #8aab02;}
#colonneGauche h3 {float:left; padding:0 0 2px 0; margin:20px 0 0px 0; width:625px; color:#ea753c; font-size:1.5em;}

#colonneGauche blockquote {float:left; display:inline; padding:18px 0 0 0; margin:10px 15px; width:595px; background:url(images/top-blockquote.jpg) no-repeat top left #e9eae5;}
#colonneGauche blockquote p {float:left; padding:0 30px 18px 30px; margin:0; width:535px; background:url(images/bas-blockquote.jpg) no-repeat bottom right #e9eae5; font-style:italic;}

#colonneGauche table {font-size:1.2em; margin:0 0 10px 0; }
#colonneGauche table p {font-size:12px;}
#colonneGauche ul {font-size:1.2em; line-height:17px;}
#colonneGauche ul a {color:#8aab02;}
#colonneGauche ol {font-size:1.2em; line-height:17px; text-align:justify;  }
#colonneGauche ol li {margin-bottom:15px;}

/* contact ***********/
#colonneGauche .form {float:left; padding:8px 0 0; margin:0; font-size:1.3em; line-height:17px; width:312px;}
#colonneGauche .formB {float:left; padding:8px 0; margin:0; font-size:1.3em; line-height:17px; width:312px; border-bottom:1px dotted #bbbcb9;}
#colonneGauche .form2 {float:left; padding:8px 0; margin:0; font-size:1.3em; line-height:17px; width:625px;}
#colonneGauche .form2B {float:left; padding:8px 0; margin:0; font-size:1.3em; line-height:17px; width:625px; border-bottom:1px dotted #bbbcb9;}
#colonneGauche label { float:left; padding:0; margin:0 0 0 10px; width:85px;}
#colonneGauche select { width:520px; height:25px;}
#colonneGauche .btnEnvoyer { background:url(images/btn-envoyer.jpg); width:150px; height:30px; border:none; margin:0 237px; text-indent:-5000px;}


/* membres bureau ***********/
#colonneGauche .membre {float:left; padding:10px 0 13px 18px; margin:10px 5px 0 5px; width:180px; font-size:12px; background:url(images/bg-membre.jpg) no-repeat left bottom #e9eae5;}
#colonneGauche .membre img {float:left; padding:0; margin:0 62px 8px 44px; width:81px; border:1px solid #73786e;}
#colonneGauche .commission {float:left; padding:10px 0 10px 18px; margin:10px 5px 0 5px; width:180px; height:145px; color:#ea753c; font-size:1.5em; background:#e9eae5;}

/* dossiers ***********/
#colonneGauche .unFichier {float:left; padding:18px 10px 0 0; margin:2px 10px 10px 12px; width:280px; font-size:12px; background:url(images/bg-file-dossier.jpg) no-repeat left top #e9eae5;}
#colonneGauche .unFichier a { text-decoration:none; color:#6a6f65;}
#colonneGauche .unFichier p { font-size:12px;}
#colonneGauche .unFichier span { display:block; font-style:italic; margin-top:10px; font-size:12px;}
#colonneGauche .unFichier a img {float:left; padding:0; margin:0 4px 8px 4px; border:none;}

/* faq ***********/
.dhtmlgoodies_question { float:left; color:#8aab02; font-size:1.6em; width:625px; margin:10px 0 0 0; padding:0 0 7px 0; background:url(images/bg-question-faq.jpg) no-repeat bottom; overflow:hidden; cursor:pointer;}
.dhtmlgoodies_answer { background:#e9eae5; width:625px; visibility:hidden; height:0px; overflow:hidden; position:relative;}
.dhtmlgoodies_answer_content { padding:0 40px 8px 40px; font-size:1.3em; line-height:17px; position:relative;}

/* actualites ****/
#colonneGaucheActu {float:left; display:inline; padding:0 0 30px 0; margin:0 20px; width:625px;}
#colonneGaucheActu h1 {float:left; padding:2px 0; margin:10px 0 2px 0; width:625px; font-size:35px; border-bottom:1px dotted #6a6f65;}
#colonneGaucheActu .uneActu {float:left; padding:0; margin:0; width:625px; background:url(images/bg-actu.jpg) repeat-y;}
#colonneGaucheActu .uneActu .dateActualite {float:left; padding:12px 0 0 15px; margin:0; width:110px; background:url(images/fleche-actu.jpg) no-repeat 115px 15px;}
#colonneGaucheActu .uneActu .dateActualite .jour {float:left; padding:0 3px 0 0; margin:0; font-size:3.6em; font-weight:bold; height:26px; line-height:26px; border-right:1px solid #8b8f86;}
#colonneGaucheActu .uneActu .dateActualite .mois {float:left; padding:0 25px 0 3px; margin:0; font-size:1.8em; font-weight:bold; height:13px; line-height:10px;}
#colonneGaucheActu .uneActu .dateActualite .annee {float:left; padding:0 25px 0 3px; margin:0; font-size:1.6em; font-weight:bold; height:13px; line-height:14px;}
#colonneGaucheActu .uneActu .contenuActualite {float:left; padding:0; margin:0 0 0 10px; width:490px;}
#colonneGaucheActu .uneActu .contenuActualite h2 {float:left; display:inline; padding:0; margin:10px 0 8px 0; width:490px; color:#ea753c; font-size:2.0em;}
#colonneGaucheActu .uneActu .contenuActualite .txtActu {float:left; padding:0; margin:0; width:490px; font-size:1.2em; line-height:17px; border-bottom:1px dotted #6a6f65;}
#colonneGaucheActu .uneActu .contenuActualite .txtActu p {padding:0; margin:0 0 8px 0; font-size:12px;}

/* delegues CdC ***********/
#colonneGauche .delegue {float:left; padding:17px 10px 0 10px; margin:10px 12px 0 0; width:285px; background:url(images/bg-delegue.jpg) no-repeat left top #e9eae5;}
#colonneGauche .delegue img {float:left; padding:0; margin:3px 10px 10px 0px; border:1px solid #73786e; width:80px;}
#colonneGauche .delegue p {float:left; padding:0 0 10px 0; margin:0px; width:193px; font-size:12px; line-height:16px; text-align:left;}
#colonneGauche .delegue p span {font-size:11px; line-height:14px; text-align:left;}

/* fiche decheterie ***********/
#colonneGauche #horaires {float:left; padding:0px; margin:0 15px 10px 0; width:350px;}

#colonneGauche #gardien {float:left; padding:7px 10px 10px 10px; margin:2px 0 15px 0; width:240px; background:url(images/bg-delegue.jpg) no-repeat left top #e9eae5;}
#colonneGauche #gardien img {clear:left; float:left; padding:0; margin:13px 10px 0 0px; border:1px solid #73786e; width:80px;}
#colonneGauche #gardien p {float:left; padding:0 0 10px 0; margin:10px 0 0 0; width:148px; font-size:12px; line-height:16px; text-align:left;}


#colonneDroite {float:left; display:inline; padding:37px 0 0 0; margin:0 0; width:265px; min-height:280px; background:url(images/bg-colonne-droite.png) no-repeat top right;}

#colonneDroite #touteActu {float:left; padding:0; margin:0; width:265px;}
#colonneDroite #touteActu h4 {float:left; padding:0; margin:0; width:265px; height:58px; background:url(images/titre-toute-actualite.png) no-repeat; text-indent:-5000px;}
#colonneDroite #touteActu h3 {float:left; display:inline; padding:0 16px 10px 16px; margin:0; width:233px; font-size:1.1em; color:#4f544b; font-weight:bold; background:#e2e3de;}
#colonneDroite #touteActu h3 a {float:left; display:inline; padding:0 0 3px 12px; width:221px; color:#4f544b; text-decoration:none; background:url(images/puce-bloc-droite.jpg) no-repeat 0px 2px; border-bottom:1px dotted #6a6f65;}
#colonneDroite #basTouteActu {float:left; padding:0; margin:0; width:265px; height:10px; background:url(images/bas-bloc-droite.png) no-repeat left bottom;}

#blocFaqNav {float:left; padding:52px 12px 0 12px; margin:20px 0 0 0; width:241px; height:51px; background:url(images/bloc-faq-nav.png) no-repeat top; font-size:1.1em; color:#4f544b; text-decoration:none;}
#blocFaqNav span { color:#85a601; font-weight:bold; text-decoration:underline;}

#blocInfosNav {float:left; padding:52px 12px 0 12px; margin:20px 0 0 0; width:241px; height:52px; background:url(images/bloc-infos-moment-nav.png) no-repeat top; font-size:1.1em; color:#4f544b; text-decoration:none;}
#blocInfosNav span { color:#85a601; font-weight:bold; text-decoration:underline;}

#blocCdc {float:left; padding:52px 12px 0 12px; margin:20px 0; width:241px; height:133px; background:url(images/bloc-cdc.png) no-repeat top; font-size:1.1em; color:#4f544b; text-decoration:none;}
#blocCdc form {padding:0; margin:0;}
#blocCdc select {font-size:1.1em; margin:5px 5px 5px 0; width:195px;}
#blocCdc input { background:#eb742c; color:#FFF; border:none; margin:5px 0; width:35px;}

#blocCommunesMembres {float:left; padding:0; margin:0; width:265px; background-color:#e2e3de;}
#blocCommunesMembres h4 {float:left; padding:0; margin:0; width:265px; height:58px; background:url(images/bloc-communes-membres.png) no-repeat; text-indent:-5000px;}
#blocCommunesMembres h3 {float:left; display:inline; padding:3px 0; margin:0 12px; width:241px; font-size:1.1em; color:#4f544b; border-bottom:1px dotted #6a6f65;}

#blocDecheteries {float:left; padding:52px 12px 0 12px; margin:0; width:241px; height:82px; background:url(images/bloc-decheteries.png) no-repeat top; font-size:1.1em; color:#4f544b; text-decoration:none;}
#blocDecheteries form {padding:0; margin:0;}
#blocDecheteries select {font-size:1.1em; margin:5px 5px 5px 0; width:195px;}
#blocDecheteries input { background:#eb742c; color:#FFF; border:none; margin:5px 0; width:35px;}

#blocEspace {float:left; padding:0; margin:0; width:265px;}
#blocEspace h4 {float:left; padding:0; margin:0; width:265px; height:58px; background:url(images/bloc-espace.png) no-repeat; text-indent:-5000px;}
#blocEspace h5 {float:left; display:inline; padding:0 12px 10px 12px; margin:0; width:241px; font-size:1.2em; color:#4f544b; font-weight:normal; background:#e2e3de;}
#blocEspace h5 strong {float:left; display:inline; padding:0 0 2px 0; width:241px; border-bottom:1px dotted #6a6f65;}
#blocEspace li {float:left; display:inline; padding:0 12px 10px 12px; margin:0; width:241px; font-size:1.2em; background:#e2e3de; list-style:none;}
#blocEspace li a {color:#4f544b; text-decoration:none;}
#blocEspace li a:hover {color:#4f544b; text-decoration:underline;}
#deconnecter {float:left; padding:0; margin:0px; width:265px; height:28px; background:url(images/bas-bloc-droite.png) no-repeat left bottom; text-align:center; font-size:1.2em; font-weight:bold;}
#deconnecter a {float:left; padding:3px 0 0 0; margin:0 12px; width:241px; color:#8aab02; border-top:1px dotted #6a6f65;}

