#centre-bas article, section#centre article{
	background-color: white;
	margin: 10px;
	padding: 10px;
	border-radius: 10px;
	border-style: solid;
}
/*                                    gestion du mot du maire */
article#motmaire {
	display: block;
	box-shadow: 2px 2px 2px 2px #333;
	overflow: hidden;
	background-color:white;
}
article#motmaire p {
	margin-left:20px;
}
#centre article#motmaire img {
	box-shadow: none;
	border-radius: 0px;
	float: left;
	width:250px;
}
/*                                     la gestion des affiche de manifestation*/
#affiche img {
	width:220px;
	float:left;
}
/*                                                              la gestion des post it de l'actualité*/
#actualites_futur article, #actualites_passe article, #previewDiv{
	text-align: center;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-top: 10px;
	font-family: traveling__typewriterregular,serif;
	font-size: 1.2em;
}
article.reduit {
	float: left;
	width: 47%;
	height: 250px;
	margin-top: 10px;
	padding:0px;
}
#centre #actualites_futur.actualitesPasse .grand{  
	background: url('images/epingleverte.png') no-repeat 0px 0px,url('images/epingleverte.png') no-repeat 660px 0px,url('images/blocnote.jpg')  no-repeat;
}
#actualites_futur article.reduit  {
	border:hidden;
	padding: 0px;
	margin-left:3px;
	border-radius: 10px;
	box-shadow: 5px 5px 2px 3px #000;
}
#actualites_futur article.manifestation.reduit {
	background: url('images/epinglerouge.png') no-repeat 0px 0px,url('images/epinglerouge.png') no-repeat 290px 0px,url('images/tinyblocnote.jpg')  no-repeat;
}
#actualites_futur article.travaux.reduit {
	background: url('images/entravaux.png') no-repeat 0px 0px,url('images/tinyblocnote.jpg')  no-repeat;
}
#actualites_futur article.ecole.reduit {
	background: url('images/stylo.png') no-repeat 0px 0px,url('images/stylo.png') no-repeat 300px 0px,url('images/tinyblocnote.jpg')  no-repeat;
}
#actualites_futur article.cmj.reduit {
	background: url('images/cmj.png') no-repeat 0px 0px,url('images/cmj.png') no-repeat 280px 0px,url('images/tinyblocnote.jpg')  no-repeat;
}
#actualites_passe article.reduit  {
	border:hidden;
	border-radius: 10px;
	box-shadow: 5px 5px 2px 3px #000;
	padding: 0px;
	margin-left:3px;
}
#actualites_passe article.manifestation.reduit {
	background: url('images/epingleverte.png') no-repeat 0px 0px,url('images/epingleverte.png') no-repeat 290px 0px,url('images/tinyblocnote.jpg')  no-repeat;
}
#actualites_passe article.travaux.reduit {
	background: url('images/entravaux.png') no-repeat 0px 0px,url('images/tinyblocnote.jpg')  no-repeat;
}
#actualites_passe article.ecole.reduit {
	background: url('images/stylo.png') no-repeat 0px 0px,url('images/stylo.png') no-repeat 300px 0px,url('images/tinyblocnote.jpg')  no-repeat;
}
#actualites_passe article.cmj.reduit {
	background: url('images/cmj.png') no-repeat 0px 0px,url('images/cmj.png') no-repeat 280px 0px,url('images/tinyblocnote.jpg')  no-repeat;
}
#actualites_futur article.manifestation.grand {
	background: url('images/epinglerouge.png') no-repeat 0px 0px,url('images/epinglerouge.png') no-repeat 660px 0px,url('images/blocNoteHaut.jpg')  no-repeat, url('images/blocNoteLigne.jpg') repeat-y;
	padding:10px;
}
#actualites_futur article.ecole.grand {
	background: url('images/stylo.png') no-repeat 0px 0px,url('images/stylo.png') no-repeat 660px 0px,url('images/blocNoteHaut.jpg')  no-repeat, url('images/blocNoteLigne.jpg') repeat-y;
	padding:10px;
}
#actualites_futur article.cmj.grand {
	background: url('images/cmj.png') no-repeat 0px 0px,url('images/cmj.png') no-repeat 630px 0px,url('images/blocNoteHaut.jpg')  no-repeat, url('images/blocNoteLigne.jpg') repeat-y;
	padding:10px;
}
#actualites_futur article.travaux.grand {
	background: url('images/entravaux.png') no-repeat 0px 0px,url('images/blocNoteHaut.jpg')  no-repeat, url('images/blocNoteLigne.jpg') repeat-y ;
}
#actualites_passe article.grand.manifestation ,#previewDiv{
	padding:10px;
	background: url('images/epingleverte.png') no-repeat 0px 0px,url('images/epingleverte.png') no-repeat 660px 0px,url('images/blocNoteHaut.jpg')  no-repeat,url('images/blocNoteLigne.jpg') repeat-y;
}#actualites_passe article.travaux.grand {
	padding:10px;
	background: url('images/entravaux.png') no-repeat 0px 0px,url('images/blocNoteHaut.jpg')  no-repeat ,url('images/blocNoteLigne.jpg') repeat-y;

}
#actualites_passe article.cmj.grand {
	padding:10px;
	background: url('images/cmj.png') no-repeat 0px 0px,url('images/cmj.png') no-repeat 630px 0px,url('images/blocNoteHaut.jpg')  no-repeat,url('images/blocNoteLigne.jpg') repeat-y;

}
#actualites_passe article.ecole.grand {
	padding:10px;
	background: url('images/epingleverte.png') no-repeat 0px 0px,url('images/epingleverte.png') no-repeat 660px 0px,url('images/blocNoteHaut.jpg')  no-repeat,url('images/blocNoteLigne.jpg') repeat-y;

}

article.reduit .dateActualites {
	font-size:1.3em;
}
article.reduit h3 {
	font-family:traveling__typewriterregular,serif;
	font-size:1.3em;
}
article.grand h3,#previewDiv h3 {
	font-family:traveling__typewriterregular,serif;
	font-size:1.3em;
}
article.grand .dateActualites,#previewDiv .dateActualites {
	font-size:1.6em;	
}
#actualites_futur article .dateActualites, #actualites_passe article .dateActualites, #previewDiv .dateActualites {
	text-align:center;
	color: #FF0000;
	margin:-10px 10px 0px 10px;
	padding:0px;
	font-family:traveling__typewriterregular,serif;
}
#previewDiv {
	min-height:150px;
}
/*#################################### la codah */
article#codah {
	clear:both;
	background-color:white;	
}
img#codahnews {
	width:650px;
	margin:0px;
	padding:0px;
}
.news {
	background-color:#FFCC00; 
	border-color:#FF0033;
	height: 50px;
	overflow: auto;
}
.news{
	height:100px;
}
.news a {
	width: 220px;
	float: left;
	border-style: solid;
	border-color: #999999;
	border-width:1px;
	margin: 1px;
}
/*            module de recherche                      */
section#centre #resultat {
	background-color: #BFF8FB;
	display: block;
	border: #000000 thin solid;
	height: 2em;
}
section#centre .resultat {
	margin : 0px 0px 0px 10px;
	float:left;
	list-style:none;
	list-style-position:inside;
	padding:0px;
}
section#centre {
	padding: 10px;
	text-align: justify;
	min-height: 700px;
	color: #000;
	position: relative;
	top: 0px;
/*	border: groove 3px #000000;*/
	overflow-x: auto;
	background-image: url(images/fond-ecusson.jpg);
	margin-left:195px;
	width: 745px;
}
section#centre img {
	border-radius: 15px;
	box-shadow: 6px 6px 4px 3px #000;
	margin: 10px;
}
section#centre .imageSimple {
	box-shadow:none;
	border-radius: 0px;	
}
section#centre img.taillePleine {
		width:100%;
}
section#centre li {
	list-style-type:circle;
	list-style-position:outside;
}
section#centre-haut {
	width:100%;
}
section#centre-haut h2{
	text-align:center;
}
section#centre h3 {
	left: 50px;
}
section#centre label {
	text-align:right;
	display:block ;
	float:left;
	margin-top:0px;
	margin-right:10px;
	width: 180px;
	padding-right: 5px;
}
section#centre .labelbouton{
	width:250px;
}
section#centre input[type=button],input[type=reset], input[type=submit] {
	font-size:1.2em;
	text-align:center;
	width:130px;
	margin:0px 10px;
}
section#centre th{
	text-align:center;
}
section#centre input[type=date] {
	width:500px;	
}
section#centre input[type=text], section#centre input[type=password],#infosFichierCharge {
	width:200px;
	margin-top:0px;
	margin-right: 20px;
	margin-left: 10px;
	height: 1.5em;
	padding-left: 5px;
	font-size:1em;
/*	border-color: #000000;*/
	border-width: 2px;
	border-style: groove;
	background-color: #DFF0F9;
 }
section#centre input[readOnly]{
 	background-color:#FFFFCC;
	font-size:1.2em;
	color:#000000;
 }
 section#centre input[type=file] {
	height:1.8em;
	margin-left: 10px;
	padding-left: 5px;
	font-size:1em;
	background-color: #c6e3f3;
 }
section#centre .lien_file {
	display:block;
	position:relative;
	width:530px;
	height:25px;
	background:url(images/parcourir.gif) no-repeat right top; 
	margin:0 0 0 0px;
	text-decoration:none;
	color:black;
}
section#centre #infosFichierCharge {
	left: 200px;
	display: inline-block;
	min-height: 60px;
	overflow-y: auto;
	overflow-x:hidden;
	text-align:left;
	background-color:#FFFFCC;
}
section#centre #fichier1  {
	position:absolute;
	top:0px;
	right:100px;
	width:300px;
	}
section#centre #fichier2 {
	width:300px;
}
section#centre .lien_file:hover {
	background:url(images/parcourir.gif) no-repeat right bottom; 
}
section#centre .input_file {
	position:absolute;
	top:0px;
	right:0px;
	opacity:0;
/*	filter:alpha(opacity=0);*/
}
section#centre input[type=radio] {
	width:20px;
	margin-left: 10px;
	margin-top: 0px;
}
section#centre textarea {
	background-color: #DFF0F9;
	margin: -10px auto 0px auto;
	padding:10px;
}
section#centre .message {
	height: 200px;
	width: 630px;
}
section#centre .annonce  {
	height:40px;
	width:400px;
}
section#centre #centre-bas .newsletter {
	width:630px;
	margin:20px;
}
section#centre textarea.newsletter {
	height:250px;
}
section#centre div#pages {
	text-align:center;
	font-weight: bold;
}
section#centre div#pages a {
	text-decoration:underline;
}
section#centre div#pages a.selected {
	text-decoration:none;
	color:#CCCCCC;
}
section#centre-bas {
	clear:both;
}
section#centre iframe{
/*	width:715px;*/
	width:100%;
	height:1000px;
}
div #fenetre {
	position: relative;
	left: 20px;
}
div .image a{
	text-decoration: none;
}
table.tableau {
	border: solid #000 1px;
	border-collapse: collapse;
	width:100%;
	background-color:white;
}
table td.coldroite {
	color: #FF0000;
    font-style: italic;
}
table td.clair {
	background-color: #FFFFCC;	
}
table td.fonce {
	background-color:#CCCCCC;
}
/* gestion des comptes rendus municipaux 
#cm td {
	width:10%;
	text-align: left;
}
#cm th {width:8%;}*/
section#centre article#pdf-officiel {
	float:left;		
	padding-left:25px;
	text-align:left;
}
article#pdf-officiel p {
	display:inline-block;
	background-image:url(images/cahier-a-spirale-ligne.png);
	width:153px;
	height:116px;
	margin:5px 0px;
	text-align:center;
	margin-right:10px;
}
article#pdf-officiel p a {
	display:inline-block;
	text-align: center;
	font-style: normal;
	font-size: 1.1em;
	padding-top: 30px;
	text-decoration: none;
	color:#000;
	font-weight:normal;
	line-height:2em;
}
article#pdf-officiel p a:hover{
	color: #000;
	text-decoration:underline;
	font-style:oblique;
	font-weight: bolder;
}

#asso th {
	background-color: #FF9933;
}
#asso .clair {
background-color:#FFCC99}
/* design */
#centre h3 , #centre h4, #centre h2, #maDivTexte h3{
	text-align: center;
}
#carte h2, #carte h3{
	text-align:left;
	margin-left: 160px;
}
#centre q {
	font-style: italic;	
}
#centre p {
	margin: 10px;
	
}
#carte img {
	float:left;
	border: groove #000000 3px;
}
#carte #map_canvas {
	width: 500px;
	height: 300px;
	padding-top: 50px;
	margin:0 auto;
}
.liste-simple{
	list-style-type:none;
	text-align: left;
	margin-left:30px;
}
.souligne {
	text-decoration:underline
}
.gras {
	font-weight:bold;
}
.gros {
	font-size:1.3em;
}
.italique {
	font-style:italic;
}
.gauche {
	float:left;
	margin-left:15px;
	margin-right: 20px;
}
.droit {
	float:right;
	margin-right: 15px;
	margin-left: 20px;
}
.centrer {
	text-align:center;
}
.listeGauche li{
	list-style:none;
	text-align:left;
	list-style-position:outside
}
#bulle {
	background-image:url('images/bullenoire7.gif');
	width:300px;
	height:150px;
	position:absolute;
	z-index:5;
	display:none;
	top:200px;
	left:200px;
}
#bulle img {
margin-top:5px;
}
#codesecurite {
	color: #FF0000;
	font-style: normal;
	font-weight: bolder;
}
.motCherche {
	background-color:#00FF99;
}
.menu-repas {
	color:#3b593b;
	font-style:italic;
	margin-left: 30px;
}
.textegauche {
	text-align:left;
}
.rose {background-color:#FF66CC;}
.blanc {background-color:#FFFFFF;}
.gris {background-color:#CCCCCC;}
.aqua-bleu {
	background-image:url(images/bg-aqua-bleu.jpg);
	width:160px;
	height:40px;
}
.aqua-jaune {
	background-image:url(images/bg-aqua-jaune.jpg);
	width:160px;
	height:40px;
}
table.ecole-menu {
	border: solid #000 1px;
	border-collapse: collapse;
	width:100%;
	border:1px;
}
table.ecole-menu td {
	text-align:center;
	border-bottom:none;
	border-top:none;
}
section#centre-bas table.ecole-menu textarea , section#centre-haut table.ecole-menu textarea  {
	margin:10px;
}
.btnplus{
	border-color: #00FF00;
	border-style: outset;
	border-width: 4px;
	margin:0px;
	padding:0px;
}
/*calendrier des manifestations*/
article.event {
	border-style: outset;
	border-radius:10px;
	background-color: white;
	border-bottom-color: #033;
}
article.event .dateActualites {
	color:red;	
}