body {
	background:#ddd;
	background-image:url("img/header_bande.png");
	background-repeat:repeat-x;
	padding:0;	
	margin:0;
	font-size: 15px;
	color: #333;
}

img, table { margin: 0; padding: 0; border: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 1em; font-weight: normal; }
ul, li {list-style-type:none; margin:0;padding:0;}

a {color:#333333; text-decoration:none; }
a:hover{color:#ccc; text-decoration:underline; }



#page {
	width: 1000px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	/*position:relative;*/
}


/* Entete */
#entete {
	/* position:relative; */
	height:200px;
	margin-top: 0;
	}
#logosite {
	width:340px;
	height:156px;
	margin-top: 0;	
	float:left;
	}
#entete a{text-decoration: none; }

#flag a:hover {color: #fff;}
#defil_box{
	width:630px;
	padding-top: 95px;
	float: right; 
	}


#menu {text-align:right;position:absolute; top:135px; left:300px; width:700px; height:25px;padding:0;margin:0;}
#menu  li {display:inline-block; position: relative;text-transform:uppercase; font-weight:bold;padding:0px ;z-index: 200;}
#menu  li:hover {background-image:url("img/menu_hover.png");  }
#menu .on, .page_planning #liag{background:#aaa; }
#menu  li a {display:block;padding:2px 10px;}

#menu li ul {
	width: 200px;
	position:absolute;
	top: 23px;
	left: 0;	
	background: #F2F2F2;
	border:1px solid	#333;
	display: none;
	z-index: 1000;
	}
#menu li ul li {display: block;}
#menu li ul li a {
	display: block;
	padding: 5px;
	color: #333;
	text-align: left;
	font-size: 12px;
	text-transform: none;
	}
#menu li ul li a:hover {color: #000; background:#cccccc;}

/* Contenu */
.contenu {
	margin: 0 20px 0 0;
	float:left;
	background:#fff;
	padding:20px;
	margin-bottom:20px;
	width:738px;
	border:1px solid #AAAAAA;
	}

#contenu_som {
	background:transparent;
	padding:0;
	width:780px;
	margin-bottom:0em;}	

.encart{
	margin: 0 20px 0 0;
	padding:20px;
	width:158px;
	float:left;
	background:#FFFFFF;
	min-height: 389px;
	overflow:hidden;
	border:1px solid #AAAAAA;
}

.contre_encart {
	width:518px;
	float:left;
	background:#FFFFFF;
	padding:20px;
	border:1px solid #AAAAAA;
	min-height: 389px;
	overflow: hidden;
	
}

#autre_navigation {
	width:200px;
	float:right;	
	background:transparent;	
	}
	
#autre_navigation #agenda, #autre_navigation #acblog, #autre_navigation .breves,
#autre_navigation #nwlt 
 {background:#fff;margin-bottom:20px;padding:1em;border:1px solid #AAAAAA;}	
#autre_navigation a {text-decoration:none;}
#autre_navigation .on {color:#bbb;}

#acblog a {display:block;}
#acblog a img {float:left;}
.lacb {display:block;width:60%; float:right;}

.breves li {padding:5px 0;}	
#editorial{
	float:none;
	clear:both;
	background:#fff;
	margin-top:20px;
	padding:20px;	
	border:1px solid #AAAAAA;
	}	
	
#editorial #documents_portfolio, #editorial .video,#editorial #editcont{
	width:448px; 
	margin:0 20px 0 0;
	float:left;}
#editorial #documents_portfolio .vignette{background:black;cursor:pointer;}

#document_actif {text-align:center;}
.contenu form 	label {display: block;}

/* Pied de page */
#pied {
	clear: both;
	width: 100%;
	margin-top: 4em;
	border-top: 1px dotted #CCC;
	padding: 2px;
	text-align: center; }
#pied small { font-size: 0.77em; }
#pied img { vertical-align: bottom; }

/* Espaceur de blocs */
.nettoyeur {display:block; clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }


/*  ------------------------------------------
/*  Typographie generale du site
/*  ------------------------------------------ */

/* Typo pour les menus et la navigation */
body, #navigation, .encart, .formulaire_spip {
	font-family: "Trebuchet MS", Helvetica, sans-serif; }
	
/* Typo pour le contenu */
#contenu {
	font-family: "Trebuchet MS", Helvetica, sans-serif; }

/* Typo pour les citations et extraits introductifs */
q, blockquote, .liste-articles li .texte, h3.spip, .voirskel {
	font-family: "Trebuchet MS", Helvetica, sans-serif; }

.texte {font-size:.8em;}


/*  ---------------------------------------------------------------------------- */
/* Modifs Ronan*/
.encart h1 {

	font-size:1.8em; font-family: "Trebuchet MS", Helvetica, sans-serif; color:#0066FF; }

#editcont h2 {
	font-size:1.8em; font-family: "Trebuchet MS", Helvetica, sans-serif; color:#0066FF; }

.tdate {
	text-transform:uppercase; }

.contenu h1 {
	font-size:1.8em; font-family: "Trebuchet MS", Helvetica, sans-serif; color:#0066FF; }

.contenu h2 {
	font-size:1.4em; font-family:"Trebuchet MS", Helvetica, sans-serif; color:#333333; }

.contenu h3 {
	font-size:1em; font-family:"Trebuchet MS", Helvetica, sans-serif; color:#0066FF; }

.liste-rubriques ul li, .liste-articles ul li{
	padding:0 5px;
	margin:0;
	float:left;
	width:236px;
	height:260px;
	overflow:hidden;
	text-align:center;
	}
	
.liste-rubriques ul li .logo, .liste-articles ul li .logo {margin:0 0 10px 0;height:170px;}	
	
.breves h2{font-size:1em; font-family:"Trebuchet MS", Helvetica, sans-serif; color:#0066ff; }	
.breves .mots {font-size:.8em;}
.lacb, #nwlt .menu-titre {font-size:1.2em; color:#0066ff;}
.mots {font-size:.8em;}
.pagination {float:none; clear:both; text-align:center; font-size: 1.2em; font-weight: bold;padding-top: 2em;}

/*  ---------------------------------------------------------------------------- */

/* Calendrier */

#agenda .tdate, #agenda caption a {color:#0066FF}
#agenda abbr {text-decoration:none;border:none;}
#calendar a {text-decoration:none;}
#calendar table {width:100%; font-size:.8em}
#calendar table tr td, #calendar table tr th {text-align:center;}


.horsperiode {color:#ddd;border:none;}
.libre, .occupe {border:1px solid #999;}
.occupe {background:#bbb;}
.today {border:1px solid #066AEE;background:#066AEE;color:white;}
.occupe a {color:#fff;}


/* form newsletter */
#nwlt form {margin:0; padding:0;}
#nwlt {}
#nwlt .spip_descriptif,#nwlt label, #nwlt legend ,#nwlt .spip_form_label_obligatoire,
#nwlt .spip_form_label,#nwlt .spip_form_label_details
{display:none}
#nwlt fieldset {border:0;margin:0;padding:0;width:130px;float:left;height:25px;}

#nwlt .spip_form_champ{width:130px;float:left;margin-right:4px;}
#nwlt #input-1-email_1 {border:1px solid #aaa; background:#ddd;width:124px;padding:2px; }
#nwlt .spip_bouton {width:32px;height:25px; float:right;margin:0 0 0 0;}
#nwlt .spip_bouton input {
	border:none; 
	width:32px;
	height:25px;
	text-indent:-999em;
	font-size:0.01em;
	color:transparent;
	background:url("img/go.png") top left;
	cursor:pointer;
	}
	
	
/* blog */
.lasuite {
	padding:7px 0 0 45px; 
	height:35px;
	background:url("img/suite.png") top left no-repeat;
	margin:10px 0 0px 0;	


}

.forum-repondre {
	padding:7px 0 0 35px; 
	height:35px;
	background:url("img/ecrire.png") top left no-repeat;
	margin:10px 0 20px 0;	
	}
	
.introduction {margin-top:10px;}	
.date {color:#666; font-size:.8em;margin:0;font-weight:normal;}
.breves li {line-height:1em; font-size:.8em; font-weight:bold;}
.forum {font-size:.8em;}
.forum  li ul {margin-left:20px;}
.forum ul li{border-left:1px solid #aaa;padding-left:10px;}
.forum-titre, .forum-decompte {display:none;}
.forum-repondre-message{
	padding:7px 0 0 35px; 
	height:35px;
	background:url("img/plus.png") top left no-repeat;
	margin:10px 0 20px 0;

}

#tt_tips li {float:left;margin-right: 5px;}
.tooltip {
	display: none;
	position:absolute;
	z-index: 200;
	font-size: .8em;
	background: #F2F2F2;
	width: 200px;
	padding:10px;
	border: 1px solid #333;
	}
.tooltip h2.t_tools {font-size: 1.2em; font-weight: bold;color: #0066ff;}