@CHARSET "UTF-8";
*{
	margin:0;
	padding:0;
}
body{
	font-family:Arial, Helvetica, sans-serif;
	padding-top:4px;
	background:url(../images/interface/topBodyPink.gif) #fff repeat-x top left;
	font-size:11px;
}
a{
	text-decoration:none;
	color:#616161;
}
img{
	border:none;
}
.floatleft{
	float:left;	
}
img.floatleft{
	margin-right:10px;
}
#top h1.mainTitle{
	display:none;
}
#containerTop{
	background:url(../images/interface/nuages.gif) #fff repeat-x top center;
}
#containerBottom{
	width:100%;
	background:url(../images/interface/containerBottomGreen.gif) #f2ffdb repeat-x top center;
}
#top, #content{
	margin:0 auto;
}
.clearleft{
	clear:left;
}
/*  Top  */
#top{
	background:url(../images/interface/banPink.gif) no-repeat top center;
	position:relative;
	height:187px;
	width:900px;
}
#top .adress{
	position:absolute;
	left:170px;
	top:12px;
}
#top .adress h1{
	font-size:12px;
}
#top img#logo{
	position:absolute;
	top:12px;
	left:10px;
}
#extranet_conn{
	width:204px;
	height:108px;
	position:absolute;
	left:668px;
	top:0px;
	background:url(../images/interface/extranet.gif) no-repeat top center;
	padding-left:9px;
	color:#464646;
}
#extranet_conn h2{
	margin:5px 0;
	text-transform:uppercase;
	font-size:11px;
}
#extranet_conn label{
	display:block;
	height:20px;
	line-height:20px;
	width:80px;
	float:left;
	font-size:11px;
}
#extranet_conn input.text{
	font-size:11px;
	width:107px;
	height:16px;
	line-height:20px;
	padding:2px 4px;
	color:#fff;
	background:url(../images/interface/extranetInput.gif) no-repeat top center;
	border:none;
	margin-bottom:3px;
}
#extranet_conn #extranet_sub{
	width:45px;
	height:20px;
	background:url(../images/interface/extranetButton.gif) no-repeat top center;
	color:#fff;
	margin-top:3px;
	margin-left:150px;
	border:none;
}

/*  Contenu  */
#content{
	background:url(../images/interface/contentGreen.gif) repeat-x top center;
	padding:15px 10px 30px 10px;
	width:880px;
	overflow:hidden;
	color:#616161;
}
#content #main{
	width:580px;
}
#content #right{
	width:280px;
	float:right;
}
#content #farandole{
	background:url(../images/interface/farandole.gif) no-repeat top center;
	height:34px;
	width:507px;
	margin:30px auto;
}
#content .boxMain{
	width:580px;
}
#content .boxMain h2.boxMainHead{
	width:570px;
	height:32px;
	line-height:32px;
	background:url(../images/interface/topBoxMain.gif) no-repeat top center;
	font-size:14px;
	padding-left:10px;
}
#content .boxMain .content{
	background:url(../images/interface/bottomBoxMain.gif) no-repeat bottom center #f7fbfd;
	padding:10px;
	overflow: hidden;
}
#content .boxMain h3.autresActus{
	margin-top:10px;
	padding-top:10px;
	width:100%;
	background:url(../images/interface/barre.gif) no-repeat top center;
	text-align:center;
	font-size:14px;
	font-weight:normal;
	color:#80a2ca;
}
#content .boxMain ul#list_news{
	font-size:12px;
	margin-left:20px;
}
#content .boxRight h2{
	width:270px;
	height:32px;
	line-height:32px;
	background:url(../images/interface/topBoxRight.gif) no-repeat top center;
	font-size:14px;
	padding-left:10px;
}
#content .boxRight .content{
	background:url(../images/interface/bottomBoxRight.gif) no-repeat bottom center #f7fbfd;
	padding:10px;
}
#content .boxRight .content .actu h4{
	font-size:12px;
	font-weight:bold;
}
#content .boxRight .content .actu{
	margin-top:10px;
	padding-bottom:10px;
	background:url(../images/interface/barre.gif) no-repeat bottom center;
	
}
#content .boxRight .content .actu img{
	float:left;
	margin-right:5px;
	margin-bottom:5px;
}
#content .boxRight .content .actu h4 span{
	font-size:11px;
	font-style:italic;
	font-weight:normal;
	display:block;
}
a.suite_news, a.btn{
	background:url(../images/interface/linkSuite.gif) no-repeat center center;
	width:59px;
	height:20px;
	line-height:20px;
	color:#fff;
	display:block;
	text-align:center;
	margin-top:10px;
	font-size:10px;
	clear:left;
}
#content .boxRight .content .bottomLink{
	text-align:right;
	font-weight:bold;
	color:#616161;
	font-size:12px;
	width:100%;
	display:block;
	height:30px;
	margin-bottom:-15px;
	margin-top:20px;
}
#content .boxRight .content .bottomLink:hover{
	color:#000;
}
#footer{
	width:100%;
	border-top:1px solid #dddddd;
}
#credits{
	margin:0 auto;
	width:900px;
}
/*
 * Formulaire de contact
 */
.vtform{
	border:none;
}
.vtform table tr{
	height:30px;
}
.vtform table tr td.blocLabel{
	width:180px;
}
/*
 * GED
 */ 

#div_ged{padding:10px 0 10px 0;}

.viewOrm{width: 100%;background-color:#FFF;}

.viewMenu tr td, .viewOrm tr td{text-align:left;}

.blocEntete{
	padding:1px;
	padding-left:2px;
	background:#FFF url(../images/interface/ged/bgentete.gif) repeat-x bottom;
	border: 1px solid #EAEDF4;
	border-left:1px solid #FFF;
	border-top:0;		
	color: #222;}
	
.blocFleche{
	width:11px;
	height:14px;
	padding:1px;
	font-size: 4px;
	float:right;
	display:block;}

.enteteLabel{
	float:left;
	font-size:10px;
	color:#444;
}
	
a.ArrowUp, a.ArrowUpSel{				
	float:right;
	display:block;				
	width:10px;
	height:14px;
	margin:2px;
	text-align:center;
	font-weight:bold;
	background:url(../images/interface/ged/arrow_up.gif) no-repeat;
	background-position: 0 0;		}
	
a.ArrowBot, a.ArrowBotSel{
	float:right;
	display:block;				
	width:10px;
	height:14px;
	margin:2px;
	text-align:center;
	font-weight:bold;
	background:url(../images/interface/ged/arrow_bot.gif) no-repeat;
	background-position: 0 0;}
	
tr.tuple1, tr.tuple0{
	color: #1F1F1F;
	text-decoration: none;
	background-color: #FFF;
}

tr.tuple0{background-color: #FDFDFD;}

tr.tuple0hover, tr.tuple1hover{color: #8CA015;background-color: #FCFFCB;}

tr.tuple0sel, tr.tuple1sel{color: #8CA015;background-color: #F5FFBD;}

tr.tuple1 td, tr.tuple0 td,
tr.tuple0hover td, tr.tuple1hover td,
tr.tuple0sel td, tr.tuple1sel td{				
	padding: 5px 1px;
	height:28px;
	border-top:1px solid #EEE;
	border-left:1px solid #F1F1F1;}

.blockComponent{
	 border:1px solid #BBB; 
	 border-left:0;
	 border-right:0;
	 border-top:1px solid #FFF;	
	 background:#F0F7FF url(../images/interface/ged/grey.gif) repeat-x bottom;}