/* CSS Document */
/*******************************************************************************************************
cette feuille de style :
	construit la structure générale des pages 
/********************************************************************************************************/


/* INIT
/*-----------------------------------------------------------------------------------------------------*/

body {
	margin:auto;
	text-align:center;
	color: #6c4a4b;
	padding:0;
	background:#C8BDBD url(../img/bg-body.gif) repeat-x;
}


* {background-repeat:no-repeat;}

.left {float:left;}
.right {float:right;}
.spacer, .clear{clear:both!important; height:1px!important; font-size:0px!important; margin:0!important; padding:0!important}


.invisible{display:none;}
#contenu hr{background: url(../img/hr.gif) no-repeat;height:20px;}

/* SKIPLINK
/*-------------------------------------------------------------------------------------------------------*/

ul#skiplink{position:absolute; top:-1000px; left:-1000px; background-color:#000000; margin:0; padding:0; z-index:1000;}
ul#skiplink li { list-style-type : none; position:absolute; top:0;}
ul#skiplink li a {position:absolute; top:-1000px; left:-1000px; display:block; color:#000000; font-weight:bold; padding:0.6em;}
ul#skiplink li a:focus, ul#skiplink li a:active { top:0px; left:0px; background-color:#FFFF00}
	
	
/* LANGUE
/*-------------------------------------------------------------------------------------------------------*/

#lang{position:absolute;margin-left:781px; top:0;width:135px;  margin:0; padding:0; margin-left:784px; padding:5px 10px 5px 35px; font-size:10px}
.english{background:#953c94 url(../img/bg-lang-en.gif) no-repeat;}
.french{background:#953c94 url(../img/bg-lang-fr.gif) no-repeat;}
#lang a{ color:#fff; text-decoration:none}
#lang a:hover{text-decoration:underline}

/* STRUCTURE des BLOC CONTENEUR PRINCIPAUX
/*-------------------------------------------------------------------------------------------------------*/

#global2 { background:url(../img/bg-global2.gif) no-repeat top center;
 }
 
.anglais #global2 { background:url(../img/bg-global2-en.gif) no-repeat top center;}

#global {
	position:relative;	
	margin:0 auto 0 auto;
	text-align:left;
	width:980px;
}

#corps{
		background:#ffffff url(../img/bg-corps.gif) repeat-x;
		padding:25px 15px 15px 0px;
	}

.accueil #corps{
		background:#F0ECEA url(../img/bg-corps-HP.gif) repeat-x;
		padding:25px 15px 15px!important;
	}
#contenuEtNav{ width:774px; float:left; margin-right:10px;}
.accueil #contenuEtNav{ width:749px!important; float:left; margin-right:20px!important;}

#contenu{ width:555px; float:right; margin-right:10px;}
.accueil #contenu{ width:500px!important; float:left!important; margin-right:20px}
#navigationNiveau2{width:190px; padding:0;}
#colonneInfos{ width:208px; padding:0 10px; float:left;}
#colonneDroite{ width:180px; float:left;}


#navigationNiveau2Contenu ul{width:190px;padding:0!important;margin:0!important;}
#navigationNiveau2Contenu li{padding:0;list-style:none;display:block;}

#navigationNiveau2Contenu a{
	color:#6c4a4b;
	text-decoration:none;
	display:block;
	background:url(../img/bg-niveau2.gif) no-repeat;
	display:block;
	padding:5px 5px;
}

#navigationNiveau2Contenu a:hover{
	color:#eb8725;
	background:url(../img/bg-niveau2-hover.gif) no-repeat;
}
#navigationNiveau2Contenu li a.on{color:#FFFFFF;text-decoration:none;background:url(/fileadmin/comexposium/templates/img/bg-niveau2-on.gif) no-repeat;display:block;}


#navigationNiveau2Contenu li li a span {padding-left:10px;}


/* ENTETE */
/* ------------------------------------------------------------------------------------------------------- */

#entete {	
	/*background:#fff url(../img/bg-header.gif) no-repeat;*/ height:201px;
}

#entete a{ text-decoration:none}

#entete  #accessibilite a{}

#logo {}
#entete h1 {margin:0}
#entete h1 span{}


#flash{ position:absolute; top:0}


/* CHEMIN */
/* ------------------------------------------------------------------------------------------------------- */
#chemin {color:#333; padding:0.75em; border-bottom:1px solid #ccc}
#chemin h2{ display:inline; margin:0; padding:0; color:#333; font-weight:bold; font-size:1em; }
#chemin a {color:#666;  text-decoration:none;border:none  }
#chemin a:hover {text-decoration: underline; background:none!important; color:#000000!important}
#chemin p, #chemin div {padding:0;margin:0;}
#cheminContenu{}


#outilsIcon{width:90px; float:right; text-align:right; padding:0; padding-bottom:0.5em; margin:0; position:relative; top:-18px}
#outilsIcon img{ margin-left:5px;}
#outilsIcon a{ padding:0!important;text-decoration:none!important;}


/* RECHERCHE */
/* ------------------------------------------------------------------------------------------------------- */
#recherche {position:absolute; top:139px; margin-left:781px; z-index: 100;  text-align:left; background:url(../img/bg-rechercher.gif) no-repeat; width:163px; height:32px; padding:30px 10px 0}
.anglais #recherche{background-image:url(../img/bg-rechercher-en.gif)}
#recherche form, #recherche p {margin:0; padding:0; z-index: 50;}
#recherche p { white-space:nowrap}
#recherche #sword {color:#EA8326}
#recherche input {border:0;padding:0.2em 0; background:#fff; font-weight:bold; vertical-align:middle}
#recherche input.rechercheOK{ background:none; padding:0; margin:0}

/* HAUT DE PAGE */
/* ------------------------------------------------------------------------------------------------------- */
#hautDePage{ text-align:center; border-top:1px solid #ccc; padding:10px 0 0 0; clear:both; display:none}
#hautDePage a{ color:#999999!important; text-decoration:none}

/* PIED DE PAGE */
/* ------------------------------------------------------------------------------------------------------- */
#piedDePage{clear:both;  color:#666; margin:auto; text-align:center; padding:5px 0 40px; width:980px}
#piedDePage a {color:#644243; text-decoration:none;}
#piedDePage a:hover {text-decoration:underline;}
#piedDePage p {margin:10px 0;}	
#piedDePage #copyright{}
#piedDePage #bigFooter{ text-align:left}
#piedDePage #bigFooterContenu{ background:url(../img/bg-bigfooter.gif) repeat-x; padding-top:10px;   position:relative; top:-1em;}
#piedDePage #bigFooterContenu ul{float:left; width:130px; margin:0; text-align:left; list-style-type:none; margin-right:10px; font-size:80%;}
#piedDePage #bigFooterContenu ul.alt a{color:#876e67;}

#piedDePage h3{ color:#822a90; font-size:100%; font-family:Arial, Helvetica, sans-serif; text-align:left; font-weight:bold; padding-left:15px; background:url(../img/puce-h3-pied.gif) no-repeat;  position:relative; top:-2em; display:inline;}


/* OUTILS */
/* ------------------------------------------------------------------------------------------------------- */
#outils {margin:10px 0; padding:0; list-style-type:none; font-weight:bold; text-align:right;}
#outils li {display:inline; padding:0; margin:0;}




  
 
/* colonne droite + colonneInfos
/* -----------------------------------------------------------------------------------------------------*/

#colonneDroite ul, #colonneInfos ul { list-style-type:none; margin:0}
#colonneInfos h2{ margin:0}

/* -----------------------------------------------------------------------------------------------------*/
#colonneDroite .box{ padding:10px; border:1px solid #ede8e6; background:#fff url(../img/bg-box-colonneDroite.gif) repeat-x bottom}

#colonneDroite h2{ margin-bottom:0.5em;}

#colonneDroite a{color: #876e67; text-decoration:none}
#colonneDroite a:hover{color:#ed8d26}

#colonneDroite li{ background:url(../img/puce-orange.gif)  no-repeat 0px 5px; padding-left:15px}
#colonneDroite .jesouhaites li{ background:url(../img/puce-violette.gif)  no-repeat 0px 5px; padding-left:15px}
#colonneDroite .jesouhaites a:hover{ color:#990066}



/* -----------------------------------------------------------------------------------------------------*/

#colonneInfos { background:#462425 url(../img/bg-colonneInfos.gif) repeat-x; color:#dad4d4;}
#colonneInfos ul{ margin-bottom:1em}
#colonneInfos li{ background:url(../img/puce1-colonneInfo.gif)  no-repeat 0px 5px; padding-left:15px}
#colonneInfos li li{ background:url(../img/puce2-colonneInfo.gif)  no-repeat 0px 5px; padding-left:15px}

#colonneInfos strong{color:#fff; font-size:110%}

#colonneInfos a{ color:#ed8d26; text-decoration:none}
#colonneInfos a:hover{ text-decoration:underline}
.savoirPlus{ text-align:right}
.savoirPlus a{ background:url(../img/puce-plus-marron.gif) no-repeat left; padding-left:17px}



/* FORMATAGE DES LISTES GENERIQUES
/* ------------------------------------------------------------------------------------------------------- */
#contenu .list{ padding-bottom:1em;}
#contenu .list ul{list-style-type:none;margin:0;padding:0;}
#contenu .list p{margin:0!important;padding:0!important;}	
#contenu .list li{padding:10px;border:1px solid #ccc;clear:both; margin-bottom:10px;}
#contenu .list li:first-child{}

#contenu .list .listLien{  font-weight:bold}
#contenu .list h3, #contenu .list h4{ margin:0}
#contenu .list .image, #contenu .list img{ width:60px; height:70px; overflow:hidden; margin:0 10px 0 0!important; float:left; background:#e4e4e4}
#contenu .list .texte{float:left; width:210px;}
#contenu .list img{}

.accueil #contenu .list img{float:right;width:110px; height:70px;margin:0 0 10px 10px!important;padding:2px;border:1px solid #999999}


#contenu .list div.premier{border:0; padding-top:0; background:#ebedef; padding:10px; border:4px solid #d0d6d9; border-width:4px 0;}
#contenu .list div.premier img{float:left; margin:0 10px 5px 0}

#contenu .list .theme{ text-transform:uppercase; color:#999999;margin:0;/* display:inline*/}
#contenu .list .date{ color:#000000; font-weight:bold}
#contenu .list a{ font-family:"trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold}


/* POUR FAIRE 2 COLONNES*/
#contenu .list .colonnage1, #contenu .list .colonnage2 {float:left; width:248px; display:inline}
#contenu .list .colonnage1 {clear:left;}
#contenu .list .colonnage2 {margin-left:10px; float:right; clear:right}



#contenu #publication ul{margin: 0 0 10px 0;padding:0;}
#contenu #publication li {list-style:none;margin: 0 0 20px 0;}
#contenu #publication img{float:left;margin: 0 10px 0 0;}


/*-------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/
/* MODULES PARTICULIERS
/*-------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/



/* AGENDA
/*-------------------------------------------------------------------------------------------------------*/

#contenu #agendaConteneur {text-align:center;}
#contenu .tx-artificaagenda-pi1 {} 
#contenu .tx-artificaagenda-pi1 .calendar {text-align:center;color:#ccc;}
#contenu .tx-artificaagenda-pi1 .calendar h2 {}
#contenu .tx-artificaagenda-pi1 .calendar table {background-color:#999;}
#contenu .tx-artificaagenda-pi1 .calendar table caption {background-color:#006699; color:#fff; padding:3px;}
#contenu .tx-artificaagenda-pi1 .calendar table caption a {display:inline; background:none; color:#fff}
#contenu .tx-artificaagenda-pi1 .calendar table caption a:hover {display:inline; background:none; color:#fff}
#contenu .tx-artificaagenda-pi1 .calendar table a{ display:block;color:#999;padding:0.4em ; border:none}
#contenu .tx-artificaagenda-pi1 .calendar table a:hover {color:#000;background:#e4e4e4}
#contenu .tx-artificaagenda-pi1 .calendar td {background-color:#fff;text-align:right;padding:1px}
#contenu .tx-artificaagenda-pi1 .calendar th {background-color:#e4e4e4; color:#333;text-align:center;padding:1px}	

#contenu .tx-artificaagenda-pi1 .calendar .cal-today a{background-color:#999;color:#fff; }
#contenu .tx-artificaagenda-pi1 .calendar .cal-semaine {background-color:#e4e4e4;}
#contenu .tx-artificaagenda-pi1 .calendar .cal-selected a{background-color:#cc0000;color:#000000;}

#contenu .tx-artificaagenda-pi1 .listrow .listrow {}
#contenu .tx-artificaagenda-pi1 .listrow h2 {margin:30px 0px 5px 0px; padding:0px 0px 3px 0px; color:#CC0000; border-bottom:2px solid #ccc;}
#contenu .tx-artificaagenda-pi1 .listrow .date {color:#000000; font-weight:bold}
#contenu .tx-artificaagenda-pi1 .listrow a {font-weight:normal;}

/* EMPLOI
/*-------------------------------------------------------------------------------------------------------*/
#contenu .tx-artificaofferemployment-pi1 .list li{background-color:#ebedef!important; color:#000000}
#contenu .tx-artificaofferemployment-pi1 .list li:hover{background-color:#FFFFFF!important; color:#000000}
#contenu .tx-artificaofferemployment-pi1 .list li .panier{float:right;margin-left:10px;}

/* METEO
/*-------------------------------------------------------------------------------------------------------*/

#contenu .tx-artificaweather-pi1 .day{
	height:150px;
	border:1px solid #CCCCCC;
	float:left;
	margin-right:5px;
	margin-bottom:5px;
	padding:3px;
}
#contenu .tx-artificaweather-pi1 .day .libelle{background-color:#CCCCCC;font-weight:bold;color:#000000;text-align:center; } 
#contenu .tx-artificaweather-pi1 img{float:left;margin-right:5px;}
#contenu .tx-artificaweather-pi1 .tmp{font-weight:bold;}

/* VIDEO */
/* ------------------------------------------------------------------------------------------------------- */
.tx-artificaviewervideos-pi1 .list h2 span{display:none}
.tx-artificaviewervideos-pi1 .list ul{margin:10px 0 0 0;padding:0;}
.tx-artificaviewervideos-pi1 .list li{padding:10px 10px 10px 0;list-style-type:none!important;clear:both;}

.tx-artificaviewervideos-pi1  #player{/*float:right;margin-left:10px;margin-right:5px;*/}
.tx-artificaviewervideos-pi1 #videoPlayer{border-top:1px solid #b19f51; border-bottom:1px solid #b19f51; background-image:url(../img/fond-video.gif); background-repeat:repeat-x;padding:5px;}
.tx-artificaviewervideos-pi1 #videoPlayer .lien{border:1px solid #999999;background-color:#FFFFFF; height:15px;padding:3px;color:#999999;}
.tx-artificaviewervideos-pi1 #videoPlayer .permalien{color:#b19f51!important;font-weight:bold;}
.tx-artificaviewervideos-pi1 .list .libelle{color:#999999;}
.tx-artificaviewervideos-pi1 #videoPlayer .libelle{color:#333333;font-weight:bold}


#div-artifica-editBar {background:#C2C2C2; clear:both;}
#div-editBar {background:#C2C2C2; clear:both;}

/*-------------------------------------------------------------------------------------------------------*/
/* PLAN DU SITE -----------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/

#contenu #colonneNormal .csc-sitemap a:visited{ color:#842B91}

#contenu .csc-sitemap ul{
	padding:0;
	margin:0;
	list-style-type:none;
}

#contenu .csc-sitemap a{
	text-decoration:none;
}
#contenu .csc-sitemap a:hover{
	text-decoration:none;
}

#contenu .csc-sitemap li{
	list-style-type:none;
	list-style:none;
	background:none;
}
#contenu .csc-sitemap li a{
	font-weight:bold;
	font-size:120%;
	display:block;
	margin:20px 0 10px 0;
	border-bottom:1px solid #ccc;
	padding:0;
	color:#842B91;
}
#contenu .csc-sitemap li ul {
	margin: 0 20px
}
#contenu .csc-sitemap li li {
}

#contenu .csc-sitemap li li a{
	font-size:100%;
	font-weight:normal;
	margin: 6px 0 3px 5px;
	background:none;
	display:inline;
	border:none;
	text-decoration:underline;
	color:#EA8425;
	
}

#contenu .csc-sitemap li li a:hover { text-decoration:none; }
#contenu .csc-sitemap li li a:visited { color:#3399CC}

#contenu .csc-sitemap li li ul {
	margin: 5px 20px
}
#contenu .csc-sitemap li li li{
	list-style-type:circle;
}
#contenu .csc-sitemap li li li a{
}

#contenu .csc-sitemap li li li li a{
	font-size:80%;
}
/*-------------------------------------------------------------------------------------------------------*/
/* tt_news -----------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/
#tt_news h2{background:url(/fileadmin/comexposium/templates/img/bg-tt_news-header.gif) repeat-x;text-align:right;padding:2px 10px 10px 5px;}
#tt_news .item{border-bottom:1px solid #f0ebe9; padding:1em 0}
#tt_news .item h3{color:#832b91; font-weight:bold; margin-bottom:0}
#tt_news .item p{ float:right}
#tt_news .item a{
	float:right;background:url(/fileadmin/comexposium/templates/img/puce-plus-blanc.gif) no-repeat 0px 2px!important;
	padding-left:20px!important;
	text-decoration:none;
}
#SelectCategory span{}
#SelectCategory span a{text-decoration:none;}
#SelectCategory span a:hover{ background:#e4e4e4;}
#SelectCategory span.on a{ padding:2px 3px; background:#b1539f url(../img/bg-degrade.gif) repeat-x bottom; color:#e6cee4!important}
#contenu #gallerie li{ float:left; border:1px solid #e3deda; background:none; list-style-type:none; margin: 0 10px 10px 0; padding:10px; height:150px; display:table-cell; vertical-align:middle}