/* CSS de la page */

body {
   margin:0px;
   padding:0px;
   font:10px;
   font-family: arial, sans-serif;
   font-weight:bold;
   background-image: url('http://www.ga-media.org/CR2MSiteImages/bg_repeat.gif');
   background-repeat: repeat; 
   text-align: center;
}


div#mainFrame {
   background-image: url('http://www.ga-media.org/CR2MSiteImages/bg_default.jpg');
   background-repeat: no-repeat;
   margin: 0px auto;
   text-align:left;
   width: 1000px;
   
   min-height: 955px;
   height: 955px;
}

html>;div#mainFrame {
   height: auto;
}

div#headerSite {
   min-height: 110px;
   height: 110px;
   text-align: center;
}
html>;div#headerSite {
   height: auto;
}

div#homeLink {
   border: solid 0px orange;
   cursor:pointer;
   height: 110px;
   width: 220px;
   float: left;
   margin-top: -70px;
}


div#gaLink {
   border: solid 0px orange;
   cursor:pointer;
   height: 51px;
   width: 84px;
   float: left;
   margin-left:780px;
   margin-top:-100px;
}

div#loginAccess {
   border: solid 0px orange;
   cursor:pointer;
   height: 15px;
   width: 15px;
   float: left;
   margin-left:905px;
   margin-top:-80px;
}

div#en_Flag{
    float: left;
    margin-top:  -105px;
    margin-left: 960px;
}

div#fr_Flag{
    float: left;
    margin-top: -75px;
    margin-left: 960px;
}

div#rhoneAlpeLink {
   cursor:pointer;
   height: 40px;
   width: 97px;
   float: left;
   margin-left:825px;
   margin-top:-40px;
}

div#textHeaderCentered {
   color: white;
   font-family: 'arial black', arial, sans-serif;
   font-weight:bold;
   font-size: 11px;
   float: left;
   width: 1000px;
   margin-top: 40px;
   text-align: center;
}

div#newsLink {
   border: solid 0px blue;
   cursor:pointer;
   float: left;
   width: 62px;
   height: 37px;
   margin-top: -35px;
   margin-left: 475px;
}


table {
   font-size:10px;
}  

table#masterTable { 
  margin-top: 5px;
  width:1000px !important;
}

/* colonne de Gauche avec champs de recherche*/
td#masterLeftColumn {
  vertical-align: top;
  padding-left:5px;
  background-color:transparent;
  width:211px;
}



/* colonne de droite avec resultat*/
td#masterRightColumn {
  vertical-align: top;
  width:789px;
}

div#searchBox {
  width:217px;
  height:100%;
  padding-left: 5px;
}

div#searchBoxHeader {
   height:22px;
   font-size:12px;
   color:black;
   cursor:pointer;
   padding: 3px 0px 3px 0px;
   vertical-align: center;
}

#searchBox .divControl { 
  text-align: left;
  margin-top: -25px;
  margin-left: 170px;
}

div#contentPortlet {
  padding: 2px;
}


#normalSearchP, #advSearchP {
   background-color:black;
   font-size:10px;
   width:205px;
   color:white;
   height: auto;
   font-weight:bold;
}


#advSearchButton{
cursor:pointer;
margin:0px 0px 0px 0px;
}


#normalSearchP a.newSearch{ 
  color:white;
  font-size:10px;
  font-weight:bold;
  text-decoration:none;
  margin:0px 0px 0px 2px;
 }
 
#normalSearchP, #advSearchP a.info { 
  cursor:pointer;
  color:#87AEA6;
  font-size:10px;
  font-weight:bold;
  text-decoration:none;
 }
 
#searchableText {
   margin:2px 2px 2px 2px;
   font-size:11px;
}

#searchButton {
   cursor:pointer;
}


#advSearchP .advSearchDiv {
 width:175px;
 }


/* portlet de gauche - media et date */
div#advancedSearch {
  width:217px;
  height:100%;
  padding-left: 5px;
}

div#advancedSearchHeader {
   height:22px;
   font-size:12px;
   color:black;
   cursor:pointer;
   padding: 3px 0px 3px 0px;
   vertical-align: center;
}

#advancedSearch .divControl { 
  text-align: left;
  margin-top: -25px;
  margin-left: 170px;
}

#advancedSearch .divBody {
   background-color:black;
   font-size:10px;
   height:auto;
   width:205px;
   color:white;
   font-weight:bold;
}

#advancedSearch ul {
   border-left: solid 0px #CDCECA;
   border-right: solid 0px #CDCECA;
   font-size:10px;
   margin:-5px 5px 0px 0px;
   padding:5px 3px 3px 0px;
   list-style-type:none;
 }
#advancedSearch .listCheckBox {
  vertical-align: middle;
}


#advancedSearch input { 
   font-size:10px;
 }


/* Page d accueil et portlet de droite */
table#accueilTable { 
  width: 100%;
}

td#accueilCenterColumn {
  vertical-align: top;
  background: transparent;
  width: 100% ! important;
}

#imageAccueilLogo {
  height: 427px;
}

td#accueilRightColumn {
  vertical-align: top;
  background-color:transparent;
  width:220px;
}


#rightPortlet {
  width:220px;
  height:100%;
  padding-left: 5px;
}

div#rightPortletHeader {
   height:22px;
   font-size:12px;
   color:black;
   cursor:pointer;
   padding: 3px 0px 3px 0px;
}

#rightPortlet .divControl { 
  text-align: left;
  margin-top: -25px;
  margin-left: 170px;
}


#portletSupport, #portletPartenariats, #portletLiens, #portletInfos{
   background-color:black;
   font-size:10px;
   width:205px;
   color:white;
   height: 210px;
   text-align: left;
   margin-left: 4px;
}

#portletPartenariats {
    background-color: white ! important;
}

.rightPortletLabels {
   color: white;
   text-decoration: none;
   font-family: arial, arial, sans-serif;
   font-weight:bold;
   font-size:12px;
}

ul#listFriendLinks {
   margin: 0px 0px 0px 5px;
   padding: 2px;
   list-style-type:none;
}

ul#listFriendLinks a {
    color: white;
    font-family: arial, arial, sans-serif;
    font-weight:bold;
    text-decoration: none;
    font-size: 12px;
}

#rightPortlet a {
    color: white;
    font-family: arial, arial, sans-serif;
    font-weight:bold;
    text-decoration: none;
    font-size: 12px;
}
 

/* Definition des boutons */

table#buttonTemplate {
   height: 21px;
   border-collapse: collapse;
   border-spacing: 0px;
   color: grey;
   font-family: arial, arial, sans-serif;
   font-weight:bold;
   cursor: pointer ! important;
}

table#buttonTemplate:hover {
   color: black;
   cursor: pointer ! important;
}

td#buttonTemplateLeft {
   background:url('http://www.ga-media.org/CR2MSiteImages/boutons/bouton_left.png') no-repeat;
   width: 11px;
   height: 21px;
   cursor: pointer ! important;
}

td#buttonTemplateCenter {
   background:url('http://www.ga-media.org/CR2MSiteImages/boutons/bouton_center.png') repeat-x;
   height: 21px;
   text-align: center;
   vertical-align: center;
   cursor: pointer ! important;
}

td#buttonTemplateRight {
   background:url('http://www.ga-media.org/CR2MSiteImages/boutons/bouton_right.png') no-repeat;
   width: 13px;
   height: 21px;
   cursor: pointer ! important;
}



/* Definition des messages */
#statusMessageJMC {
	z-index:1000;
	position:absolute;
	top:20%;
	left:25%;	
}
.statusMessageJMC table {
	z-index:1000;
	width:500px;
	height:150px;
	background:url(http://www.ga-media.org/CR2MSiteImages/statusMessage.png) no-repeat top;
}
#statusMessageJMCPanier {
	z-index:1000;
	position:absolute;
	top:20%;
	left:25%;	
}
.statusMessageJMCPanier table {
	z-index:1000;
	width:500px;
	height:150px;
	background:url(http://www.ga-media.org/CR2MSiteImages/statusMessage.png) no-repeat top;
}
.statusMessageJMCError {
	position:absolute;
	top:20%;
	left:25%;	
}
.statusMessageJMCError table {
	width:500px;
	height:150px;
	background:url(http://www.ga-media.org/CR2MSiteImages/errorMessage.png) no-repeat top;
}




/* affichage du popup d'attente */
div#wait {
	border: 2px solid white;
	background: black;
	font-family: arial, arial, sans-serif;
	font-weight:bold;
	color: white;
	vertical-align: center;
}

div#operationAwarness {
	border: 2px solid white;
	background: black;
	font-family: arial, arial, sans-serif;
	font-weight:bold;
	color: white;
	vertical-align: center;
}


/* Pied de page incluant les boutons */
.pFooter { 
  margin:auto;
  height:30px;
  text-align:center;
 }



/* Affichage des resultats */

#resultsBody {
}

table#mainTableResults {
    background: transparent;
    width:100%;
}

#mainTableResultsTRTilte {
   height:22px ! important;
}

#mainTableResultsTitle {
   background:url('http://www.ga-media.org/CR2MSiteImages/resultatFond.gif') top repeat-x; 
   height:22px ! important;
   font-size:12px;
   color:grey;
   font-weight:bold;
   vertical-align: center;
   padding: 4px 0px 0px 5px;
   text-align: left;
   width: 100%;
}

#mainTableResultsTitlePanier {
   background:url('http://www.ga-media.org/CR2MSiteImages/resultatFond.gif') top repeat-x; 
   height:22px ! important;
   width: 130px ! important;
   font-size:12px;
   color:grey;
   font-weight:bold;
   vertical-align: center;
   padding: 4px 0px 0px 5px;
   text-align: left;
}


div#resultsBoby {
    background: #F2EFB7;
}


.resultTabTable {
margin-left:5px;
margin-right:5px;
margin-bottom:5px;
background-color:pink! important;
width:100%! important;
height:100%! important;
}

.resultTabTR {
    vertical-align: center;
    height: 100%;
}

.resultTabTDImg {
padding:10px;
border-right:dotted 1px #CDCECA;
height:100%! important;
width: 100px;
text-align: center;
}

.resultTabTDDesc {
padding:10px;
vertical-align:top;
height: 100%;
}

.resultTabLink {
text-decoration:none;
font-weight:bold;
color:#0099CC;
cursor:pointer;
}


#basketTopImg {
cursor:pointer;
}







h3 { 
  margin-top:-10px;
  font-size:160%;
  white-space:nowrap;
  text-decoration:underline;
 }
h3:first-letter { 
  font-size:200%;
  color:#466973;
  white-space:nowrap;
 }
EMBED {
   cursor:pointer;
}

#userTable {
   border:1px solid #466973;
   font-family:verdana;
   font-size:12px;
}
th {
   background-color:#8cacbb;
   color:#000000;
}


.helpSearch {
    display:none;
	z-index:1000;
	position:absolute;
	top:20%;
	left:25%;
	font-family:verdana;
}
.helpSearch table{
    padding:15px;
	background:url('http://www.ga-media.org/CR2MSiteImages/helpWidget.png') no-repeat;
	width:500px;
	height:500px;
}


.tableSearchResultHeader { 
  padding-right:3px;
  padding-top:0px !important;
 }
 
.tableSearchResultHeader2 { 
  border:none;
  width: 130px ! important;
 }
 
.TRHeightHeader { 
  height:45px;
 }
 
#textRecherche {
  margin-left:100px;
  margin-top:-30px;
  margin-bottom:15px;
  font-size:12px;
  font-weight:bold;
}
#textRecherche a { 
  color:#999966;
  text-decoration:none;
 }

/* Partie Droite*/
#rightColumn { 
   margin-left:4px;
   border-left:#CDCECA 2px solid;
   border-right:#CDCECA 1px solid;
   border-bottom:#CDCECA 2px solid;
   padding-bottom:5px;
   padding-top:1px;
   width:787px;
   height:100%;
}

#affichage {
  background-color:white;
  width:124px;
  height:57px;
  border:#CDCECA solid 1px;
 }
#affichage .mode-affichage {
  width:115px;
  background-color:transparent;
  border-bottom:solid 1px #CDCECA;
  font-size:10px;
  color:#737148;
  height:20px;
}

#CR2Mnav {
  width:136px;
  list-style: none;
  margin-top: -60px;
  margin-bottom: 0px;
  margin-left:480px;
  padding-left:0px;
  height: 38px;
  line-height: normal;
  font-size:8px;
}
#CR2Mnav li {
  display: inline;
  height:44px;
  border-left:solid 1px #CDCECA;
  margin-top:0px;
  margin-left:0px;
  margin-right:-3px;
  margin-bottom:-5px;
  padding-bottom:8px;
  padding-left:0px;
  padding-top:7px;
  padding-right:0px;
  background-color:white;
}
#CR2Mnav .img { 
  border:none;
  margin-top:10px;
  height:22px;
  width:41px;
}
#CR2Mnav li.vignette { 
  background:url('http://www.ga-media.org/CR2MSiteImages/affichageVignette.gif') top no-repeat;
 }
#CR2Mnav li.detail { 
  background:url('http://www.ga-media.org/CR2MSiteImages/affichageDetail.gif') top no-repeat;
 }
#CR2Mnav li.vignette-detail { 
  background:url('http://www.ga-media.org/CR2MSiteImages/affichageDetailVignette.gif') top no-repeat;
 }
#CR2Mnav li a {
    /* The normal, unselected tabs. They are all links */
  border:none;
  padding-top:7px;
  padding-bottom:8px;
}
#CR2Mnav li.vignette .selected a {
    /* The selected tab. There's only one of this */
  background:url('http://www.ga-media.org/CR2MSiteImages/affichageVignetteSelected.gif') top no-repeat;

}
#CR2Mnav li.detailhover {
  background:url('http://www.ga-media.org/CR2MSiteImages/affichageDetailSelected.gif') top no-repeat;
}
#CR2Mnav li.detail a:hover {
  background:url('http://www.ga-media.org/CR2MSiteImages/affichageDetailSelected.gif') top no-repeat;
}
#CR2Mnav li.vignette-detail a:hover {
  background:url('http://www.ga-media.org/CR2MSiteImages/affichageDetailVignetteSelected.gif') top no-repeat;
}
#CR2Mnav li.vignette-detailhover {
  background:url('http://www.ga-media.org/CR2MSiteImages/affichageDetailVignetteSelected.gif') top no-repeat;
}
#CR2Mnav li.vignettehover {  
  background:url('http://www.ga-media.org/CR2MSiteImages/affichageVignetteSelected.gif') top no-repeat;
}
#CR2Mnav li.vignette a:hover {
  background:url('http://www.ga-media.org/CR2MSiteImages/affichageVignetteSelected.gif') top no-repeat;
}

#panierAffichage {
  border:#CDCECA 1px solid;
  background:url('http://www.ga-media.org/CR2MSiteImages/bandeauPanier.gif') left repeat-x;
  margin:5px 5px 5px 5px;
  font-weight:bold;
  color:#555555;
  width:145px;
  height:22px;
}
#panierAffichage h6 {
   font-size:12px;
   color:#737148;
   margin:-22px 5px -2px 33px;
   padding:5px 3px 4px 5px;
}
#panierAffichage img {
  height:20px;
}

#resultSearchBody {
  color:#555555;
}

#resultSearchBodyHeader { 
  background-color:#EFEFEF;
  font-size:10px;
  width: 100%;
  color:#555555;
  width: 100%;
  height: 55px !important;
 }
  


#viewContentVignetteDetailD { 
  margin:-5px 0px 0px 2px;
 }
#viewContentVignetteDetailD ul { 
  margin:-2px 0px 5px 0px;
  padding-left:0px;
 }
#viewContentVignetteDetailD li { 
  background-color:white;
  line-height:3px;
  display:block;
  font-size:10px;
  margin: 2px;
  padding:3px;
 }
#viewContentVignetteDetail ul { 

 }
#viewContentVignetteDetail li {   
  color:black;
  background-color:white;
  display:block;
  border:#CDCECA solid 1px;
  font-size:10px;
  width:741px;
  margin-left: -35px;
  margin-top: -10px;
  padding: 5px 3px 0px 5px;
  height:40px;
  font-weight:normal;
 }
#viewContentVignette { 
  margin:-3px 3px 0px 0px;
  width:762px;
}
#viewContentVignette .master {
  background-color:white;
  border:#CDCECA solid 1px;
 }
 
.pagination { 

 }
 
.noResult { 
  margin-left:15px;
  font-size:12px;
  font-weight:bold;
 }
.afficheDimension { 
  padding-left:5px;
  font-size:10px;
  font-weight:bold;
  color:black;
 }
.afficheDimensionInfos { 
  margin-top:0;
  padding-left:0;
  font-size:10px;
  font-weight:bold;
  color:black;
}
.displayInfos { 
  width:550px;
  height:100px;
  background-color:#FFFFFF;
 }
.afficheInfos{ 
  font-size:10px;
  font-weight:normal;
  color:#555555;
 }
.titreVignette { 
  margin:2px 0px 2px 0px;
  font-size:10px;
  color:#555555;
  text-align:center;
 } 
#statusMessage { 
  border:solid 1px black;
  background-color:#B1C6D4;
  color:#555555;
  font-family:verdana;
  font-size: 12px;
  font-weight:bold;
  height:auto;;
  width:300px;
  text-align:center;
  padding-top:10px;
  padding-bottom:10px;
  position:absolute;
  z-index:105;
  margin-top:45px;
  margin-left:200px;
 }
#statusMessageStats { 
  border:solid 1px black;
  background-color:#B1C6D4;
  color:#555555;
  font-family:verdana;
  font-size: 12px;
  font-weight:bold;
  height:auto;;
  width:300px;
  text-align:center;
  padding-top:10px;
  padding-bottom:10px;
 }
#statusMessage2 { 
  border:solid 1px black;
  background-color:#B1C6D4;
  color:#555555;
  font-family:verdana;
  font-size: 12px;
  font-weight:bold;
  height:auto;;
  width:300px;
  text-align:center;
  padding-top:10px;
  padding-bottom:10px;
  position:absolute;
  z-index:100;
  margin-top:45px;
  margin-left:500px;
 }
#statusMessage3 { 
  border:solid 1px black;
  background-color:#B1C6D4;
  color:#555555;
  font-family:verdana;
  font-size: 12px;
  font-weight:bold;
  height:auto;;
  width:300px;
  text-align:center;
  padding-top:10px;
  padding-bottom:10px;
  position:absolute;
  z-index:100;
  margin-top:45px;
  margin-left:550px;
 }
#statusMessage4 { 
  border:solid 1px black;
  background-color:#B1C6D4;
  color:#555555;
  font-family:verdana;
  font-size: 12px;
  font-weight:bold;
  height:auto;;
  width:300px;
  text-align:center;
  padding-top:10px;
  padding-bottom:10px;
  position:absolute;
  z-index:100;
  margin-top:45px;
  margin-left:300px;
 }
#statusMessageOnLog { 
  border:solid 1px black;
  background-color:#B1C6D4;
  color:#555555;
  font-family:verdana;
  font-size: 12px;
  font-weight:bold;
  text-align:left;
  height:auto;
  width:auto;
  padding:10px;
  position:absolute;
  z-index:100;
  margin-top:25px;
  margin-left:200px;
}
#statusMessageEditCR2M { 
  border:solid 1px black;
  background-color:#B1C6D4;
  color:#555555;
  font-family:verdana;
  font-size: 12px;
  font-weight:bold;
  height:auto;;
  width:300px;
  text-align:center;
  padding-top:10px;
  padding-bottom:10px;
  position:absolute;
  z-index:100;
  margin-top:45px;
  margin-left:610px;
 }
#statusMessageEditUsers { 
  border:solid 1px black;
  background-color:#B1C6D4;
  color:#555555;
  font-family:verdana;
  font-size: 12px;
  font-weight:bold;
  height:auto;;
  width:300px;
  text-align:center;
  padding-top:10px;
  padding-bottom:10px;
  position:absolute;
  z-index:100;
  margin-top:45px;
  margin-left:450px;
 }
#piedDePage { 
  font-size:10px;
  margin-left:5px;
  margin-top:-40px;
  height:40px;
  width:747px;
 }
#piedDePage p { 
  margin-top:4px;
  margin-bottom:2px;
 }
#piedDePage a { 
  color:#87AEA6;
  font-size:10px;
  font-weight:bold;
  text-decoration:none;
 }
#help { 
  background-color:#DAE3E8;
  padding-left:15px;
  color:#000000;
  font-family:verdana;
  font-size: 10px;
 }
#batchnavDivPanier { 
  font-size:10px;
 }
#batchnavDivPanier .batchnav { 
  color:#999999;
  text-decoration:none;
 }
#batchnavDivPanier .batchnav a { 
  color:#555555;
  text-decoration:none;
 }
#batchnavDivPanier .batchnavSelected { 
  color:#555555;
  font-weight:bold;
  font-size:12px;
 }
#batchnavDiv { 
  font-size:10px;
  background-color:#EFEFEF;
}

#batchnavDiv .batchnav { 
  font-size:10px;
  color:#999999;
  text-decoration:none;
 }
#batchnavDiv .batchnav a { 
  color:#555555;
  font-size:10px; 
  text-decoration:none;
}

#batchnavDiv .batchnavSelected { 
  color:#555555;
  font-weight:bold;
  font-size:12px;
  text-decoration:none;
 }
#batchnavDivFooter { 
  float:left;
  font-size:10px;
  margin-top:-5px;
  margin-left:600px;
  margin-bottom:0px;
 }

#batchnavDivFooter .batchnav { 
  font-size:10px;
  color:#999999;
  text-decoration:none;
 }
#batchnavDivFooter .batchnav a { 
  color:#555555;
  font-size:10px;
  text-decoration:none;
 }
#batchnavDivFooter .batchnavSelected { 
  color:#555555;
  font-weight:bold;
  font-size:12px;
 }
 
/*Panier*/
#panierBody{
border: solid 0px orange;
}

#panier {
  background-color:#EFEFEF;
  width:130px ! important;
  font-size:10px;
  color:black;
  padding: 5px !important;
  height: 45px !important;
}
 

#panier a { 
  color:#999966;
  font-weight:bold;
  text-decoration:none;
 }
 
.pHeadPanier { 
 background-color:#EFEFEF;
 border:#CDCECA solid 1px;
 padding:3px;
 margin:5px 0px 5px 0px;
 font-size:10px;
 height:55px;
 width:auto;
 text-align:left;
 }


#panierHeader {
   background:url('http://www.ga-media.org/CR2MSiteImages/bandeauPanier.gif') top repeat-x; 
   height:22px;
   width:auto;
   font-size:12px;
   font-weight: bold;
   color:grey;
   vertical-align: center;
   text-align: left;
   margin: 3px 5px 0px 3px;
   font-family: 'arial black', arial, sans-serif;
   border: solid 0px green;
}

#labelPanier {
   margin-left: 33px;
   margin-top: -25px;
}


#panier p { 
  color:#999966;
  margin-top:2px;
  margin-bottom:0px;
  padding-top:3px;
  padding-left:5px;
 }

.panierButton { 
  color:#555555;
  font-size:10px;
  margin-top:1px;
 }
#user-counter { 
  font-size:12px;
  margin-left:-970px;
  margin-top:-26px;
  margin-bottom:11px;
 } 
#traitement { 
  font-size:10px;
 }
#traitement input{ 
  font-size:10px;
 }
#traitement table { 
  font-size:10px;
  color:#555555;
  margin-left:5px;
 }

#traitement table td{ 
  border-bottom:solid 1px #CDCECA;
  padding-bottom:3px;
 }
.required { 
  background-color:#B1C6D4;
 }
.inscription { 
  font-family:verdana;
  font-size:12px;
  font-weight:normal;
  border:solid 1px #CDCECA;
  background-color:#DAE3E8;
  margin-top:-5px;
 }
.inscription-noborder { 
  font-family:verdana;
  font-size:12px;
  font-weight:normal;
  background-color:#ECE9D5;
 }
.etape1 { 
  font-size:10px;
  border:solid 1px #CDCECA;
  background-color:#DAE3E8;
  margin-top:-5px;
 }
.iframes { 
  border:solid 1px #B1C6D4;
  background-color:#B1C6D4;
  margin-top:5px;
 }
#portal-globalnav {
    /* Navigational Plone Tabs(tm), implemented by customizing the a tag - they are surprisingly elegant. The power of CSS runs strong in these :) */
    background-color: transparent;
    border-collapse: collapse;
    padding: 0.5em 0em 0em 5em;
    white-space: nowrap;
    list-style: none;
    margin: 0;
    height: auto;
    line-height: normal;
    margin-left:-370px;
    font-size:11px;
    
}
#portal-globalnav li {
    display: inline;
}
#portal-globalnav li a {
    /* The normal, unselected tabs. They are all links */
    background-color: #F3F3DD;
    border-color: #CDCECA;
    border-width: 1px; 
    border-style: solid solid none solid;
    color: #555555;
    height: auto;
    margin-right: 0.5em;
    padding: 0em 1em;
    text-decoration: none;
    text-transform: none;
    font-weight:bold;
}
#portal-globalnav li.selected a {
    /* The selected tab. There's only one of this */
    background-color: #DAE3E8;
    border-bottom: 1px solid #DAE3E8;
}
#portal-globalnav li a:hover {
    background-color: #DAE3E8;
}
#portal-globalnavThesaurus {
    /* Navigational Plone Tabs(tm), implemented by customizing the a tag - they are surprisingly elegant. The power of CSS runs strong in these :) */
    background-color: transparent;
    border-collapse: collapse;
    border-bottom:solid 1px #CDCECA;
    padding: 0.5em 0em 0em 2em;
    white-space: nowrap;
    list-style: none;
    margin: 0;
    height: auto;
    width:80%;
    line-height: normal;
    margin-left:4px;
    margin-bottom:5px;
    font-size:11px;
    
}
#portal-globalnavThesaurus li {
    display: inline;
}
#portal-globalnavThesaurus li a {
    /* The normal, unselected tabs. They are all links */
    background-color: #F3F3DD;
    border-color: #CDCECA;
    border-width: 1px; 
    border-style: solid solid none solid;
    color: #555555;
    height: auto;
    margin-right: 0.5em;
    padding: 0em 1em;
    text-decoration: none;
    text-transform: none;
    font-weight:bold;
}
#portal-globalnavThesaurus li.selected a {
    /* The selected tab. There's only one of this */
    background-color: #DAE3E8;
    border-bottom: 1px solid #DAE3E8;
    font-style: italic;
    
}
#portal-globalnavThesaurus li a:hover {
    background-color: #DAE3E8;
}
#subglobalnav {
    /* Navigational Plone Tabs(tm), implemented by customizing the a tag - they are surprisingly elegant. The power of CSS runs strong in these :) */
    background-color: #DAE3E8;
    border-collapse: collapse;
    border-top: #CDCECA 1px solid;
    border-left: #CDCECA 1px solid;
    border-right: #CDCECA 1px solid;
    padding: 0.1em 0em 0.3em 0.5em;
    white-space: nowrap;
    list-style: none;
    margin: 0em 0em 0em 0em;
    height: auto;
    width:980px;
    line-height: normal;
    text-align:left;
}
#subglobalnav li {
    display: inline;
    background-color: transparent;
    border-color: #CDCECA;
    border-width: 0px; 
    border-style: none none none solid;
    color: #555555;
    height: auto;
    margin-right: 0.5em;
    text-decoration: none;
    font-size: 100%;
}
#subglobalnav li a {
    /* The normal, unselected tabs. They are all links */
    background-color: transparent;
    border-color: #f4823f;
    border-width: 0px; 
    border-style: none none none solid;
    color: #555555;
    height: auto;
    margin-right: 0.5em;
    text-decoration: none;
    font-size: 100%;
}
#subglobalnav li.selected a {
    /* The selected tab. There's only one of this */
    background-color: transparent;
    color: #555555;
    font-weight: bold;
    text-decoration: none;
    font-style: italic;	
}
#subglobalnav li a:hover {
    color: #555555;
    font-weight: bold;
    font-style: italic;
}
#headerContribution td{
    background:url('http://www.ga-media.org/CR2MSiteImages/headerContrib.gif') top repeat-x;
    color:white;
    text-align:center;
    border-left:solid 1px #CDCECA;
    border-bottom:solid 1px #CDCECA;
    font-size:12px;
    font-weight:bold;
    height:21px;
}

#noHeaderContribution {
    background:transparent ! important;
    text-align:center;
    vertical-align: top;
    font-size:12px;
    font-weight:bold;
    border:none ! important;
}

#helpThesaurusAdd {
    color:black;
    width:250px;
    border: solid 1px black;
    margin-left: 25px;
    padding: 5px;
}

#subHeaderContribution td{
    background-color:#F0F2D6;
    color:#000000;
    text-align:center;
    border-top:solid 1px #CDCECA;
    border-bottom:solid 1px #CDCECA;
    font-size:11px;
    font-weight:bold;
    height:15px;
}
#displayContribution td{
    background-color:white;
    font-size:9px;
    padding:1em;
    text-align: left;
}
#displayContribution .depot td { 
    padding:0em;
 }
#displayContribution td a { 
    text-decoration:none;
}
#traitementCadreGeneralTrait { 
    border-left:solid 1px #CDCECA;
    border-bottom:solid 1px #CDCECA;
    margin-left:0px;
    margin-bottom:-5px;	
    width:150px;
    height:15px;
    text-align:center;	
    padding-top:5px;
 }
#traitementCadreGeneral { 
    border-left:solid 1px #CDCECA;
    border-right:solid 1px #CDCECA;
    border-bottom:solid 1px #CDCECA;
    margin-left:0px;
    margin-bottom:0px;	
    width:105px;
    height:10px;
    text-align:center;	
    padding-top:5px;
 }
#traitementCadreGeneral li {
    display:inline;
    height:5px;	
    width:auto;
    border-top:solid 1px #CDCECA;
}
#traitementCadreGeneralTrait .interieur-attente{ 	
    margin-top:4px;
    background:url('http://www.ga-media.org/CR2MSiteImages/attente_gris.gif') center repeat-x;
 }
#traitementCadreGeneral .interieur-attente{ 	
    margin-top:4px;
    background:url('http://www.ga-media.org/CR2MSiteImages/attente_gris.gif') center repeat-x;
 }
#traitementCadreGeneral .interieur-encours{ 	
    margin-bottom:-5px;
    margin-left:-42px;
    width:auto;
    background:url('http://www.ga-media.org/CR2MSiteImages/encours_orange.gif') center repeat-x;
 }
#traitementCadreGeneral .interieur-encoursAlone { 	
    margin-left:-42px;	
    padding-left:35px;
    width:200px;
    padding-right:35px;
    background:url('http://www.ga-media.org/CR2MSiteImages/encours_orange.gif') center repeat-x;
 }
#traitementCadreGeneral .interieur-traite { 
    margin-left:-3px;	
    margin-bottom:-5px;
    background:url('http://www.ga-media.org/CR2MSiteImages/traite_bleu.gif') center repeat-x;
 }
#traitementCadreGeneral .interieur-valide { 
    margin-left:-42px;	
    padding-left:31px;
    padding-right:31px;
    background:url('http://www.ga-media.org/CR2MSiteImages/valide_vert.gif') center repeat-x;
 }
.editRessource { 
    padding:5px;
    width:550px;
    height:150px;
    background-color:#EBE9E5
}
#frame { 
    height:530px;
    overflow:scroll;
   margin-left:20px;
 }
.editMotsCles { 
  display:none;
  border:solid 1px #8cacbc;
  padding:5px;
  width:538px;
  height:200px;
  background-color:#EBE9E5
 }
.boutonTraiter { 
  margin-top:15px;
  margin-left:-1px;
}
#userInfo { 
  border:1px solid #CDCECA;
  width:980px;
  height:auto;
  margin-top:-2px;
  background-color:#DAE3E8;
  text-align:left;
  padding:5px 0 5px 5px;
  font-size:14px;
 }
#editCR2MNav { 
  width:998px;
  margin-top:40px;
 }
 
 
#editCR2M {
  border:1px solid #CDCECA;
  width:980px;
  background-color:#DAE3E8;
  text-align:left;
  padding-left:16px;
  padding-bottom: 5px;
}

.selectAndDeselect { 
  color: #555555;
 }
.afficheMode { 
  border-right:solid 1px #CDCECA;
 }
.afficheModeLast { 
 }
#modeAffichagePanier { 
  margin-top:10px;
  margin-bottom:0px;
 }
#displayResultInPanierVD { 
  margin-top:-25px;
}
#displayResultInPanierD { 
  margin-top:-21px;
 }
#displayResultInPanierV { 
  margin-top:-25px;
  margin-left:30px;
 }
.publishPublicationTDWidth { 
  width:80%;
 }
.publishTDWidth { 
  width:10%;
 }
.closeStyle {
   float:right;
   margin-top:-10px;
   margin-right:5px;
}
.centerTextSizeFont { 
  font-family:verdana;
  font-size:13px;
 }

#textNews {
  position:absolute;
  margin-top:328px;
  margin-left:80px;
  height:63px;
  width:310px;
  font-size:10px;

  }

#centerText {
  text-align:justify;
  position:absolute;
  z-index:100;
  width:200px;
  padding:2px;
  margin-top:50px;
  margin-left:280px;
}

#bodyImage { 
  margin-top:2px;
 }

.kupu-toolboxes {
  display: none;
  width: 0px;
}

.kupu-editorframe {
	width: 100%;
	
}

.kupu-spellchecker {
  display: none;
}

.reportHeader {
  font-size:12px;
  color:#993300;
  border-left:solid 1px white;
  border-top:solid 1px white;
  border-right:solid 1px rgb(205, 206, 202);
  border-bottom:solid 1px rgb(205, 206, 202);
  background-color:rgb(242, 239, 183);
}
.reportBody {
  font-size:12px;
  color:#000000;
  border-left:solid 1px white;
  border-top:solid 1px white;
  border-right:solid 1px rgb(205, 206, 202);
  border-bottom:solid 1px rgb(205, 206, 202);
  background-color:rgb(236, 233, 213);
}

.reportBody2 {
  font-size:10px;
  color:#000000;
  border-left:solid 1px white;
  border-top:solid 1px white;
  border-right:solid 1px rgb(205, 206, 202);
  border-bottom:solid 1px rgb(205, 206, 202);
  background-color:rgb(236, 233, 213);
}
.reportBodyInverse {
  font-size:12px;
  color:#000000;
  border-right:solid 1px white;
  border-bottom:solid 1px white;
  border-left:solid 1px rgb(205, 206, 202);
  border-top:solid 1px rgb(205, 206, 202);
  background-color:rgb(236, 233, 213);
}
.ombre {
  float:left;
  clear:left;
  background: url('http://www.ga-media.org/CR2MSiteImages/ombre.png') no-repeat bottom right;
  margin: 10px 0 0px 10px !important;
  margin: 10px 0 10px 5px;
  padding: 0px;
  }
.boite {
  background: lightblue;
  position:relative;
  bottom:6px;
  right: 6px;
}
.boiteTxt {
  padding:4px;
}
.formHelp {
  font-size: 100%;
  color: #76797c;
  margin: 0 0 1em 0;
  text-decoration:none;
}
.formHelp:hover {
  color: Black;
  cursor: default;
}
fieldset {
	background-color:#ffffff;
	margin-right:20px;
	border:solid 1px #8cacbb;
	padding:10px;
}

.abstract {
	border:none;
}

#newsBody {
	z-index:1;
	margin-top:0px;
}
#userinfos {
	position:absolute;
	background:url(CR2MSiteImages/userInfosWidget.png) no-repeat top;
	top:20%;
	left:25%;
	z-index:1000;
}




/* CSS du div autoComplete dans la recherche*/

div.auto_complete {
    width:300px ! important;
    min-width:100px ! important;
    max-height: 200px ! important;
    font-size:10px ! important;
    background: black ! important;
    border:1px solid white ! important;
    overflow: auto ! important;
    padding-right:0px ! important;
    padding-left:0px ! important;
    margin: 0px 0px 0px 0px ! important;
    color: white;
}

div.auto_complete ul {
    margin:0px 0px 0px 2px;
    padding:0;
    width:98%;
    list-style-type:none;
}

div.auto_complete ul li {
    background-color: black;
    margin:0;
    padding:0px;
    width:100%;
    cursor:pointer;
}

div.auto_complete ul li.selected {
    background-color: grey ! important;
    font-weight:bold;
    font-style:italic;
    width:100%;
}

/* this one seems to not affect our usage */
div.auto_complete ul strong.highlight {
    color: white;
    font-weight:bold;
    margin:0;
    padding:0;
    width:100%;

}


/* AFFICHAGE DE LA TABLE DES RESULTATS */
#xmlFinderTableResults {
width:100%;
}

.resultLine {
    vertical-align: top;
}

.firstResultCell{
height:100% ! important;
border: solid 0px red;
background-color:#EFEFEF;
margin: 25px;
width: 30%;
}

.secondtResultCell {
width: 30%;
height:100% ! important;
border: solid 0px blue;
background-color:#EFEFEF;
margin: 25px;
}

.individualTableResult {
margin-right:3px;
margin-bottom:2px;
width:98%! important;
height:100% ! important;
background-color:#EFEFEF;
text-align: left ! important;
border: solid 0px green;
}

.resultTabTR {
    height:100%! important;
    text-align: left ! important;
}

.resultTabTDImg {
height:100%! important;
}

.resultTabTDDesc {
height:100%! important;
text-align: left ! important;
}

.font12Bold {
font-size: 12px;
font-weight: bold;
}

.font10Bold {
font-size: 10px;
font-weight: bold;
}

.cellInformation{
background-color: #FFFFFF;
border: solid 1px black;
text-align:center;
vertical-align:center;
}