/* CSS Document */

body{
	background-color: #FFFBF4;
	background-image: url(imgs/fond.jpg);
	background-repeat: repeat-y;
	margin:0px;
	margin-left:-30px;
	font-family: Arial, Helvetica, sans-serif;

}

#container,#container2,#container3,#container4{
	width: 687px;
	height:100%;
	background-repeat: no-repeat;
	background-position: -30px 0px;
	
}
#container{	
	background-color: #E8F3FF;
	background-image: url(imgs/fond2.jpg);
	
}
#container2{
	background-color: #DEE4EC;
	background-image: url(imgs/fond-uim.jpg);
}
#container3{
	background-color: #E1ECF7;
	background-image: url(imgs/fond-uic.jpg);
}
#container4{
	background-color: #FFF2E0;
	background-image: url(imgs/fond-art.jpg);
}

.droit{

	margin:4px;
	margin-top:0px;
	padding-top:156px;
	float:right;
	width:175px;
}
.droit_uim{

	margin:4px;
	margin-top:0px;
	padding-top:208px;
	float:right;
	width:175px;
}
.droit_uic{

	margin:4px;
	margin-top:0px;
	padding-top:240px;
	float:right;
	width:178px;
}
.droit_art{

	margin:4px;
	margin-top:0px;
	padding-top:180px;
	float:right;
	width:178px;
}
.gauche{

	margin:6px;
	margin-top:0px;
	padding-top:180px;
	width:175px;
}
.gauche_uim{

	margin:6px;
	margin-top:0px;
	padding-top:270px;
	width:125px;
}
.gauche_uic{

	margin:6px;
	margin-top:0px;
	padding-top:153px;
	width:185px;
}
.gauche_art{

	margin:4px;
	margin-top:0px;
	padding-top:160px;
	width:185px;
}
.gauche2{

	margin:6px;
	margin-top:0px;
	padding-top:156px;
	width:125px;
}

.centre{
	position:absolute;
	left:200px;
	top:180px;
	width:340px
	
}
.centre a{
text-decoration:none;
color:black;
}



.centre a:hover{color:darkred;}


.centre h1{
	font-size:18px;
	color:#3765BB;
	border-bottom:2px solid #3765BB;
	font-weight:bold;
	margin:0px;
	margin-bottom:10px;

}
.centre_uic h1,.centre_uim h1,.centre_art h1{
	font-size:18px;
	color:black;
	border-bottom:2px solid black;
	font-weight:bold;
	margin:0px;
	margin-bottom:10px;
}

.centre2{
	position:absolute;
	left:10px;
	top:180px;
	width:500px;
	
}
.centre_uim{
	position:absolute;
	left:150px;
	top:280px;
	width:340px

}
.centre_art{
	position:absolute;
	left:200px;
	top:180px;width:340px

}


.centre_uic{
	position:absolute;
	left:240px;
	top:230px;
	width:340px
	
}
.centre td,.centre2 td{
	text-align:center;
	vertical-align:top;
	padding-left:2px;
	padding-right:2px;
	padding-bottom:15px;
	
	font-size:12px;
	font-weight:bold;
}
.centre img,.centre2 img{
	border:1px solid black;

}
.centre .b,.centre2 .b{
	border-right:1px solid black;
}


.centre2 h1{
	margin-top:20px;
	color:#3765BB;
	font-size:18px;
	font-weight:bold;
}

.centre2 ul,.centre_uic ul,.centre_uim ul,.centre_art ul{
	list-style-type: none;

}

ul #intit{
	/*display: inline;*/
	float:left;
	text-align:right;
	height:18px;
	font-size:12px;
	font-weight:bold;
	vertical-align:bottom;
	margin-bottom:4px;
}
.centre2 ul #intit{
	width:200px;
}

.centre_uim ul #intit{width:150px;}

.centre_uic ul #intit,.centre_art ul #intit{	

	width:110px;
}

ul #valid{
	margin-left:81px;
	height:18px;
	font-size:12px;
	font-weight:bold;
	margin-bottom:4px;
	

}
.centre_uim ul #valid,.centre_uic ul #valid,.centre_art ul #valid{
	margin-left:57px;
}
	
ul #champ input,ul #valid input{
	border:1px solid black;
	height:18px;
	margin-bottom:4px;
}ul #champ textarea{
	border:1px solid black;
	height:50px;
	overfloaw:auto;
	margin-bottom:4px;

}
.centre2 ul #champ input,.centre2 ul #valid input,.centre2 ul #champ textarea{
	width:200px;
}
.centre_uim ul #champ input,.centre_uim ul #valid input,.centre_uim ul #champ textarea,
.centre_art ul #champ input,.centre_art ul #valid input,.centre_art ul #champ textarea,
.centre_uic ul #champ input,.centre_uic ul #valid input,.centre_uic ul #champ textarea{

	width:200px;

}

ul #valid input{
	background-color: #0C3690;
	color:white;
	font-weight:bold;
	height:22px;
}
.spacer{
	clear:both;
}

#actu,#actu_uim,#actu_uic,#actu_art{	
	width:100%;
	border:1px solid black;
}
#actu{
	background-color: #FFFCD5
}
#actu_uim{	
	background-color: #F08746
}
#actu_art{	
	background-color: #00848C
}
#actu_uic{	
	border:1px solid #529D52;
	background-color: #DEEBD9;
}


#jeune{
	width:100%;
	border:1px solid black;
	background-color: #E51A2C;
	margin-bottom:5px;
	cursor: hand;
}
#public{
	width:100%;
	border:1px solid black;
	background-color: #E8E267;
	margin-bottom:5px;
	cursor: hand;
}

#jeune img,#public img{
	float:left;
	margin:2px;
	/*margin-top*/
}
#espace img{
	float:left;
	margin-right:2px;
	margin-bottom:2px;

}

#actu h1,#agenda h1,#actu_uim h1,#agenda_uim h1,#actu_uic h1,#agenda_uic h1,#actu_art h1,#agenda_art h1{
	margin:4px;
	font-size:16px;
}



#jeune h1,#public h1,#espace h1,#menu h1,#menu_uim h1,#menu_uic h1,#menu_art h1{
	margin:4px;
	margin-top:1px;
	margin-bottom:1px;
	font-size:14px;
}
#menu h1 a ,#menu_uim h1 a,#menu_uic h1 a,#menu_art h1 a{
	text-decoration:none;
	color:black;
}
#espace h1{

	margin-top:12px;
	font-size:14px;}
	
#actu h1{
	color:red;
}
#actu_uim h1,#agenda_uim h1,#actu_art h1,#agenda_art h1{
	color:white;

}
#actu_uic h1,#agenda_uic h1{
	color:black;
}

#agenda h1,#menu h1,#menu_uim h1,#menu_uic h1{
	color:black;
}
#espace h1{
	color:white;
}
#jeune h1{
	color:white;
}

#public h1{
	color:black;

}

#agenda,#menu{
	margin-top:2px;
	width:100%;
	border:1px solid black;	
	background-color: #E8F3FF;
	background-image: url(imgs/fond3.jpg);
	background-repeat: repeat-x;

}

#agenda_uim,#agenda_uic{
	margin-top:2px;
	width:100%;
	border:1px solid black;	
	background-color: #589EBF;

}



#menu_uic,#menu_uim,#menu_art{
	margin-top:2px;
	width:100%;
	border:1px solid black;	
	background-repeat: repeat-x;
}
#menu_uim{
	background-color: #E6EDF4;
	background-image: url(imgs/fond2-uim.jpg);
}
	
#menu_uic{	
	background-color: #CFE3F3;
	background-image: url(imgs/fond2-uic.jpg);
}
#menu_art{	
	background-color: #E4F5F6;
	background-image: url(imgs/fond2-art.jpg);
}





#espace{
	margin-top:19px;width:340px;
	border:1px solid black;
	background-color: #0C3690;
	background-repeat: repeat-x;
	cursor: hand;
	
/*	margin-left:0px;*/

}


#blockInfo{
	margin-top:2px;
	width:100%;
	border:1px solid black;	
	background-color: #E8F3FF;
	background-repeat: repeat-x;

}


#chapo{
	font-size:12px;
	font-weight:bold;

}
#texte{
	font-size:12px;

}
#texte2{
	font-size:12px;

}
#texte2 img{border:none;margin:2px;}

.expo{
	vertical-align: top;
	font-size:10px;

}

.factu,.fagend,.fespace,.finfo,.fmenu{
	font-size:11px;
	margin:4px;
	margin-bottom:20px;

}

#actu_uim .factu,#agenda_uim .fagend{
	color:white;

}

#actu_uic .factu,#agenda_uic .fagend{
	color:black;
	
}
.fmenu{
	margin-bottom:5px;
	color:black;
	/**/
	
}
.fmenu img{
	margin-right:4px;
	margin-left:8px;
	margin-bottom:2px;
	border:none;
}
#menu_uim .fmenu,#menu_uic .fmenu{
	padding-left:8px;

}

#menu_uim .fmenu img,#menu_uic .fmenu img{
	margin-left:-8px;

}


.fmenu a{
	cursor: hand;
	text-decoration:none;
	color:black
}
.fmenu a:hover{
	color:darkred

}

.fespace{
	font-size:12px; color:white;}


.finfo{
	font-weight:bold;
	font-size:11px; color:black;
	margin-top:5px;
	margin-bottom:9px;}
	
	
.factu .puce{
	margin:1px;

}
.fagend .puce{
	margin-right:2px;
	vertical-align: top;

}

.factu a,.fagend a{
	text-decoration:none;
	color:black;
}

.factu .date,.fagend .date{
	font-size:10px;
	color:red;
	float:right;

}

#actu_uim .factu .date, #agenda_uim .fagend .date,#actu_uic .factu .date, #agenda_uic .fagend .date{
	color:black;
}
.fespace .lien{
	font-size:10px;
	color:yellow;
	float:right;
	margin-bottom:-10px;
	margin-right:8px;

}
.finfo .lien{
	font-size:10px;
	color:red;
	float:right;
	margin-right:8px;

}

.finfo img{
	float:left;

}


.anim{
	position:absolute;
	left:-30px;

	top:0px;
}
.anim2{
	position:absolute;
	left:420px;
	top:0px;
}
	
#lienBlock{
	text-decoration: none;
	color:none;

}
#lienBlock:visited{
	color:none;
}
#lienBlock img{border:none;}

dl{
	font-size:12px;
	
	margin:0px;
	padding:0px;
	margin-left:16px;
	padding-bottom:20px;
}
dt{
	background-image: url(imgs/fondliste.gif);
	background-repeat: no-repeat;
	margin:0px;
	padding:0px;
	background-position: 4px 4px;
	
}

.findl ,.findl dt{
background-image:none;
}
.findl2{
	background-image: url(imgs/fondliste3.gif);
	background-repeat: no-repeat;
	background-position: 4px 4px;

} 


dl img{
	margin-right: 4px;

}
dl .bout{	
	background-image: url(imgs/fondliste2.gif);
}


h3 img{
	border:none;
}

dt a{
	margin-left: 10px;
	display:list-item;
	list-style-type: none;
	background-image: url(imgs/puce.gif);
	background-repeat: no-repeat;
	background-position: 0px 10px;
	padding-left: 10px;
	text-decoration:none;
	color:black;
	
}

dl h3{
	font-size:14px;
	height:14px;
	margin:0px;
	background-repeat: no-repeat;
	padding-left: 10px;
	background-position: 0px 0px;
	margin-bottom: 4px;
}
h3 a{
	margin-left: 0px;
	padding-left: 0px;
	background-image: none;

}

dt a:hover{
	color:darkred;

}

strong{color:#3C6BC7;}

#bout{
	height:40px;
	background-image: url(imgs/fondbout.gif);
	background-repeat: no-repeat;
	padding-left:8px;
	padding-top:5px;
}
#bout a{	
	color:white;

}

.centre_uim #texte h1, .centre_uim #texte strong,.centre_uic #texte h1, .centre_uic #texte strong, .centre_uic #chapo strong{	color:#3580A3;
}

.centre_uim #texte h1,.centre_uic #texte h1{
	margin: 0px;
	margin-bottom: -15px;
	font-size:15px;

	border-bottom:2px solid #3580A3;
}
.centre_uim #texte h1 strong,.centre_uic #texte h1 strong{
	color:#F08746
}

ul{
	list-style-type: square;

}

.centre_art table{
	font-size:8pt;
text-align:center;
}
.centre_art table thead{background-color:00848C;
color:white;
}
.centre_art table tbody td{
	border-bottom:1px solid #00848C;
	border-right:1px solid #00848C;

}
.centre_art table tbody th{
	background-color:00848C;
	color:white;
}
.centre_art strong{
	color:00848C;

}

#pagegen{
margin-top:20px;left:150px;width:340px
}
#pagespe{
margin-top:20px;left:155px;width:340px
}
#gchspe{
width:150px

}