@charset "utf-8";
/* CSS Document */

#general {
width:995px;
background-color:#fafbf3;


}

#top {
width:995px;
height:154px; 
}

#topbeslon {
background-image:url(images/topbeslon.jpg);
background-repeat:no-repeat;
width:993px;
height:147px; 
}

#topcolombe {
background-image:url(images/exemple_colombe.jpg);
background-repeat:no-repeat;
width:991px;
height:147px; 
}

#topmorigny {
background-image:url(images/exemple_morigny.jpg);
background-repeat:no-repeat;
width:991px;
height:145px; 
}

#topgeneral {

width:997px;
height:154px; 
}



#centre {
width:995px;
border: 1px solid #a1cd92; 
overflow:hidden;
height:auto;
background-image:url(images/bottom.jpg);
background-repeat:no-repeat;
background-position:bottom right;
}

#centreart {
width:995px;
border: 1px solid #a1cd92; 
height:800px;
}

#gauche {
background-image:url(images/bgleft.jpg);
background-repeat:repeat-x;
background-color:#fafbf3;
width:210px;
min-height:677px;
margin-top:10px;
float:left;
}

#milieu {
width:500px;
float:left;
padding-left:15px;
}


#milieu p{
margin:0;
padding:0;
}

#milieu2 {
width:700px;
float:left;
padding-left:15px;
}




#milieuart {
width:760px;
float:left;
padding-left:15px;
padding-right:10px;
overflow:hidden;
}


#droit {
width:250px;
float:left;
}

#bottom {
width:995px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#008e38;
font-weight:bold;
text-align:left;
padding-left:20px; 
padding-top:10px;
}

.bottomcouleur {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#008e38;
font-weight:bold;
text-align:left;
text-decoration:none;
}

#servicetotal {
margin-top:10px;
float:left;
}

#service {
background-image:url(images/service.jpg);
background-repeat:no-repeat;
width:42px;
height:41px;
float:left;
}

#clic {
background-image:url(images/clic.jpg);
background-repeat:no-repeat;
width:42px;
height:31px;
float:left;
}

#agenda {
background-image:url(images/ag.gif);
background-repeat:no-repeat;
width:44px;
height:44px;
float:left;
}

#actu {
background-image:url(images/actualites.jpg);
background-repeat:no-repeat;
width:340px;
height:39px;
float:left;
}

#alaune {
width:500px;
text-align:left;
float:left;
padding-top:10px;
}

#alaune img {
float:left;
padding:0px 10px 10px 0px;
}

#alaune ul {
float:left;
width:370px;
}

#actus{
padding-top:25px;
width:540px;
float:left;
height:auto;
}


#carte {
width:500px;
}



.chapti {
float:left;
margin-top:7px;
width:700px;
}

.chapti2 {
float:left;

}

.spacer{
clear:both;
}

#ps {
border: 1px solid #a1cd92; 
width:350px;
float:left;
height:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#676767;
text-align:left;
margin-right:20px;
margin-top:15px;
padding-left:7px;
margin-bottom:30px;
padding-top:7px;
padding-bottom:7px;

}

#ps p {
margin:0;
padding:0;
}

#impri {
border: 1px solid #a1cd92; 
width:180px;
height:auto;
float:right;
margin-top:15px;
padding-top:5px;
padding-bottom:5px;
margin-right:10px;
margin-bottom:90px;
}


.communauteimage {
background-image:url(images/communautecommune.jpg);
background-repeat:no-repeat;
width:205px;
height:28px;
margin-left:5px;
margin-top:10px;
float:left;

}

#gauchetotal {
width:210px;
min-height:677px;
height:auto;
float:left;
}


.tplus {

float:left;
margin-left:23px;
margin-top:5px;
}

.tmoins {

float:left;
margin-top:5px;
}

#texte {

}

.imprimer {
float:left;
margin-top:5px;
}

.envoyer {
margin-top:5px;
float:left;
}

.imprimertexte{

float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#009037;
padding-right:10px;
margin-top:5px;
text-decoration:none;
float:left;

}

.envoyertexte{
float:left;
margin-top:5px;
float:left;
}

.envoyertexte2{

font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#009037;
text-decoration:none;

}


.lettredinfo {
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:18px;
padding-top:10px;
padding-left:12px;
font-weight:bold;
text-align:left;
}

.courriel  {
width:50px;
padding-left:20px;
padding-top:10px;
float:left;
}

.okcourriel {

margin-top:10px;
margin-left:68px;
float:left;
}


.portefolio {
text-align:center;
padding-top:10px;
padding-bottom:10px;
float:center;
}

img {
border:0;

}




.imagebottom {
background-image:url(images/bottom.jpg);
background-repeat:no-repeat;
width:358px;
height:69px;
float:right;
position:relative; 
background-position: right bottom;


}

.encadreorange {
background-image:url(images/orange_infolettre.gif);
background-repeat:no-repeat;
width:250px;
height:72px;
margin-top:20px;
margin-bottom:0px;
margin-left:11px;

}

.titrevert16 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#009037;
text-align:left;
margin:0;
padding-left:6px;
padding-bottom:0px;
text-decoration:none;
display:block;

}

.sursoustitre12 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#e47b4c;
text-align:left;
margin:0;
padding-left:0px;
padding-bottom:0px;
text-decoration:none;

}


.titrevert14 {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color:#009037;
text-align:left;
margin:0;
padding-left:0px;
padding-bottom:0px;
text-decoration:none;

}

#communes {
padding-top:15px; 
}

.titrecommunes {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#009037;
text-align:left;
padding-top:15px;
padding-left:15px;
margin-bottom:10px;
text-decoration:none;

}

.logoelan {
width:100px;
height:auto;
float:left;
padding-left:0px;
padding-right:6px;
padding-bottom:6px;
}

.chapoelan {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#5a5a58;
padding-left:2px;
text-align:left;
text-decoration:none;
 
display:block;
}

html:not([lang*=""]) .chapoelan { 
min-height:120px;
}

.chapogelan p {
display:inline;


}


.titreorange {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#f26b00;
padding-bottom:4px;
padding-top:20px;
text-align:right;

}

.traitorange {
background-image:url(images/traitorange.jpg);
background-repeat:no-repeat;
width:242px;
height:5px;
margin-bottom:15px;
float:right;
}


.titrecarte {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#009038;
text-align:left;
padding-top:25px;
float:left;
}

.carte {
padding-top:25px;
}

.logoarticle {
;
width:70px;
height:51px;
float:left;
margin-right:15px;
}

.logoarticle2 {
width:90px;
float:left;
margin-right:15px;
}

.titrechapo {
padding:0;
margin:0;
float:left;
width:140px;

}


#artic {
padding-top:20px;
padding-left:0px;
margin-right:10px;
}


#artrub2 {
width:500px;
}

.logorub {
width:100px;
float:left; 
display:block;
}

.titrerub {
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#009037;
text-align:left;
margin:0;
padding-left:0px;
padding-bottom:0px;

}


.titrechapo2 {
width:250px;
margin-top:0px;
padding-left:15px;
float:left;
}


.titrevert12 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#009a54;
text-align:left;
text-decoration:none;
padding-top:5px;
float:left;
width:150px;

}

.chapogris2 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#676767;
padding-left:15px;
padding-top:8px;
padding-bottom:30px;
text-decoration:none;
text-align:left;
float:left;
width:230px;
}

.chapogris2 p {
display:inline;

}

.chapogris2bold {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#676767;
text-align:left;
text-decoration:none;

}

.chapogris2boldfloat{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#676767;
text-align:left;
text-decoration:none;
float:left;
padding-top:15px;
}

.amiform3 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#676767;
font-weight:bold;
text-decoration:none;
padding-left:15px;
padding-top:10px; 
padding-bottom:15px;
text-align:left;
}

.amiform2 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#2b2b2b;
font-weight:bold;
text-decoration:none;
margin:0;
padding-top:15px;
float:left;
}


#envoiami {

text-align:left;
}

.chapogris14bold {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#676767;
text-align:left;
text-decoration:none;
}

.chapogris12 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#676767;
text-align:justify;

}

.chapogris12 li{
list-style:disc;

}


.titreactu {
font-family:Arial, Helvetica, sans-serif;
color:#009855;
font-weight:bold;
font-size:12px;
text-align:left;
/*padding-right:25px;*/
float:left;
width:140px;
text-decoration:none;

}

.chapoactu {
font-family:Arial, Helvetica, sans-serif;
color:#676767;
font-size:12px;
text-align:left;
padding-right:30px;
width:137px;
float:left;
text-decoration:none;
}




.recher {
margin-top:5px;
padding-bottom:10px;
width:115px;
float:left;
}

.ok {

float:left;
margin-top:5px;
padding-bottom:10px;
}

.leftte{
width:185px;
}


.titrevert {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#009a54;
padding-left:0px;
text-decoration:none;
text-align:left;

}

.chapogris {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#5a5a58;
padding-left:0px;
padding-bottom:0px;
float:left;
text-decoration:none;
width:475px;
text-align:left;
}

.chapogris p {
display:inline;

}

.agend {
width:200px;

}


.flecheverte {
background-image:url(images/flecheverte.gif);
background-repeat:no-repeat;
width:12px;
height:12px;
float:left;
padding-right:20px;
margin-top:2px;
margin-left:10px;
}

.flecheverte4{
background-image:url(images/flecheverte.jpg);
background-repeat:no-repeat;
width:16px;
height:12px;
float:right;
padding-right:0px;
margin-top:0px;
margin-left:0px;
}


.datev {
float:left;
width:110px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#e65214;
font-weight:bold;
text-align:left;
padding-left:12px;
}




.lirelasuite {
float:left;
width:140px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#009038;
font-weight:bold;
text-decoration:none;
text-align:left;
padding-left:12px;
padding-bottom:10px;
}


.titreev {
width:150px;
padding-bottom:10px;
padding-left:46px;
text-align:left;
}


.titreev2 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#009038;
font-weight:bold;

text-decoration:none;
}


.flecheverte2 {
background-image:url(images/flecheverte.jpg);
background-repeat:no-repeat;
width:17px;
height:10px;
text-align:left;
margin-top:6px;
float:left;

}

.flecheverte3 {
background-image:url(images/flecheverte.jpg);
background-repeat:no-repeat;
width:17px;
height:10px;
text-align:left;
margin-top:6px;
float:left;

}


ul {
padding:0;
margin:0;
}

li {
padding:0;
margin:0;
list-style:none;
}



.interieur {
width:180px;
height:auto;

}

.orange18
{
font-family:Arial, Helvetica, sans-serif;
color:#e47b4c;
font-size:18px;
font-weight:bold;
padding-left:15px;
text-align:center;
float:left;
}

.orange182
{
font-family:Arial, Helvetica, sans-serif;
color:#e47b4c;
font-size:18px;
font-weight:bold;
margin-left:12px;
padding-top:10px;
float:left;

}




.leftbleu1 {
background-image:url(images/image_rec.gif);
background-repeat:no-repeat;
width:180px;
height:42px;
margin-top:25px;
margin-bottom:15px;
float:left;

}

.leftbleu2 {
background-image:url(images/image_rec.gif);
background-repeat:no-repeat;
width:180px;
height:44px;
margin-top:15px;
margin-bottom:15px;
float:left;
}

.leftbleu3 {
background-image:url(images/image_rec.gif);
background-repeat:no-repeat;
width:180px;
height:44px;
margin-top:15px;
margin-bottom:15px;
float:left;
}

.flecheorange {
background-image:url(images/flecheorange.gif);
background-repeat:no-repeat;
width:12px;
height:14px;
float:left;
padding-right:15px;
}

.lien_menu:hover {
background-image:url(images/flecheorange.gif);
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
color:#009037;
font-size: 12px;
text-decoration:none;
font-weight:bold;
display:block;
margin-bottom:0px !important;
margin-bottom:0px;
padding-left:0px;
text-align:right;


}



.texteleft {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#009037;
float:left;
text-align:left;

}


.test {
width:195px;
height:20px;
padding-bottom:10px;
}


.trait {
background-image:url(images/pontille.gif);
background-repeat:repeat-x;
width:145px;
height:1px;
margin-top:5px;
margin-left:30px;
margin-bottom:10px;
padding-bottom:10px;
padding:0;
float:left;

}


.testdiv {
width:750px;
float:left;
padding-bottom:15px;
padding-left:15px;

}

.testdivrub{
width:750px;
border: 1px solid #a1cd92; 
float:left;
margin-bottom:10px;
padding-left:7px;
}

.testlogo {
width:90px;
float:left;
padding-bottom:7px;
padding-right:8px;


padding-top:10px;
}

.testchapo {
width:635px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#676767;
text-align:left;
text-decoration:none;
margin:0;
padding-bottom:7px;
}

.testchapo2 {
width:640px;
font-family:Arial, Helvetica, sans-serif;
color:#676767;
font-size:12px;
text-align:left;
text-decoration:none;

}


.testcolor {
font-family:Arial, Helvetica, sans-serif;
color:#676767;
font-size:12px;
text-decoration:none;
}


.testtitre {
width:650px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#009037;
text-align:left;
padding-top:7px;
padding-bottom:7px;
text-decoration:none;

}


.testtitrechapo {
width:630px; 
float:left;
padding-left:6px;
}

h3 {
font-family:Arial, Helvetica, sans-serif;
color:#019137;

}


/* Logos, documents et images */
img, .spip_logos { margin: 0; padding: 0; border: 0; }
.spip_documents { text-align: center; line-height: normal; }
.spip_documents p { margin: 0.10em; padding: 0; }
.spip_documents_center { display: block; clear: both; width: 100%; margin: 1em auto; }
.spip_documents_left { float: left; margin-right: 20px; margin-bottom: 5px; margin-top:5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 4px; margin-top:7px;  }
.spip_doc_titre { margin-right: auto; margin-left: auto; font-weight: bold; font-size: 0.90em; }
.spip_doc_descriptif { clear: both; margin-right: auto; margin-left: auto; font-size: 0.90em; }


/* Tableaux */
table.spip { max-width: 99%; margin-right: auto; margin-left: auto; margin-bottom: 1em; border-collapse: collapse; border-spacing: 0; line-height: normal; }
table.spip caption { caption-side: top; /* bottom pas pris en compte par IE */ text-align: center; margin-right: auto; margin-left: auto; font-weight: bold; background-color:#b9dcb2; margin-bottom:7px; }
table.spip tr.row_first { background: #c2e6f6; }
table.spip tr.row_odd { background: #c2e6f6; }
table.spip tr.row_even { background: #c0db8c; }
table.spip th, table.spip td { padding: 0.20em 0.40em; text-align: left; border: 2px solid #FFFFFF; }
table.spip th { vertical-align: middle; font-weight: bold; }
table.spip td { vertical-align: top; }
