/*************************************************************/
/***** FEUILLE DE STYLE CSS POUR LE CATALOGUE INTERACTIF *****/
/********* Mathieu COINGT - 3c-evolution - 2007/2008 *********/
/*************************************************************/


/**** Surcharge des balises ****/
* {
	/*overflow:hidden;*/
}
body {
	margin:0;
	padding:0;
	font-size:12px;
	font-style:normal;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	background-color:#fff;
	
	scrollbar-face-color: #827B6B; 
	scrollbar-shadow-color: #827B6B;
	scrollbar-highlight-color:#827B6B;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-track-color: #fff; 
	scrollbar-arrow-color: #FFFFFF;
}
a {
	color:#FFF;
	text-decoration:none;
	margin:0;
	padding:0;
}
a img {
	border:none;
}
img {
	margin:0;
	padding:0;
}
table {
	margin:0;
	padding:0;
}
form {
	margin:0;
	padding:0;
}
fieldeset {
	margin:0;
	padding:0;
}
legend {
	padding:5px 5px 5px 5px;
	border:2px #FFF solid;
}
/*************************************************************/

/**** Conteneurs principaux ****/
#mask {
	visibility:hidden;
	position:absolute;
	background-color:#000000;
	opacity:0.7;
  	filter:alpha(opacity=70);
	z-index:10;
	width:100%;
	height:618px;
	top:0;
	left:0;
}
#page {
	position:absolute;
	width:100%;
	height:618px;
	top:50%;
	margin:-308px 0 0 0;
	/*margin:-300px 0 0 0;*/
	padding:0;
	/*background-color:#FF0000;*/
}
#pageHaut {
	height:30px;
	background-image:url(../images/background-pageHaut.png);
	background-repeat:no-repeat;
	margin:0;
	padding:0;
}
#pageBas {
	height:12px;
	background-image:url(../images/background-pageBas.png);
	background-repeat:no-repeat;
	margin:0;
	padding:0;
}
#conteneurPrincipal {
	width:1000px;
	height:590px;
	margin:0 auto 0 auto;
	padding:0;
}
/*************************************************************/

/**** Bandeau Haut ****/
#bandeauHaut {
	width:980px;
	margin:0 auto 0 auto;
	padding:0;
	height:30px;
	visibility:hidden;
}
#blockLangues {
	float:left;
	width:170px;
	margin:10px 0 0 0;
	padding:0;
	font-size:0;
	text-align:center;
}
#blockLangues a {
	margin:0 10px 0 0;
}
#btnsToolsG {
	float:left;
	width:350px;
	height:30px;
	margin:0;
	padding:0;
	text-align:center;
	font-size:0;
}
#blockNumsPages {
	float:left;
	width:107px;
	height:24px;
	margin:0;
	padding:6px 0 0 0;
}
#numsPages {
	text-align:center;
	background-image:url(../images/fondNumsPages.png);
	background-repeat:no-repeat;
	width:78px;
	height:19px;
	color:#000000;
	font-weight:bold;
}
#btnsToolsD {
	float:left;
	width:350px;
	height:30px;
	margin:0;
	padding:0;
	text-align:right;
	font-size:0;
}
.menuDeroulant {
	position:absolute;
	visibility:hidden;
	background-image:url(../images/back-menu.png);
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	width:120px;
	height:79px;
	color:#333333;
	font-size:9px;
	text-align:justify;
	z-index:1000;
}
.menuDeroulant table {
	width:110px;
	margin:15px 0 0 5px;	
}
.menuDeroulant table td {
	vertical-align:top;
}
.menuDeroulant a {
	color:#333333;	
}
.menuDeroulant a:hover {
	text-decoration:underline;
}
#menuDrawning {
	 margin:-5px 0 0 230px;
}
#menuDrawning table {
	margin:20px 0 0 5px;	
}
#showDrawnings {
	display:none;
}
#menuPageSelection {
	 margin:-5px 0 0 285px;
}
#bandeauBas {
	width:980px;
	margin:0 auto 0 auto;
	height:12px;
	font-size:10px;
	font-style:italic;
	vertical-align:middle;
}
#bandeauBas a {
	color:#f568b3;
}
#bandeauBas a:hover {
	text-decoration:underline;
}

#menu-postit, #menu-outils{
	display:none;
	/*background-color:#FFFFFF;*/
	width:160px;
	/*margin-left:-20px;*/
	left:2px;
	top:-5px;
	z-index:900;
	position:relative;
	background-image:url(../images/efe/list-bg.png);
	background-position:bottom;
	background-repeat:no-repeat;
	padding-bottom:7px;
}

#menu-postit a, #menu-outils a{
	display:block;
	color:#333333;
	padding:2px;
}

#menu-postit a:hover, #menu-outils a:hover {
	background-color:#DBD2C1;
}

.btn-valider {
	cursor:pointer;
}
/*************************************************************/

/**** Bandeau Gauche ****/
#bandeauGauche {
	float:left;
	width:182px;
	height:590px;
	margin:0;
	padding:0;
	/*visibility:hidden;*/
/*	background-color:#0000FF;*/
}
#bandeauGauche #logo {
	text-align:center;
	height:100px;
}

#bandeauGauche #infosBandeauGauche {
	margin:5px 0 0 0;
	background-image:url(../images/efe/fd-bloc-vignette.png);
	width:182px;
	height:105px;
	text-align:center;
	background-color:#4f4a40;
}

#bandeauGauche #infosBandeauGauche a {
	display:block;
	width:182px;
	height:105px;
}

#bandeauGauche #infosBandeauGauche img{
	margin-top:5px;
}

#blockZoom {
	margin:15px 0 0 0;
	padding:0;
	display:none;
}
#blockFlashZoom {
	border:1px #FFFFFF solid;
	height:116px;
	margin:0;
	padding:0;
	text-align:center;
}
#blockSelectCat {
	margin:18px 0 0 0;
	padding:0;
}
#blockSelectCat select {
	width:165px;
}
#formSelectCat {
	margin:3px 0 0 0;
}
#blockRecherche {
	margin:18px 0 0 0;
	padding:0;
}
#navigation {
	margin:18px 0 0 0;
	padding:0;
	color:#000000;
	font-size:1px;
}
#contentNavig {
	overflow:auto;
	border:1px #FFFFFF solid;
	border-top:none;
	/*height:255px;*/
	height:415px;
	/*height:347px;*/
	margin:0;
	padding:0;
}
#vignettes {
	margin:5px 0 0 0;
	text-align:center;
	color:#FFFFFF;
}
#vignettes .miniatures td {
	width:64px;
	height:90px;
}
#goTO {
	margin:3px 0 0 0;
	padding:0;
}
#searchRef {
	display:none;
}


/*************************************************************/

/**** Contenu ****/
#contenu {
	float:right;
	width:808px;
	height:590px;
	margin:0;
	padding:0;
	background-image:url(../images/efe/img-de-fond.jpg);
	background-repeat:no-repeat;
}
#contenu #contenuHaut {
	height:40px;
	margin:0px 0 25px 0;
}

#contenu #contenuHaut .btnContenuHaut {
	float:left;
	min-width:30px;
	height:22px;/*25px total, moins 7px de padding*/
	margin:15px 0 0 3px;
	padding:0px 0 0 0px;
	background-repeat:no-repeat;
	cursor:pointer;
}
#contenu #contenuHaut #formContenuHaut {
	float:right;
	width:248px;
	margin-right:20px;
	margin-top:5px;
}
#contenu #contenuHaut #formContenuHaut td {
	vertical-align:bottom;
}
#contenu #contenuHaut #formContenuHaut input[type=text] {
	border:none;
}



#contenu #contenuHaut #formContenuHaut #champskeywords {
	width:97px;
	/*background-image:url(../images/efe/recherche.png);*/
	background-repeat:no-repeat;
	height:17px;
	text-align:center;
	margin-top:2px;
	border:none;
	position:relative;
	float:left;
}
#btnSearchText {
	float:left;
	margin-top:3px;
}

#contenu #contenuHaut #formContenuHaut #blockPagination, #contenu #contenuHaut #formContenuHaut #blockSearch {
	width:133px;/*135px total, moins 7px de padding*/
	height:39px;
	padding:0 0 0 4px;
	background-image:url(../images/efe/pagination.png);
	background-repeat:no-repeat;
	/*margin:0px 0 0 5px;*/
}
 #contenu #contenuHaut #formContenuHaut #blockSearch {
	background-image:url(../images/efe/recherche.png);
	background-repeat:no-repeat;
	width:127px;
 }

#contenu #contenuHaut #formContenuHaut #blockPagination #champschoixpage {
	width:55px;
	margin:2px 10px 0 5px;
	text-align:center;
	border:none;
	border: solid 0px #FFF;
	position:relative;
}

#contenu #zonework {
	height:525px;
}
#contenu #zonework #zoneworkgauche, #contenu #zonework #zoneworkdroite {
	float:left;
	/*width:25px;/*76px total, moins 30px de padding*/
	height:241px;/*464px total, moins 220px de padding*/
	/*padding:40px 15px 0 15px;*/
	width:29px;/*76px total, moins 30px de padding*/
	padding:40px 3px 0 2px;
	display:none;
	/*cursor:pointer;*/
}

#contenu #zonework #zoneworkgauche a, #contenu #zonework #zoneworkdroite a{
	display:block;
	margin-bottom:10px;
}

#contenu #zonework #zoneworkgauche .changepagebtn, #contenu #zonework #zoneworkdroite .changepagebtn
{
	margin-top:100px;
}
/*#contenu #zonework #zoneworkgauche:hover, #contenu #zonework #zoneworkdroite:hover {
	background-color:#fff;
	opacity:0.3;
	filter:alpha(opacity=30);
}*/
#contenu #zonework #zoneworkgauche {
	text-align:right;
}
#contenu #zonework #zoneworkmilieu {
	float:left;
	width:695x;
	/*height:499px;*/
	height:522px;
}
#contenu #zonework #zoneworkbas {
	
	height:16px;/*20px total, moins 4px de padding*/
	padding:4px 0 0 0;
	margin:3px 0 0 0;
	color:#FFFFFF;
	text-align:center;
	font-size:11px;
	background-color:#3F3C35;
	width:808px;
	overflow:hidden;
}

#zonework {
	position:relative;
}

#mp {
	position:absolute;
	top:-13px;
	left:34px;
	width:738px;
	/*margin-left:76px;*/
}

#mpG {
	float:left;
	width:369px;
	height:13px;
	overflow:hidden;
}
#mpD {
	float:right;
	width:369px;
	height:13px;
	text-align:right;
	overflow:hidden;
}
.tabMPG {
	display:inline;
	margin:0 5px 0 0;
	padding:0;
}
.tabMPD {
	display:inline;
	margin:0 0 0 5px;
	padding:0;
}
.txtMP {
	width:24px;
	height:13px;
	background-image:url(../images/efe/mp-droite.png);
	background-repeat:no-repeat;
	font-size:10px;
	text-align:left;
}
#contenuBas {
	height:571px;
	margin:0;
	padding:0;
	text-align:center;
	font-size:0;
}
#contenuSearch {
	height:546px;
	padding:15px 10px 10px 20px;
	text-align:left;
	display:none;
	overflow:auto;
}
#contenuSearch .miniatures {
	margin:5px 5px 5px 5px;
	text-align:center;
}

#postit-list, #mp-list, #search-results {
	position:absolute;
	z-index:15;
	width:738px;
	height:502px;
	top:-38px;
	left:34px;
	visibility:hidden;
}

#postit-list-content, #mp-list-content, #search-results-content {
	overflow:auto;
	width:738px;
	height:520px;
}

#search-results-content {
	color:#FFF;
}

#mp-list-content ul {
	list-style-type:none;
	margin:0;
	margin-left:30px;
	padding:0;
}

#mp-list-content ul li {
	float:left;
	padding:5px;
}

.num-page-center {
	width:64px;
	text-align:center;
	display:block;
}


.postit-list-page {
	margin-bottom:15px;
}

.postit-list-miniature {
	float:left;
}

.postit-list-ul {
	float:left;
	margin-left:10px;
}

.postit-list-ul li {
	list-style-type:none;
	background:url(../images/efe/puce-post-it.png) no-repeat;
	/*list-style-image:url(../images/efe/puce-post-it.png);*/
	height:25px;
	line-height:21px;
	padding-left:30px;
	color:#FFFFFF;
}

#maskPrint {
	position:absolute;
	visibility:hidden;
	z-index:15;
	width:808px;
	height:300px;
	top:-38px;
	left:77px;
}

#maskPrint div {
	float:left;
	width:328px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
}

#GmaskPrint, #DmaskPrint {
	margin:200px 0 0 0;
}

#maskEmailPage {
	position:absolute;
	visibility:hidden;
	z-index:15;
	width:808px;
	height:300px;
	top:-38px;
	left:75px;
}
#maskEmailPage div {
	float:left;
	width:328px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
}
#GmaskEmailPage, #DmaskEmailPage {
	margin:200px 0 0 0;
}

#maskPDFs {
	position:absolute;
	visibility:hidden;
	z-index:15;
	width:808px;
	height:300px;
	top:45px;
}
#maskPDFsContent {
	margin:200px;
	text-align:center;
}
#maskPDFsContent a {
	margin:0 20px 0 20px;
}
#maskPDFsLoading {
	margin:200px;
	text-align:center;
	display:none;
}
#maskMultiCat {
	position:absolute;
	/*visibility:hidden;*/
	display:none;
	z-index:15;
	width:808px;
	height:571px;
	top:45px;
	overflow:auto;
	overflow-x:hidden;
	word-wrap:break-word;
}
.maskMultiCatContentportrait {
	max-width:79px;
    width:79px;
	height:105px; 
    padding:0;  
    margin:0;
}
.maskMultiCatContentportrait img {  
    padding:5px 5px 5px 5px;
    border:1px solid #fff;
    background-color:#ccc;  
    width:64px; 
    height:90px;
	cursor:pointer;
}
.maskMultiCatContentpaysage { 
    width:143px;
	height:105px;  
    padding:0;  
    margin:0;
}
.maskMultiCatContentpaysage img {  
    padding:5px 5px 5px 5px;  
    border:1px solid #fff;  
    background-color:#ccc;  
    width:128px; 
    height:90px;
	cursor:pointer;
}
/*************************************************************/

/**** Autres ****/
.clearFloat {
	clear:both;
	height:0;
}
.miniatures {
	margin:3px auto 3px auto;
	font-size:10px;
	display:inline;
	color:#FFF;
	padding:5px;
}


#preloadIMG {
	visibility:hidden;
}
#loadSearchText, #loadSearchRef, #maLangue, #modeVisu, #resolution {
	display:none;
}
.lienPresentation {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weigth:bold;
}
#blockMedias {
	display:none;
}
/*************************************************************/
#blockEnvoiAmi {
	background-color:#827a6b;
	padding:20px;
}
#blockEnvoiAmi input[type=text], #blockEnvoiAmi textarea {
	width:200px;
}