/* CSS Document */
html,body{margin:0;padding:0;
	background-color: #FFFFFF;}
a{color:#025183;}
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:15px;
	
}
.home{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background: url(../img/fond_1.gif) repeat-x left top;
}
.pagesniv2{
	background-color: #CEC2A6;
	background: url(../img/fond_3.gif) repeat-x left top;
}
#page {
	width:100%;
	
}
#header{
	width:950px;
}
#header img{
	float:left;
}
#container{
	background: #FFFFFF url(../img/fondpage.gif) repeat-y left top;
	margin-bottom: auto;
 	width:950px;
}
#leftcol_2{
	width:240px;
	background:none;
	left:0;
	margin-bottom: auto;
 	z-index:5;
}
#leftbloc{
	background-color:#0073BC;
	width:228px;
	display: block;
	position: relative;
	margin-left: 12px;
}
#maincol_2{
	background:none;
 	z-index:2;
	background-color: #FFFFFF;
}
.clr{
	clear:both;
}
#clr{
	clear:both;
}
#footer{
	background:#CEC2A6 url(../img/fd_footer.gif) repeat-x left top;
	height:35px;
	margin:0;
}
#flash{
	background:#CEC2A6 url(../img/fd_flash.gif) repeat-x left top;
	width: auto
}

#maincol_2 h1{
	color:#025183;
	font-size:18px;
	border-bottom:1px solid #ADE0ED;
	margin-bottom:6px;
}
#maincol_2 h2{
	color:#025183;
	font-size:12px;
	font-weight:bold;
	margin:0;
}

#bloc{
	width:221px;
	margin-top:26px;
	display:block;
	border:1px solid #025183;
	background-color:#015F9B;
	margin-left:12px;
	color:#FFFFFF;
	font:"Tahoma",Arial, Helvetica, sans-serif;
	font-size:10px;
}
#bloc h1{
	background: url(../img/bloch1.gif) repeat-x left top;
	color:#7FCCFE;
	font-size:12px;
	font-weight:bold;
	height:21px;
	/*padding-left:6px;*/
	margin:0;
}
/*#bloc input{
margin-left:10px;
margin-bottom:5px;
margin-top:5px;
float:right;
}*/
#bloc table{
	padding:4px;
}
form{
	margin:0;
	padding:0;
}
#menubloc{
	list-style-type: none;
	margin:0;
	padding:0;
	width: 228px;

}
#menubloc li a {
	background: url(../img/menua.gif) repeat-x top left;
	font: bold 11px "Tahoma", Helvetica, sans-serif;
	color:#FFFFFF;
	display: block;
	width: auto;
	height:33px;
	padding-left: 10px;
	text-decoration: none;
}
#menubloc li a:hover {
	background: url(../img/menub.gif) repeat-x top left;
	color:#FFE22F;
}

/******************************************/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.suckerdiv ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 228px; /* Width of Menu Items */
	border-bottom: 1px dashed #ccc;
}
	
.suckerdiv ul li{
	position: relative;
}
	
/*1st level sub menu style */
.suckerdiv ul li ul{
	left: 228px; /* Parent menu width - 1*/
	position: absolute;
	width: 220px; /*sub menu width*/
	top: 0;
	display: none;
	background: #0073BC;
	border: 1px solid #025183;
}

/*All subsequent sub menu levels offset */
.suckerdiv ul li ul li ul{ 
	left: 220px; /* Parent menu width - 1*/
	background: #0073BC;
	border: 1px solid #025183;
}

/* menu links style */
.suckerdiv ul li a{
	display: block;
	color: #ffffff;
	text-decoration: none;
	background: #0073BC;
	padding: 1px 5px;
	border-top: 1px dashed #ccc;
	border-bottom: 0;
	line-height:21px;
}

.suckerdiv ul li a:visited{
	color: #ffffff;
}

.suckerdiv ul li a:hover{
	background-color:#2F98DB;
	color: #FFE22F;
}
/*
.suckerdiv .subfolderstyle{
background:  #2F98DB url(media/arrow-list.gif) no-repeat center right;
}
*/
	
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */

/******************************************/
#menuright{
	list-style-type: none;
	float: right;
	margin-top: 2px;
	margin-right: 3px;
}
#menuright li a {
	background:url(../img/puce_menutop.gif) no-repeat right center;
	color:#0073BC;
	font-size:9px;
	text-decoration : none;
	padding-right:9px;
}
#menuright li a:hover {
	background:url(../img/puce2_menutop.gif) no-repeat right center;
	color:#0073BC;
	font-size:9px;
	padding-right:9px;
}
#intro{
	float:left;
	text-align:justify;
	/*background:url(../img/fondbloc.gif) repeat-x top left;*/
	margin-left:5px;
}
#intro h1{
	color:#FF33CC;
	/*color:#025183;*/
	font-size:18px;
	border-bottom:1px solid #ADE0ED;
	/*margin-bottom:6px;*/
	margin:0;
}
#intro img{
	border:1px solid #999999;
	padding:5px;
	background-color:#FFFFFF;
}
#intro img .invisible{
border:0;
padding:0;
}
#intro p{
	/*margin-top:5px;*/
	margin-bottom:5px;
}
#actu{
	width:281px;
	float:left;
	margin-left:10px;
	
}
#actu h1{
	color:#FF33CC;
	/*background-color:#FFFFFF;
	color:#025183;*/
	font-size:18px;
	border-bottom:1px solid #ADE0ED;
	margin-bottom:0;
}
#blocnews{
background:url(../img/fondbloc.gif) repeat-x top left;
}
#news{
	
	/*background-color:#DBF1F7;*/
	padding:5px;
	text-align:justify;
	/*border-bottom:1px dashed #ADE0ED;*/
}
#news #titre{
	color:#0073BC;
	font-weight:bold;
	margin:0;
}
#news img{
	border:1px solid #999999;
	padding:2px;
	background-color:#FFFFFF;
	margin-right:5px;
}
#news p{
	margin-top:5px;
	margin-bottom:0;
}

#article{
	/*margin-top:10px;
	margin-left:10px;*/
	margin:0px 10px 10px 10px;
	text-align:justify;
}
#article h1{
	color:#025183;
	font-size:18px;
	border-bottom:1px solid #ADE0ED;
	margin-bottom:16px;
}
#article h2{
	color:#025183;
	font-size:12px;
	font-weight:bold;
	margin:0;
	padding-bottom:10px;
}
hr {
	border: none 0;
	border-top: 1px dashed #ADE0ED;/*the border*/
	width: 100%;
	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
	text-align:center;
}
#article img{
	padding:5px;
}

#article li{
	list-style:none;
	background: url(../img/puce_article.gif) no-repeat;
	padding-left:20px;
	padding-bottom:10px;
	color:#000000;
	text-indent:0px;
	text-align:justify;
}

/********************** ajout 14 dec Style THUMBNAIL over pour presentation ******************/
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */
}
/***********************************************************************************/
#repere{
	margin :0;
	padding :0;
	background: url(../img/fond_repere.gif) repeat-x left top;
	height:16px;
}
#repere ul{
	margin-left:15px;
	padding:0;
	list-style-type:none;
	color:#025183;
}
#repere li{
	display:inline;
}
#repere li a{
	line-height:15px;
	text-decoration:none;
	color:#025183;
}
#repere li a:hover{
	text-decoration:none;
	color:#ADE0ED;
}
.grostitre{
	color:#025183;
	font-size:12px;
	font-weight: bold;
}

.recrutementInfo {
	background-color:#DBF1F7;
	color:#025183;
}

.admin_module{
	background-color:#CCCCCC;
	width:100%;
	color:#FF6600;
}

.extra{
color:#FFFFFF;
}