body {
	font-family: 'Trebuchet MS', Arial,sans-serif;
	line-height:15px;
	font-size:0.85em;
	margin:0;
	background-color: #adcccf;
	color:black;
}

/* ----------------------------------------------------------------------------------- */
/*                                    squelettes                                      */
/*---------------------------------------------------------------------------------- */

#global {
	position:relative;
	margin: 5px auto;
	width:1000px;
	min-height:438px;
	background: transparent url(images/bgbody.jpg) no-repeat left top;
}

/*----------------------------------- Menu ----------------------------------------- */
.menuhaut {
float:right;
	height:48px;
	margin:5px auto;
	padding-right:33px;
	width:250px;
}
.menuhaut a {float:right;margin:0 2px;}

.quartiers {text-align:center;float:left;width:106px;margin-right:5px;padding:1px;border:2px solid #666;}
.quartiers.on, .quartiers:hover {background:transparent url(images/transp_orange.png) repeat top left;}
.quartiers2 {clear:left;margin:0 0 0 50px;padding-top:5px;}
.menuquartier {height:95px;margin: 0 15px 0 245px;padding-top:8px;}
.menuquartier a {color:white;font-weight:bold;}

/*----------------------------------- logo ----------------------------------------- */

#logo {
height:119px;
left:5px;
position:absolute;
top:64px;
width:286px;
}
/*------- colonne de gauche ------- */

#gauche, #gauche2 {position:relative;float:left;width:135px;padding:15px;}
#gauche3 {position:relative;float:left;width:189px;}
#gauche, #gauche3 {margin: 194px 5px 0 21px;}
#gauche3 .droitechapo {padding:7px 0 1px 0;}

#gauche {background: transparent url(images/gauche.png) no-repeat left top;}
#gauche3 h4 {text-transform:uppercase;margin-bottom:10px;}
.gauche2 h3 a, .gauche2 h3.on a {color:black;}
.blocgauche_haut h3 {color:white;}
.gauche2 h3 {margin:0 0 8px;padding:2px;font-size:1.05em;}
.gauche2 h3 a {margin:0;}
.gauche2 a.on {color:#EF3E00}

.blocgauche {padding:15px 13px 20px;background-color:white;font-weight:bold}
#coupcoeur {padding:15px 13px 25px;background: white url(images/gauche2_bas.jpg) no-repeat left bottom;margin-bottom:5px;}
.blocgauchemini {padding-bottom:25px;background: white url(images/gauche2_bas.jpg) no-repeat left bottom;margin-bottom:5px;}
.blocgauche_haut {padding:17px 15px 8px;background: #ff713f url(images/gauche2_haut.jpg) no-repeat left top;height:10px;}
.blocgauche_haut_defaut {background: #000 url(images/gauche0_haut.jpg) no-repeat left top;}
.blocgauche_bas {padding:3px;background: transparent url(images/gauche2_bas.jpg) no-repeat left top;height:5px;}

/*------- colonne centrale ------- */

#centre, .quartiersbody18 #centre {float:left;width:500px;margin:190px 5px 0 0;background: transparent url(images/centre.jpg) no-repeat left top;}
.quartiersbody18 #centre {margin-left:20px;width:490px;}
.ariane {margin-bottom:15px;}

/*------- colonne droite ------- */

.droite {float:left;width:250px;background: transparent url(images/droite.jpg) no-repeat left top;margin-bottom:5px;}
.droitechapo {height:17px;padding:7px 0 1px 15px;}
.droite h2.titre {margin:0;}
#droite h3 {margin-bottom:15px;border:1px dashed #666666;margin:2px;}
.droitetop {margin-top:205px;}
.droitetop2 {margin-top:205px;width:250px;float:left;}

/*------- ouverture vers autres quartiers ------- */

.ouverture {
	margin:-15px auto 0;
	width:985px;
}
.ouverture div.blocouv {background: white url(images/centre_long.jpg) no-repeat left top;width:755px;margin-left:207px;}
.ouvhome {padding:15px 15px 25px;}
.blocouv .bloctitre h1{padding-top:6px;text-align:right;margin:22px 20px 2px 15px;}
.blocouv h2 {font-size:1em;}
.blocouv .contenu_noir {margin:0 5px 5px;}
.boxouv {width:200px;float:left;text-align:justify;margin:0 5px 0 0;}
.boxouvbig {width:315px;margin-right:0;}
/*----------------------  pied de page  ---------------------------------- */

#footer {
	text-align:center;
	margin: 5px auto 10px;
	width:1000px;
	height:30px;
	padding-top:10px;
}
.footerbox {
margin:0 30px 0 0;
padding:5px 0;
width:930px;
}
#footer a {color:black;}



/* ----------------------------------------------------------------------------------- */
/*                                    decoration                                      */
/*---------------------------------------------------------------------------------- */

/*------- barres ------- */

.barre_gauche {margin:0 0 10px -15px;}
.barresepa {margin:15px -15px 15px -15px;}
.barre_droite {margin:15px -15px 10px 0;}

/*------- ombres------- */

/*droite*/
.droite .contenu, .droite .contenu2, .droite .contenu_mini, .droite .contenu_orange {background: #eeece0 url(images/ombre_droite.jpg) no-repeat bottom left;}
#calendar {background: #eeece0 url(images/ombre_droite_calendar.jpg) no-repeat bottom left;}
.agendanobg #calendar {background:none;}
body.videoteks .droite .contenu, body.videoteks .droite .contenu2, body.videoteks .droite .contenu_mini, body.videoteks .droite .contenu_orange {background: #eeece0 url(images/ombre_droite_videotheque.jpg) no-repeat bottom left;}
body#annoncesart .droite .contenu, body#annoncesart .droite .contenu2, body#annoncesart .droite .contenu_mini, body#annoncesart .droite .contenu_orange {background: #eeece0 url(images/ombre_droite_annoncesart.jpg) no-repeat bottom left;}
#bodyannonces h4 {margin-left:10px;color:black}
/*centre*/
#centre .contenu, #centre .contenu2, #centre .contenu_mini, #centre .contenu_orange {background: #eeece0 url(images/ombre_centre.jpg) no-repeat bottom left;}
body.videoteks #centre .contenu, body.videoteks #centre .contenu2, body.videoteks #centre .contenu_mini, body.videoteks #centre .contenu_orange {background: #eeece0 url(images/ombre_centre_video.jpg) no-repeat bottom left;}
body#bodyannonces #centre .contenu, body#bodyannonces #centre .contenu2, body#bodyannonces #centre .contenu_mini, body#bodyannonces #centre .contenu_orange {background: #eeece0 url(images/ombre_centre_annonces.jpg) no-repeat bottom left;}
body#annoncesart #centre .contenu, body#annoncesart #centre .contenu2, body#annoncesart #centre .contenu_mini, body#annoncesart #centre .contenu_orange {background: #eeece0 url(images/ombre_centre_annoncesart.jpg) no-repeat bottom left;}
#ouv {background: #eeece0 url(images/ombre_autres_quartiers.jpg) no-repeat bottom left;}
body#plan #centre .contenu {background: #eeece0 url(images/ombre_centre_plan.jpg) no-repeat bottom left;}
body#plan ul {margin-top:0;margin-bottom:0;}

/*------- contenus background et titres ------- */

.contenu, .contenu2, .contenu_mini, .contenu_orange {text-align:justify;}

.contenu {padding:15px 15px 30px;}
.contenu2 {padding:15px 15px 25px;}
.contenu_mini {padding:15px;margin-top:5px;}
#ouv .contenu_mini {padding:0;margin-left:5px;}
.contenu_mini h4 {text-align:left;}
.contenu_noir {color:#FFF;background-color:black;padding:4px 0 5px;text-align:center;}
.contenu_noir h3 {margin:0;}
.contenu_noir span.on, h2.contenu_noir a {color:#FFF;}
.contenu_orange {padding:10px;background:transparent url(images/transp_orange.png) repeat top left;}
.colorbox {border:2px solid #ADCCCF;}
/* ----------------------------------------------------------------------------------- */
/*                                    typographie                                     */
/*---------------------------------------------------------------------------------- */

a {color:#EF3E00;text-decoration:none;}
a:hover {color:#000;}
a.descriptif {color:#000;}

h2, h3 {text-align:left;}

h1 {text-transform:uppercase;font-size:1.2em;font-weight:bold;margin:22px 15px 2px 20px;}
h1, h1 a {color:white;}

h2 {font-size:1.1em;font-weight:bold;margin:0 0 5px;}
h2, h2 a {	color:#EF3E00;text-decoration:none;}
h2.titre {margin-left:15px;color:white;font-size:0.95em;}
h2.titrebarre {
margin:-38px 4px 25px;
color:white;
font-size:0.95em;
}
#bloctitre h2 {font-size:1.3em}
h3.spip {margin:0}
h3 {margin:0 0 5px;font-size:0.95em}
h3.espace {padding:2px;}
h3:hover.espace {	background: transparent url(images/carre_noir.png) repeat left top;}

h4, h4 a {margin:0 0 5px;color:black;color:#EF3E00;}

.titrelist, h2.titrelist a {margin:0;}
.evidence {color:#EE4400;}
.bold, #bold, .date, .chapo {font-weight:bold;}

.small {font-size:0.95em;font-weight:normal;}
.xsmall {font-size:0.85em;font-weight:normal;}
/* ----------------------------------------------------------------------------------- */
/*                                    agencement                                      */
/*---------------------------------------------------------------------------------- */
li {	line-height:1.2em;}
li.evenmts {padding-bottom:5px;font-weight:bold;}

p {margin:10px 0;}
p.explication, p.boutons {margin-bottom:0;}
br {height:15px;}
body#plan br {height:5px;}

.alignright {text-align:right;}
.aligncenter, aligncenter2 {text-align:center;clear:both;}
.aligncenter {margin:0 auto;}
.aligncenter2 {margin:15px auto;}

.separation {margin:0 0 5px;padding:5px;}
body.credits li {margin-bottom:10px;}
.margintop5 {margin-top:5px;}
.margintop10 {margin-top:10px;}
.margintop15 {margin-top:15px;text-align:left;}
.marginbottom15 {margin-bottom:15px;}
.marginzero, .agendaactus .descriptif p  {margin:0;}
.padding5gd, #bodyannonces .ariane {padding:0 5px;}
.padding5gd p {margin:0;}
h2.top_33 {margin-top:-33px;}
.clearleft {clear:left;}
.clearright {clear:right;}
.clearboth {clear:both;}


.paddingleft15 {padding-left:15px;}

/* ----------------------------------------------------------------------------------- */
/*                                    images et docs                                  */
/*---------------------------------------------------------------------------------- */

img {border:0px;}
.spip_documents_left {float:left;padding:0 10px 10px 0;}
.spip_documents_left2 {float:left;width:94px;text-align:center;}
.spip_documents_left3 {float:left;padding:3px 10px 0 0;}
.spip_documents_left4 {float:left;padding:0 0 10px 0;}
.spip_documents_right {float:right;padding:0 0 5px 10px;}
.spip_documents_center {text-align:center;padding:5px 0;display:block;}
.videoteks .contenu .bold, .spip_doc_titre {font-size:0.8em}

/* ----------------------------------------------------------------------------------- */
/*                                    videos                                          */
/*---------------------------------------------------------------------------------- */
/* slider  */

.slider ul.sli, .slider li.sli {margin:0;	padding:0;	list-style:none;}
.slider, .slider li.sli { 	width:250px;overflow:hidden; }
.dernieresress .slider li.sli {margin-top:35px;}
.dernieresress .slider, .dernieresress  .slider li.sli {width:465px;}
.slider2, .slider li.sli2 { 	width:460px;}
.slider {
background-color:black;
color:white;
}
.slider .padding {padding:10px;}
.slider ul, .slider li {margin:0;	padding:0;	list-style:none;	}
.slider li {width:250px; height:252px;	overflow:hidden; font-size:small}
#prevBtn, #nextBtn { 
display:block;
width:30px;height:30px;
position:absolute;
top:540px;
background-color:black;
padding:0 5px;
}

#prevBtn {right:80px;background: black url(images/video_prev_none.png) no-repeat left top;}
#prevBtn a:hover {background: black url(images/video_prev_off.png) no-repeat left top;}	
#prevBtn a {background: black url(images/video_prev.png) no-repeat left top;}	

#nextBtn {right:40px;background: black url(images/video_next_none.png) no-repeat left top;}
#nextBtn a {background: black url(images/video_next.png) no-repeat left top;}
#nextBtn a:hover {background: black url(images/video_next_off.png) no-repeat left top;}


#prevBtn a, #nextBtn a {width:30px;height:30px;display:block;color:transparent;}

/* videotheque */

#video_big_cadre {float:left;height:285px;width:370px;margin:15px 5px 0 40px;padding:5px;background:transparent url(images/transp_orange.png) repeat top left;}
#video_big {margin:7px auto 0; width:360px;height:235px;background:black;}
#video_bloc_titre {background-color:black;margin-top:8px;color:white;padding:10px;font-size:0.9em;}
.topvideos {float:left;height:64px;margin: 0 2px;}
/* ----------------------------------------------------------------------------------- */
/*                                    calendrier                                      */
/*---------------------------------------------------------------------------------- */
#gauche3 div#calendrier .contenucalendar {padding:15px 15px 10px;font-size:0.8em;}
.droite div#calendrier .contenucalendar {padding-bottom: 10px;font-size:0.8em;}

div#calendrier #calendar {border-top:1px solid #666;}
#gauche3 div#calendrier #calendar{padding:9px 13px 5px;font-size:0.8em;}
.droite div#calendrier #calendar{padding-top:9px;}

div#calendrier table {background-color:#eeece0;margin-top:15px;}

div#calendrier th {background-color:#666;color:white;}
div#calendrier td, div#calendrier th {text-align:center;}
div#calendrier .occupe {
text-decoration:none;
background-color:#EF3E00;
}
div#calendrier .occupe a {color:white;}
.lieu p {margin:0;display:inline;}
/* ----------------------------------------------------------------------------------- */
/*                                    forums                                          */
/*---------------------------------------------------------------------------------- */
#formulaire_forum {width:470px;}
#formulaire_forum fieldset {width:430px;}
#formulaire_forum input, #formulaire_forum textarea {width:99%;}
#formulaire_forum ul {margin:0;padding:0;}
#formulaire_forum ul li {list-style-type:none;}
#formulaire_forum fieldset .previsu {border:2px solid red;padding:5px;}
#formulaire_forum legend {font-size:1.1em;font-weight:bold;}
input.submit {background:red;cursor:pointer;}
#formulaire_forum input.submit {width:96%;margin-left:2px;}
input:hover.submit {background:yellowgreen;}
input#barre_1 {background-color:silver;color:#000000}
.erreur_message {color:red;font-size:1.1em;font-weight:bold;}
.saisie_texte {padding-top:10px;}
.repondre { clear: both; margin-top: 2.50em; margin-right: 1em; text-align: right; font-weight: bold; }
h2.forum-repondre {text-align:center;}
/* Habillage des forums */
ul.forum-total {margin:0;padding:0;}

ul.forum { display: block; clear: both; margin: 0; padding: 0; }

.forum-fil {
	margin-top: 1.5em;
	list-style-type: none;
	border: 1px solid #7F7F7F;
	 background-color: #ADCCCF;
}
.forum-fil ul { display: block; margin: 0; padding: 0; margin-left: 1em; }
.forum-chapo .forum-titre, .forum-chapo .forum-titre a { display: block; margin: 0; padding: 0; font-weight: bold; text-decoration: none; color: #333; }
.forum-chapo small {}
.forum-texte { margin: 0; padding: 0.5em 1em 0 1em; color: #333; font-size: 0.82em; }
.forum-texte .forum-lien {}
.forum-texte .forum-repondre-message { margin: 0; padding: 1px 0; text-align: right; }

/* Boite d'un forum : eclaircissement progressif des bords */
ul .forum-message { border: 1px solid #666; margin: 0; padding: 0; margin-bottom: 1em; }
ul ul .forum-message { border: 1px solid #A4A4A4; }
ul ul ul .forum-message { border: 1px solid #B8B8B8; }
ul ul ul ul .forum-message { border: 1px solid #CCC; }
ul ul ul ul ul .forum-message { border: 1px solid #E0E0E0; }
ul ul ul ul ul ul .forum-message { border: 1px dotted #E0E0E0; }

/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */
.forum-item {padding:5px;}
ul .forum-chapo {
	border: 0;
	border-bottom: 1px dotted #B8B8B8;
	margin: 0;
	padding: 2px 0 0px 5px;
	font-size: 0.88em;
	background: #FF713F;
	min-height:18px;
}
ul ul .forum-chapo { background: #FF9966; }
ul ul ul .forum-chapo { background: #FFCC99; }
ul ul ul ul .forum-chapo { background: #ededed; border-bottom: 1px dotted #ffffcc; }
ul ul ul ul ul .forum-chapo { background: #ededed; }
div.forum-chapo .spip_documents_right {margin-top:-2px;}
/* Tableaux */
table {
border:2px solid #666;
border-collapse:collapse;
width:100%;
margin:5px auto 0;
}
tr.titre {text-align:center;font-weight:bold;background:silver;}
td, th {
font-family:sans-serif;
font-size:80%;
border:1px solid #444;
padding:5px;
}

table.spip {
	margin: auto;
	margin-bottom: 1em;
	border: 1px solid;
	border-collapse: collapse;
}
table.spip caption {
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: center;
	margin: auto;
	padding: 3px;
	font-weight: bold;
}
table.spip tr.row_first { background: #FFC; }
table.spip tr.row_odd { background: #DDD; }
table.spip tr.row_even { background: #EEE; }
table.spip th, table.spip td { border:1px solid gray;padding: 3px; text-align: left; vertical-align: middle; }

/*irc*/
.contenu #nickprompt, iframe {width:465px;}