body{ background: #fdeec5 url("images/fond.jpg") repeat-y top center; margin:0 auto; text-align:center;
font-family:"Trebuchet MS",Helvetica,sans-serif; font-size:1em;
}


/* Images typographiques (via image_typo), URL a revoir... */
img, .format_png { behavior: url(win_png.htc); }

a{text-decoration:none; color:#777}
a:hover{text-decoration:underline;}
a img {border:none;}

#page{width:772px; margin:0 auto; text-align:left; }
#entete{background-color:#000; color:#FFF; height:174px;}
#conteneurgris{background: #fff url("images/blocsalle.jpg") no-repeat -50px 10px; position:relative; float:left; width:560px;}
#conteneur{position:relative; height:auto; /*border:1px solid red; */ margin-right:0px; }

#pied{text-align:center; margin:0 auto; clear:both; font-size:0.8em; position:relative; padding:0; width:748px; font-size:0.7em;}
#pied .accesadmin{display:block; padding-top:1.3em; float:left; color:#fff; }
#pied .accesadmin:hover{color:orange;}

#contenusites{float:left; width: 330px; font-size:0.8em;}
#contenu{float:left; padding:1em 0 1em 1.5em; font-size:0.8em; width:520px; position:relative; z-index:2; /*border:1px solid orange;*/}
#contenusom{float:left; font-size:0.8em;  position:relative; }
#contenucine{float:left; padding-left:1em; padding-top:3em; width:550px; position:relative; min-height:400px; font-size:0.8em;}

.cartouche {float:left; width: 150px; height:200px; /*border:1px solid black;*/}
.articlenlong{float:left; width:400px;  color:#111; margin-left:3em; /*border:1px solid purple;*/}
.articlenlong .spip_logos {float:left; margin:0 1em 0 0; border:7px solid #9c8e6c;}
.articlenlong strong, .articlenlong h3{color:#333}
.articlenlong a{color:#111; text-decoration:underline;}
.articlenlong .chapo{font-weight:bold; color:#000}

#inlogo{position:absolute; width:500px; height:700px; z-index:1; top:0px; left:0px;
}
.page_article .titre{font-size:3em}


#divalaffiche{ padding-left:20px; width:530px; border-bottom:1px solid #555; z-index:30; padding-top:40px; color:#b6ac9d; }
#divalaffiche a{color:#fff;} 
a.motsalle{display:block; padding:5px 0px 5px 0px; font-weight:bold; font-size:0.9em;}
#titreaffiche{font-size:1.5em;  width:190px; float:left;}
#alaffiche{font-size:1.5em; position:relative;  left:210px; top:-1.2em; color:#b6ac9d;}
#titregris{font-size:2.2em; position:relative; color:#b6ac9d; border-bottom:1px solid #555; width:100%; }
.datesemaine{font-size:1em; font-weight:bold; color:#000; position:relative; top:-1.6em; left:0px; margin-bottom:1em;}

.accesprog{margin-bottom:1em;}

#cologauche {float:left; width:210px; color:#666; position:relative; top:-2.2em; }
#cologauche .descriptif{color:#fff; margin:5px 20px 10px 20px; background-color:#b6ac9d;}
#cologauche .descriptif a{color:#fff;}
#cologauche .logo{text-align:left; padding:2px 0 4px 20px;}
#cologauche img{}
#cologauche .texte{color:#000; padding:5px 20px 5px 20px;}



.lasalle{font-size:0.9em; margin-top:1em;}
.lasalle .texte{font-size:0.8em}
.lasallesite{font-size:0.7em; margin-top:1em;}
.lasallesite .texte a{color:#000}
.lasallesite .texte a:hover{text-decoration:none; color:#444;}

#navigation{top:2em; color:#666; }
#navigation {float:right; width:200px; font-size:0.7em; position:relative; }


#navigation #itinerants{font-size:1.8em; margin-top:3em;  margin-bottom:2em; color:#9c8e6c;}
#itinerants span{display:block; margin-bottom:0.7em; }
#itinerants li{font-size:0.7em; line-height:3em; clear:left; font-weight:900;}
#itinerants a{color:#9c8e6c; }
#itinerants img{float:left; }

#navigationhaute {width:170px; float:right; border:none; font-size:0.7em; color:#9c8e6c; margin:0; margin-bottom:4em}
.programmelessalles{ font-size:1em; margin: 0; padding:0;  margin-top:40px;  text-align: left; list-style: none;  background-color:#fff;}
.programmelessalles li { margin: 0; padding: 0; border:1px solid #FFF;}
.programmelessalles li a{color:#9c8e6c;}
.programmelessalles li span{display:block; font-size:1.1em; font-weight:bold;  margin-top:1em; }
.programmelessalles li span .spip_surligne{display:inline; border:1px solid yellow;}
.spip_surligne{border:1px solid yellow;}
.programmelessalles .on, .programmelessalles li a.on span{color:red;}
.programmelessalles li ul li{margin-top:0.5em;}
.programmelessalles h2{font-size:1.3em; margin-top:0px; padding-top:0px;}


.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }

.rubsommaire{width: 230px; float:right;}
.rubsommaire, .rubriques, .breves, .syndic, .forums, .divers {
	min-width: 10em;
	margin-bottom: 1em;
}

.menu-titre {
	padding: 0.2em 0.4em;
	border-bottom: 1px dotted #CCC;
	text-align: center;
}

#documents_joints ul{list-style-type:none; margin:0; padding:0; display:inline;}
#documents_joints li{list-style-type:none; margin:0; padding:0; display:inline;}
#documents_joints img{text-decoration:none; border:none;}

.liste-articles {width:420px; clear:both; margin:0; padding:0;}
.liste-articles ul{list-style-type:none; margin:0; padding:0;}
.liste-articles a{text-decoration:none;}
.liste-articles a:hover{text-decoration:underline;}
.liste-articles li{background-color:#f8f8f8; margin:0; padding:0; list-style-type:none; margin-bottom:2em; border-bottom:1px solid #999; padding-bottom:2em;}
.liste-articles .texte{font-size:0.9em;}
.miniaffiche{float:left; margin:0 0.5em 0 0;}
.liste-articles .titre{display:block; font-size:1.1em; color:#000; font-weight:900;}
.programme{background-color:#fff; margin-top:2em; margin:0; padding:0;}
.programme h3 {color:#666; margin:0; padding:0; font-size:1.2em}
.block{display:block}
.block a{color:#666; font-size:0.8em;}
.prognomcine{clear:both; display:block; color:#666}

.liste-blocs {clear:both; padding-top:2em;}
.liste-blocs ul{list-style-type:none; margin:0; padding:0;}
.liste-blocs a{text-decoration:none;}
.liste-blocs a:hover{text-decoration:underline;}
.liste-blocs li{list-style-type:none; margin-bottom:2em; border-bottom:1px solid #999; padding-bottom:2em;}
.liste-blocs .texte{font-size:0.9em;}
.liste-blocs .titre{display:block; font-size:1.1em; color:#000; font-weight:900;}

.formulaire_recherche form  {margin:0; padding:0;}
.formulaire_recherche input {width:120px; margin:0; padding:0;  border:1px solid #9c8e6c; color:#9c8e6c;}
.formulaire_recherche label  {visibility:hidden;}

p.spip{clear:both;}

#navigation .rubion, #navigationhaute .rubion{font-weight:bold; color:red;}
#navigation .artion, #navigationhaute .artion{font-weight:bold; color:#615a4b; }
hr{color: #615a4b;
background-color: #615a4b;
height: 1px;
border: 0;}


.points{font-weight:bold; font-size:1.5em; line-height:0.5em; letter-spacing:0.02em;}
.noprogramme{border:1px solid #555; padding:1em; margin:1em; text-align:center; color:#555; background-color:#f8f8f8}
.red{color:#ff0000; font-weight:bold;}


/* Tableaux */
table { border-collapse: collapse; border-spacing: 0; }
table.spip { 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:auto; font-weight: bold; }
table.spip tr.row_first { background: #FFC; }
table.spip tr.row_odd { background: #EEE; }
table.spip tr.row_even { background: #DDD; }
table.spip th, table.spip td { padding: 0.20em 0.40em; text-align: left; border: 1px solid; }
table.spip th { vertical-align: bottom; font-weight: bold; }
table.spip td { vertical-align: top; }



/*boite admin*/
/*formulaire evenement*/
.editereve{text-align:left; background-color:#fff; width:300px; position:absolute; left:400px; top:200px; z-index:2000; border:3px solid green#pied;}
.editereve form{padding:1em;}
.editereve form span {display:block;}
#agenda-visu-evenement select{font-size:0.9em;}
.agenda-visu-evenement-bouton-fermer a{border:1px solid red; float:right; font-weight:bold;}

.paddingadmin{ padding: 1em }
#special-admin h5{background-color:#444; color:#FFF; display:block; margin:0; padding:0.5em; font-size:1.1em;}
#special-admin h6{background-color:#f1f1f1; display:block; margin:0; margin-top:0.5em; border-top:3px solid #555; border-bottom:1px solid #fff; font-size:1em; color:#000; }
#programmearticle{ padding: 0 0 1em 0;}
#special-admin select, #special-admin input { display:block; width:90%;}
#special-admin forml{font-size:0.8em; width:100px;}
#special-admin form { display:block;  width:90%;}

.strong{font-weight:bold; font-size:1.1em;}
#programmearticle, .insereraccourci{background-color:#fff; font-weight:normal; color:green;}
#special-admin {
font-size:0.8em;
position: absolute;
top: 1em;
left: 5px;
width: 200px;
z-index:1200;
height:95%;
overflow:auto;
}
.obeirpoliment{ background-color: #F9F9F9; border: 1px solid #666666;}
html>body #special-admin {
position: fixed; font-size:0.7em; color:#666;
}