/**********************************************************************
	design02.css style Page = ligne 1 + titrePage + boites de contenu                           
***********************************************************************/


/**********************************************
 Styles ligne1 : fil Ariane + actions + recherche                      
***********************************************/ 

#ligne1{
	clear:both;
	padding: 2px 0px 2px 0px;
	height: 19px; !important;
}

	/************* #filAriane styles *************/

#ligne1 .filAriane {
	float:right;
	padding: 2px 2px 0px 0px;	
	width: 55%;
}
#ligne1 .filAriane a{
	color:#0069AA;
	font-size: 11px;
}

	/************* #actions styles *************/
#ligne1 .actions{
	float:right;
	width: 9%;
}
#ligne1 .actions a{
	padding: 0 4px 0 0;
}
#ligne1 .actions a img{
	border:none;
	vertical-align:bottom;
}
#ligne1 .actions a.print{
	padding:0 0 0 7px;
}

	/************* #recherche styles  *************/
#ligne1 .recherche{
	border-top:2px solid white;
	background:#F1F1F1;
	border-bottom:5px solid white;
	float:right;
	width: 35%;
}
#ligne1 .recherche form{
	padding:0;
	margin:0;
}
#ligne1 .recherche input{
	width:110px;
	border:1px solid #7F7F7F;
	padding:2px 0 2px 1px;
	margin:0;
	color:#000;
	font-size:100%;
}
#ligne1 .recherche form a{
	color:#000;
	padding: 0px;
	font-size:85% !important;
}
#ligne1 .recherche a img{
	border:none;
	vertical-align:middle;
}
#ligne1 .recherche .boutonOK{
	color: #fcc;
	margin: 0 !important;
	padding: 0 !important;
	width: 20px !important;
	height: 19px;
	border: 0 !important;
}



/**********************************************
 Styles de la page                             
***********************************************/ 

/*************** #titrePage styles **************/

#titrePage{
	clear:both;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

	/* titre */
	#titrePage .titre{
		background:  url("../ent_img/bg-titre.png") left 12px repeat-x;	
		margin-top:10px;
		width:100%;
		padding-bottom:2px;
	}
	#titrePage .titre h1{
		color:#0069AA;
		padding:0 2px 1px 35px;
		background:white  url("../ent_img/pictos-fleche-orange2.gif") left bottom no-repeat;	
		display:inline;
		font-size:180%;
		font-weight:bold;
		font-family: Arial,Verdana,sans-serif;
	}
	#titrePage .titre h1 span{
		position:relative;
		top:5px;
	}

/**********************************************
 Styles affichage  boite mainContent            
***********************************************/ 
.mainContent{
	margin:15px 0 15px 0;
	width:100%;
	font-family: Verdana,Arial,sans-serif;
}
.mainContent .interTitre{
	background:  url("../ent_img/bg-stitre.gif") left bottom repeat-x;	
	margin-bottom:16px;
}
.mainContent .interTitre h2{
	color:#353535;
	padding:0 10px 0px 17px;
	background:white  url("../ent_img/pictos-fleche-orange.gif") left bottom no-repeat;	
	display:inline;
	font-size:160%;
	font-weight:bold;
	font-family: Arial,Verdana,sans-serif;
}
.mainContent .interTitre h2 span{
	position:relative;
	top:5px;
}
.mainContent p{
	margin: 5px 0 0 0px;
	font-family: Verdana,Arial,sans-serif;
	text-align:left;
	color:#353535;
	font-size:110%;
}

	/***************** justification des images *****************/
.mainContent .left{
	float:left;
}
.mainContent .right{
	float:right;
}
img.right{
	padding-left:10px;
	padding-bottom:5px;
}
img.left{
	padding-right:10px;
	padding-bottom:5px;
}

	/***************** définition des pseudo-classes de lien *****************/

.mainContent a {
	display:inline;
}
.mainContent a.icone:after {
	display:block;
	width: 17px;
	height: 15px;
	margin: 2px;
}
.mainContent a.courrier:after {
	content:url("../ent_img/mailTo1.gif");	 
}
.mainContent a.recherche:after {
	content:url("../ent_img/pictos-lienCircle.gif");
}
.mainContent a.lienInterne{
		background:white  url("../ent_img/lienInterne.gif") left center no-repeat;	
		padding-left:10px;
		color:black;
		font-weight:bold;
		font-size:100%;
}
.mainContent a.lienExterne{
		background:white  url("../ent_img/lienExterne.gif") left center no-repeat;	
		padding-left:15px;
		color:black;
		font-weight:bold;
		font-size:100%;
}

.mainContent a:link {
	text-decoration:none;
	border:none;
	color:#006699;
}

.mainContent a:visited {
 text-decoration:underline;
 color:#006699;
}
.mainContent a:hover {
 text-decoration:underline;
 color:#006699;
}
.mainContent a:active {
 text-decoration:underline;
 color:#006699;
}

	/***************** définition des titres h1...h6 *****************/
.mainContent h1{
	display: none;
}
.mainContent h2{
 font-size: 160%;
 color: #006699;
 margin: 0px;
 padding: 0px;
 padding-left:15px;
 padding-top:10px;
}
.mainContent h3{
 font-size: 130%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
 padding-left:15px;
 padding-top:10px;
}
.mainContent h4{
 font-size: 110%;
 color: #333333;
 margin: 0px;
 padding: 0px;
 padding-left:15px;
 padding-top:10px;
}
.mainContent h5{
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
 padding-left:15px;
 padding-top:8px;
}
.mainContent h6{
 font-size: 90%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
 padding-left:15px;
 padding-top:8px;
}
.mainContent ul{
	margin-bottom:5px;
	margin-left:13px;
	font-size: 100%;
}
.mainContent li{
	color:#353535;
}
.mainContent ul li{
	background:url("../ent_img/puce-carregris.gif") left 2px no-repeat;	
	padding-left:10px;
	margin:5px 15px 0 0;
}
.mainContent ul li a{
	font-size:100%;
	color:#353535;
}
.mainContent ul li a:hover{
	font-weight:normal;
	color:#353535;
}
.mainContent ul li li{
	background:url("../ent_img/puce-triangris.gif") left 2px no-repeat;
	padding-left:10px;
	margin-right:15px;
}
.mainContent ul li li li{
	background:url("../ent_img/puce-rondgris.gif") left 2px no-repeat;
	padding-left:10px;
	margin-right:15px;
}

/**********************************************
 Styles affichage des boites layout0 layout1              
***********************************************/ 

.layout0 {
		clear: both;
    margin-right:5px;
    margin-bottom:10px;
    display:block;
}
.layout0 .deco {
    padding-bottom:3px;
    background: url(../img/dotted.gif) repeat-x bottom;
}
.layout0 .decoless {
    padding-bottom:3px;

}
.layout0 .title {
		color:#353535;
    font-weight:bold;
		padding:0 10px 1px 17px;
    background: url("../ent_img/pictos-fleche-orange.gif") no-repeat 0 3px;
		display:inline;
		font-size:140%;
}
.layout0 .titleless {
		color:#353535;
}
.layout0 .boxcontent    {
    display:block;
    padding-left:15px;
}
.layout1 {
    clear: both;
    margin-right:5px;
    margin-bottom:10px;
    display:block;
}
.layout1 .title    {
		color:#353535;
		padding:0 10px 1px 17px;
    font-weight:bold;
    display:block;
    background: url("../img/box_title_orange.gif");
    font-size:140%;
}
.layout1 .boxcontent {
    display:block;
    background:#f2f2f2;
    padding-left:15px;
}

/**********************************************
 Styles affichage  boite texte simple             
***********************************************/ 
.boxcontent p {
	margin: 5px 0 5px 0px;
	font: Verdana,Arial,sans-serif;
	color:#353535;
	font-size:110%;
	text-align: left;
}
.boxcontent ul {
	margin:0;
	padding:0;
}
.boxcontent li {
	display:block;
	padding-left: 5px;
}
.boxcontent a.leftlinkon {
	background:white  url("../ent_img/lienInterne.gif") left center no-repeat ;
	padding-left:10px;
	font: Verdana,Arial,sans-serif;
	color:#353535;
	font-size:110%;
	text-align: left;
}

/**********************************************
 Styles affichage  boite files             
***********************************************/ 
table.files tr td {
    vertical-align: top;
    padding: 1px;
    font-size:11px;
    height: 10px;
}
table.files tr:hover {
    background: #e9e9e9;
}
table.files tr td.nowrap {
    white-space: nowrap;
    height: 10px;    
}
.searchResultListing a,
table.files a {
    color:#402808;
    display: block;
    padding-bottom: 2px;
}
table.files a {
    font-weight:bold;
    font-size: 80%;
    height: 16px;
}
a.file {
    background: url("../img/files/file.gif") no-repeat;
    padding-left: 20px !important;
}
a.video {
    background: url("../img/files/video.gif") no-repeat;
    padding-left: 20px !important;
}
a.ppt {
    background: url("../img/files/ppt.gif") no-repeat;
    padding-left: 20px !important;
}
a.exe {
    background: url("../img/files/exe.gif") no-repeat;
    padding-left: 20px !important;
}
a.doc {
    background: url("../img/files/doc.gif") no-repeat;
    padding-left: 20px !important;
}
a.dir {
    background: url("../img/files/dir.gif") no-repeat;
    padding-left: 20px !important;
}
a.html {
    background: url("../img/files/html.gif") no-repeat;
    padding-left: 20px !important;
}

a.img {
    background: url("../img/files/img.gif") no-repeat;
    padding-left: 20px !important;
}

a.pdf {
    background: url("../img/files/pdf.gif") no-repeat;
    padding-left: 20px !important;
}

a.sound {
    background: url("../img/files/sound.gif") no-repeat;
    padding-left: 20px !important;
}

a.txt {
    background: url("../img/files/txt.gif") no-repeat;
    padding-left: 20px !important;
}

a.xls {
    background: url("../img/files/xls.gif") no-repeat;
    padding-left: 20px !important;
}
a.csv {
    background: url("../img/files/xls.gif") no-repeat;
    padding-left: 20px !important;
}

a.zip {
    background: url("../img/files/zip.gif") no-repeat;
    padding-left: 20px !important;
}

/**********************************************
 Styles affichage  boite links et pages            
***********************************************/
.error {
    color: #ff0000;
}
.fieldset {
    padding: 0;
    margin: 0;
}
.boxlinks {
    display: block;
    padding-bottom:3px;
}
.boxlinksInt a{
		background:url("../ent_img/lienInterne.gif") left center no-repeat;	
		padding-left:15px;
		color:#0069AA;
		font-size:100%;
		font-weight:bold;		
}
.boxlinksExt a{
		background:url("../ent_img/lienExterne.gif") left center no-repeat;	
		padding-left:15px;
		color:#0069AA;
		font-size:100%;
		font-weight:bold;
}

/**********************************************
 Styles affichage  boite recherche
***********************************************/ 

#searchPanel {
    display: block;
    margin:0 auto;
    width: 100%;
  	clear:both;
}

.searchPageDetailFrame {
    width: 650px;
    height: 100%;
    display: block;
}

.showSearchHitDetails {
  background-color: #eeeeee;
}

.searchHit {
  clear: both;
}

.searchHitInfo {
  padding: 10px 0px 10px 0px;
}

.searchHitInfo tr td {
  font-size: 10px;
  text-align: left;
  vertical-align: top;
}
.searchHitInfo tr td {
  font-size: 10px;
  text-align: left;
  vertical-align: top;
}
.searchHitMetadataLabel {
  float: left;
}
.searchHitMetadataColon {
  float: right;
}
.searchLink {
  background-color: #eeeeee;
}
div.searchHit hr {
  clear: both;
  height: 1px;
  background: url("../img/line_200.gif") repeat-x 100%;
  border: 0px solid;
}
.davbox ul {
    list-style: none;
    margin: 0;
    padding:0;
}
.davbox li {
    display: inline;
    margin: 0;
    padding: 0;
}
.davbox a {
  display:block;
	line-height: 18px;
}

/**********************************************
 Styles affichage  boite last_news           
***********************************************/ 
.lastnews a {
	background:url("../ent_img/puce-chevron-orange.gif") left center no-repeat;	
	padding-left:15px;
	color:black;
	font-weight:bold;
	font-size:100%;
}
.lastnews a.link {
	background:#FFF;	
	padding-left:35px;
	color:black;
	font-size:90%;
}
