/*----------------------General------------------------*/
/*-------------------<--  Pixell -->---------------------*/

/*---- Reset css -------*/
* {margin: 0; padding: 0;}
a img {border: 0;}
p {font-size: .8em;}

body {
    height: 100%;
}

/*---- Mise en page -------*/
body {
background: white;
text-align: center;
font-family:  Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
font-size: 100%;
color: black;
position: relative;
border-top: #0095BF solid 4px;
}
	#haut, .texte, .bas {
	position: relative;
	width:950px;
	margin: 0 auto;
	text-align:left;
	}  

/*---- Bandeau -------*/
#haut {
height: 144px;
background: white url(haut_bck.gif) right top no-repeat;
}
	h1 {
	font-size: 1pt;
	padding-left: 0px;
	padding-top: 10px;
	color: white;
	/*background: transparent url(slogan_bck.gif) 0 0 no-repeat;    */
	height: 26px;
	}

/*---- Menu -------*/
#menu {
position: absolute;
bottom: 0;
left: 0;
height: 21px;
}
	#menu ul {
	list-style-type: none;
	}
		#menu li {
		float: left;
		width: 116px;
		height: 21px;
		margin-left: 5px;
		font-size: .8em;
		font-weight: bold;
		text-align: center;
		line-height: 1.5em;
		background-position: 0 0;
		background-repeat: no-repeat;
		}
			#menu a {
			color: white;
			text-decoration: none;
			}

#menu li.menu_accueil { width: 40px; background-image: url(menu_home_actif.gif);}
#menu li.menu_accueil.lien_actif{ background-image: url(menu_home.gif);}
#menu li.menu_accueil a span { display: block; position: relative; left:-5000px;}
#menu li.menu_0{ background-image: url(menu_0.gif); }
#menu li.menu_1 { background-image: url(menu_1.gif); }
#menu li.menu_2 { background-image: url(menu_2.gif); }

		#menu li:hover {
		background-image: url(menu_actif.gif);
		}
		#menu li.menu_accueil:hover {
		background-image: url(menu_home.gif);
		}
		#menu li.lien_actif {
		background-image: url(menu_actif.gif);
		}
/*---- Texte -------*/
#milieu {
background: white url(milieu_bck.gif) right top repeat;
}
	.texte {
	padding-top: 1px; /* fusion des marges */
	padding-bottom: 10px;
	}
		.texte h2 {
		color: white;
		font-size: 1.1em;
		margin-bottom: 1em;
		margin: 20px 0 10px 0;
		}
		.texte h3 {
		margin-right: 30px;
		margin-left: 30px;
		margin-bottom: .5em;
		padding-left: .5em;
		padding-right: .2em;
		font-size: .9em;
		background:  #525a73;
		color: white;
		}
		.texte p {
		padding: .7em 30px .7em 30px;
		}
		.texte a, .texte strong, .texte b {
		color: white;
		}
		/*	.texte a:visited {
			color: #c35200;
			}*/
			.texte a:hover {
			text-decoration: none;
			}
		.texte ul {
		margin: 5px 15px 15px 45px;
		font-size: .8em;
		list-style-type:  square;
		}

/*---- Bas -------*/
#footer {
border-top: 5px #DFDCC1 solid;
}
	.bas {
	padding-top: 1px; /* fusion des marges */
	padding-bottom: 10px;
	}
		.bas h2 {
		color: black;
		font-size: 1.1em;
		font-weight: bold;
		margin-top: 10px;
		}
		#menu_bas {
		clear: both;
		color: #C5BD89;
		margin-top: 20px;
		padding-top: 5px;
		border-top: 4px #E1DDC1 solid;
		}
			#menu_bas p img {
			vertical-align:middle;
			}
			#menu_bas a{
			color: #C5BD89;
			text-decoration: underline;
			}
				#menu_bas a:hover{
				text-decoration: none;
				}
			#xiti-logo {
			float:  right;	
			}

/*---- Formatage -------*/
.center {
text-align: center;
}
img.bordure {
border: 4px solid #ECBF92;
}
.floatleft{
float: left;
margin: 5px 10px 3px 20px;
}
.floatright{
float: right;
margin: 5px 0px 3px 5px;
}
.clear {
clear: both;
}
.cache {
display: none;
}
.externe {
padding-right: 15px;
background: url(lien_externe.png)	right bottom no-repeat;
}


/*---- multi page -------*/
.pagination {
clear: both;
text-align: right;
padding-top: 15px;
}
	.pagination a, .pagination strong{
	border: 1px solid #e1e4ec;
	background: white;
	padding: 1px 4px;
	margin-right:  4px;
	text-decoration: none;
	color: #686034 ;
	}
	.pagination a:hover{
	border: 1px solid #e1e4ec;
	background: #cfc8a0;
	color: white;
	}
	.pagination strong{
	background: #eae7d5 ;
	}

/*---- bloc -------*/
#texte_intro {
width: 257px;
float: left;
margin-right: 6px;
color: white;
}
	#texte_intro p{
	padding: 5px 0 0px 0;
	}
.box1{
float: left;
width: 222px;
background: white url(box1.gif) bottom left no-repeat;
margin-top: 10px;
margin-left: 7px;
}
	.box1_haut{
	font-size: 1px;
	height: 11px;
	background: white url(box1_haut.gif) top left no-repeat;
	}
	.box1 .box1_illustration {
	margin-left: 4px;
	margin-top: -6px;
	}
	.box1 h2{
	background: black;
	color: white;
	margin: 0 4px;
	padding: 0 5px;
	}
		.box1 h2 a{
		color: white;
		text-decoration: none;
		}
	.box1 p{
	color: black;
	padding: 1em 1em;
	font-size: .7em;
	}
		.box1 p.suite{
		text-align: center;
		}
			.box1 p.suite a{
			color: black;
			}
	.box1 ul{
	margin: 0 4px;
	list-style-type: none;

	}
		.box1 li{
		margin: 0 4px;
		font-size: .7em;
		padding: 4px 0;
		line-height: 1.3em;
		}
			.box1 li a{	
			text-decoration: none;
			color: black;
			}
			.box1 li a.titre{	
			display: block;
			font-size: 1.3em;
			border-bottom: 1px dashed #E1DDC1;
			padding-bottom: 5px;
			text-decoration: underline;
			height:  1.4em;
			line-height: 1.6em;
			overflow: hidden;
			}
				.box1 li a.titre.selected{	
				overflow: visible;
				}
				.box1 li a.titre:hover{	
				text-decoration: none;
				}
			.box1 li .description a{	
			font-weight: bold;
			}
			.box1 li .description img{	
			width: 208px; 
			}
.box1.actu h2, .box1.actu h2 a { background: #ff860d; color: white;}
.box1.actu li a.titre{ color: #ff860d; }
.box1.emploi h2, .box1.emploi h2 a { background: #95b802;  color: white;}
.box1.emploi li a.titre{ color: #95b802; }
.box1.evenement h2, .box1.evenement h2 a { background: #a26239;  color: white;}
.box1.evenement li a.titre{ color: #a26239; }

.box3 {
background: white url(box3.gif) 0 0 no-repeat;
width: 942px;
height: 17px;
margin-top: 10px;
padding-top: 2px;
padding-left: 10px;
}
.box4 {
float: left;
background: white url(box4.gif) 0 0 no-repeat;
width: 257px;
height: 270px;
margin-top: 10px;
padding-top: 2px;
padding-left: 6px;
}
.box5_a {
width: 470px;
float: left;
border-right: 1px dashed #E1DDC1;
background:  white;
}
.box5_b {
background:  white;
margin-left:  480px;
}
.box5_a .box5{
margin-right:  10px;
}
	.box5 {
	border-top: 1px dashed #E1DDC1;
	background: url(box5.jpg) 0 7px repeat-x;
	margin-right:  10px;
	padding: 10px 0;
	color: #5A552E;
	}
		.box5 p{
		font-size: .7em;
		}
		.box5 .infos {
		font-style: italic;
		font-size: .6em;
		}
		.box5 h3{
		font-size: .8em;
		color: black;
		padding-bottom: 5px;
		}
		.box5 h3 a:hover{
		text-decoration: none;
		}
.box5.actu a{ color: #ff860d; }
.box5.emploi a{ color: #95b802; }
.box5.evenement a{ color: #a26239; }

.box6{
float: left;
width: 311px;
background: white url(box6.gif) bottom left no-repeat;
margin-top: 7px;
margin-left: 5px;
}
	.box6_haut{
	font-size: 1px;
	height: 7px;
	background: white url(box6_haut.gif) top left no-repeat;
	}
		.box6 .pub{
		padding: 10px 7px;
		}
		.box6 .site{
		margin: 0 8px;
		border-bottom: 1px dashed #E1DDC1;
		padding-bottom: 5px;
		}
			.texte p {
			padding: 4px 0;
			}
			.box6 p.infos{
			margin: 0 0px;
			padding: 4px 0;
			line-height: 1.3em;
			font-size: .6em;
			}
				.box6 p.infos a{
				color: black;
				}
			.box6 h2{
			font-size: .8em;
			margin: 0;
			}
			.box6 .image img{	
			width: 295px; 
			}
.box6.actu h2 a { color: #ff860d;}
.box6.emploi h2 a{ color: #95b802; }
.box6.evenement h2 a{ color: #a26239; }
.box6.video h2 a { color: #ff860d;}