/**
 * Body et Divs
 */
body {
   /*font-family: Verdana, Arial, Helvetica, sans-serif;
   background-color: #FFF;
   padding: 0px;
   padding-top: 0px;
   margin: 0px;
   font-size: 11px;*/
	}
#middle {
   /*border:solid 1px white; /*Ne surtout pas enlever pour IE !!!*/
}
#COPIX_content {
   margin-left:175px;
   }
#COPIX_menu {
   width:100%;
   display:table;
   /*background-color: #006699;*/
   background-position :0 top;
	background-image: url("../../../img/cci/bg_menu.gif");
   background-repeat: repeat-x;
   }

#COPIX_submenu {
   /* Ne pas utiliser position:absolute; dans le cas ou le menu serait plus long que le contenu le footer serait mal placé */
   float:left;
   width:175px;
   }

#titreMenuDef {
   margin-left:6px;
   }

.headingTree {
   background-color: #F6F4E4;
   border:1px solid #ffCA6B;
   padding:3px;
   overflow:scroll;
   height:300px;
   position:absolute;
   width:500px;
}
.contextualColumn { /* Utilisé pour la colonne à droite dans le CMS (genre bibliographie, news, téléchargements liens etc ...*/
   border:solid 2px #A6A4BA;
   width:160px;
   background-color:#EBEBF5;
   padding:2px;
   margin:4px;
   float:right;
}

.contextualColumn h2 {
   margin-bottom: 0px;
   padding-bottom: 0px;
   font-size: 13px;
   /*border-bottom: #003399 solid 1px;*/
   }

.contextualColumn p {
   margin-top: 2px;
   }

.popupInformation {
   background-color: #F6F4E4;
   border:1px solid #ffCA6B;
   padding:3px;
   position:absolute;
}

/**
 * FORM
 */
form.copixForm input, input {
   color : #075189;
   border-left: 1px solid #075189;
   border-bottom: 1px solid #075189;
   border-top: 1px solid #075189;
   border-right: 1px solid #075189;
   /*border:none; 	DM 2008-08-18 : champs formulaires invisibles*/
   font-size : 10px;
	}

form.copixForm input:hover, input:hover {
   color : #075189;
   border-left: 1px solid #6688FF;
   border-bottom: 1px solid #6688FF;
   border-top: 1px solid  #0C58AC;
   border-right: 1px solid  #0C58AC;
   /*border:none; 	DM 2008-08-18 : champs formulaires invisibles*/
}

form.copixForm input.btn-rechercher, form input.btn-ok, form.copixForm input.btn-rechercher:hover, form input.btn-ok:hover{
   border: none;
}

form.copixForm select {
   color : #075189;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
	}

form.copixform textarea{
   color : #075189;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   border-left: 1px solid #075189;
   border-bottom: 1px solid #075189;
   border-top: 1px solid #075189;
   border-right: 1px solid #075189;
	}
	
form.copixForm td input {
   color : #075189;
   border-left: 1px solid #075189;
   border-bottom: 1px solid #075189;
   border-top: 1px solid #075189;
   border-right: 1px solid #075189;
   font-size : 10px;
}
	
#loginForm{
   border-right: 1px solid #075189;
   margin: 0px;
   padding:0px 0px 5px 0px;


}
#loginForm p{
   margin: 0px;
   padding:-4px 0px 0px 20px;

}
/**
 * Liste et menus
 */
ul.copixCMSNav li {
   display: inline;
   list-style-type: none;
   font-size: 11px;
   line-height: 12px;
   font-family: Verdana, sans-serif;
   padding-top: 2px;
   padding-bottom: 0px;
   margin-left: 2px;
   margin-bottom: 0px;
   background-color: #000066;
   color: #ffffff;
   font-weight: bold;
   text-align: center;
	}

ul.copixCMSNav a:link, ul.copixCMSNav a:visited {
   color: white;
   text-decoration: none;
   padding-left: 1em;
   padding-right: 1em;
	}

ul.copixCMSNav a:hover {
   color: #FF0000;
   }

ul.copixError li {} /*Affiche les erreurs dans copix sous forme de liste unordonnée*/

ul.copixArianeLink li:first-child {
   margin-left: 0px;
	}

ul.copixArianeLink li {
   display: inline;
   margin-left: 20px;
	}

/**
 * Headings & Paragraphs
 */
p, li, a {
   text-align:left;
   font-family: Verdana;
   font-size: 11px;
   }
p {
   margin:0 0 0 0;
   }

h1 {
   font-family: Arial;
	font-size: 18px;
   font-weight: bold;
   color: #003399;
   background: transparent;
   text-align: left;
	}

h2 {
	font-family: Arial;
   font-size: 15px;
   font-weight: bold;
   color: #003399;
   text-align: left;
   margin-top: 2px;
   margin-bottom: 5px;
   padding-top: 2px;
	}


h3 {
   font-size: 12px;
   font-weight: bold;
   font-family: Verdana;
   text-align: left;
   margin-top: 5px;
   margin-bottom:3px;
   padding-bottom: 0px;
	}

h6 {
   font-size: 10px;
   color: #444444;
   text-align: left;
   padding-left: 15px;
   }
 th {
	 text-align: left;
	 font-weight: bold;
 }

/**
 * Tableaux
 */
 table.tableau1 {
	 font-size: 10px;
	 font-family: Verdana;
 }
 table.tableau1 p {
	 font-size: 10px;
 }
table.copixTable {
   margin: 0px;
   padding:0px;
   border: 0px;
   margin-top:180px; /*BKA 2010-05-25 : pour decendre la visu du détails des data d'un formulaire*/
	}

table.copixTable th {
   color: #18207b;
   text-align: left;
   margin: 0px;
   padding:0px;
	}

table.copixTable td {
   margin: 0px;
   padding:0px;
	}

table.copixTable tr {
   border: 0px;
	margin: 0px;
	padding:0px;
	}

table.copixTable td.headingTitle {
   background-color: #cccccc;
   text-align: center;
}

/** QUICKADMIN **/

.quickAdminModule {
   margin-top:-14px;
   padding:10px;
   border:1px solid #003399;
}
#quickAdmin .copixCMSNavLink {
   width:140px;
   height:auto;
   background-color: #cccccc;
   display: inline;
}

#quickAdmin ul.copixCMSNav li {
   display: inline;
   list-style-type: none;
   font-size: 10px;
   line-height: 20px;
   height: 30px;
   font-family: Verdana, sans-serif;
   background-color: #cccccc;
   color: #ffffff;
	}
	
#quickAdmin ul.copixCMSNav li.selected {
   background-color: #003399;
   color: #ffffff;
	}

#quickAdmin ul.copixCMSNav{
   padding:0px;
	}
	
#quickAdmin ul.copixCMSNav a {
   width:140px;
   height:auto;
}

#quickAdmin ul.copixCMSNav a:link, ul.copixCMSNav a:visited {
   color: white;
   text-decoration: none;
   padding-left: 1em;
   padding-right: 1em;
	}

#quickAdmin ul.copixCMSNav a:hover {
   color: #003399;
   }
   
#quickAdmin ul.copixCMSNav li.selected a:hover {
   color: #ffffff;
   }

#quickAdmin table.copixTable {
   margin: 0px;
   padding:0px;
   border: 1px solid #cccccc;
   border-collapse: collapse;
	}

#quickAdmin table.copixTable th {
   color: #18207b;
   text-align: left;
   margin: 0px;
   padding:0px;
	}

#quickAdmin table.copixTable td {
   margin: 0px;
   padding:0px;
   border-bottom: 1px solid #cccccc;
	}

#quickAdmin table.copixTable tr {
   border: 0px;
	margin: 0px;
	padding:0px;
	}

#quickAdmin table.copixTable td.headingTitle {
   background-color: #cccccc;
   text-align: center;
   border: 0px;
}

#quickAdmin table.copixTable th.actions {
   width: 100px;
}


table.multipage td img{
   vertical-align: middle;
   margin-bottom: 2px;
	}
table.ccitable {
   border:solid 1px #003399;
   background-color:#E9EAFF;
   }
table.ccitable th {
   background-color:#003399;color:white;
   }
 
table.tabdebord {
   border:solid 1px #003399;
   background-color:#E9EAFF;
}
 
table.tabdebord  th {
   background-color:#003399;color:white;text-align:center;
}
   
table.tabdebord td.bordertopbottom {
	border-top:solid 1px #003399;
	border-bottom:solid 1px #003399;
}
table.tabdebord td.bordertopleft {
	border-top:solid 1px #003399;
	border-left:solid 1px #003399;
}
table.tabdebord td.borderbottom {
	border-bottom:solid 1px #003399;
}
table.tabdebord td.borderleft {
	border-left:solid 1px #003399;
}
table.tabdebord td.bordertop {
	border-top:solid 1px #003399;
}
/**
 * Images
 */
img {
   border: 0px;
   margin: 0px;
   padding:0px;
	}

/**
 * Plan du site
 */
a.planLien {
   text-decoration:none;
   color:#555555;
}

a.planLien:hover {
   text-decoration:none;
   color:#aaaaaa;
}

/**
 * Etoile
 */
#etoileListe a {
	color:#E37601;
		/*color:#003399;DM 20080922*/
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	}
#etoileListe a:hover {
	text-decoration:underline;
	}
#etoileListe dt {
	}
#etoileListe dd {
	margin-bottom:10px;
	}
	/*DM 20080922*/
#etoileRub ul{
	color:black;
	} 

#etoileRub ul a {
	color:#003399;
	font-size:11px;
	}
#etoileRub ul ul a {
	color:black;
	font-size:10px;
	}
#etoileRub ul{
	margin:0 0 0 10px;
	padding:0 0 0 0;
	}
	
	/*DM 20080922*/
#etoileRub ul li a{
	color:#E37601;
	} 
 
#etoileRub ul li{
	list-style-type:none;
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-weight:bold;
	}

#etoileRub ul ul li{
	background-color:white;
	font-weight:normal;
}

/**
 * Footer
 */
#footer_main {
   clear:both;
   height:12px;
   text-align:center;
   padding-top:32px;
   }
#footer_main a{
	color:black;
	text-decoration:none;
	margin:0 3px 0 3px;
	padding:0px;
	}
#footer_main a:hover{
	text-decoration:underline;
	margin:0 3px 0 3px;
	padding:0px;
	}
#footer {
	/*border-top:solid 1px black;
   border-bottom:solid 1px black;
	vertical-align:top;
	text-align:center;
   width:100%;
   margin-top:20px;
   height:23px;
	background-position :0 bottom;
	background-image: url("../img/cci/footer.gif");
   background-repeat: repeat-x;*/
	}
/*#footer a{
	color:black;
	text-decoration:none;
	margin:0 3px 0 3px;
	padding:0px;
	}
#footer a:hover{
	text-decoration:underline;
	margin:0 3px 0 3px;
	padding:0px;
	}*/
	
.chapo {
   text-align:left;
   font-family: Verdana;
   font-size: 12px;
   font-weight: bold;
}
.alternate{
   background-color:#EEEEFF;
   }
   
/* liens pour les news de l'iframe */
a.liens, a.liens:link, a.liens:visited, a.liens:hover {
	color:#666666;
	font-size:11px;
	margin:0; padding:0 0 0 15px;
	background:transparent url(../../../img/cci/puces/puce-fleche-orange.gif) left 3px no-repeat;
	line-height:14px;
}