﻿/* GENERAL */

#titrepage 
{
	background-image:url(../../img/master/slice52.gif); 
	background-repeat: no-repeat;	
	color:#FFFFFF;
	font-weight:bold;
	font-size:16px;
	padding-top:35px;
	padding-left:20px;
}

#soustitresite 
{
	background-image:url(../../img/master/slice16.gif); 
	background-repeat: no-repeat;	
	color:#FFFFFF;
	font-weight:bold;
	font-size:16px;
	padding-top:4px;
	padding-left:10px;
}
/* ---- Elements communs ---- */

/* Polices par défaut pour tous les tags standards */
BODY, TD, INPUT, SELECT, DIV, LI, UL,TEXTAREA {font-family : arial,helvetica; font-size: 12px;}

BODY
{
    margin: 0px;
    color: #000000;
    background-color: #FFFFFF;
    vertical-align:top;
    margin-top:5px;
}

A IMG {border:none;}
A {color:#000000;}

H1 
{ 				
	font-weight:bold;
	font-size:16px;
	margin:0px;
	padding-top:4px;
	padding-bottom:10px;
}
H2
{
	font-size:15px;
	font-variant:small-caps;
	font-weight:bold;
}
.ztxt A 
{
	text-decoration:underline;
	color:Blue;
}
.ztxt A:hover {font-weight:bolder;}
.adminmnu {float:none;}
/* ----- ENCADREMENT ----- */
TABLE.fullpage
{width:100%;			
}
TD.fullpage {height:100%;}
table.page {text-align:left;}
TD.entete
{
	background-image: url(../../img/cadre/entete.png);
	background-repeat: no-repeat;
	background-color: #E60003;
	width: 792px;
	height: 158px;
	vertical-align: top;
	text-align: left;	
}
DIV.entete {position:absolute;}
.entete #divlogo
{
	position: absolute;
	top: 38px;
	left: 38px;
	width: 135px;
	height: 90px;
	background-color: Transparent ;
	float:left;		
}
.entete #divlogo .logo 
{
	padding-top:25px;}
.entete #divhead
{
	position: absolute ;
	top: 25px;
	left: 227px;
	width: 540px;
	height: 100px;
	background-color: Transparent ;
	clear: none;
}
/* ----- Zone d'intitulé ----- */
DIV.fil
{
	position:relative;	
	float:right ;
	right:0px;
	top:0px;
	width:80%;
	
	margin-left:40px;
	border-left:solid 3px #9C949C;
	border-bottom:solid 3px #9C949C;
	background-color: #E60003;			
	color:White ;
	vertical-align:middle;	
	clear:none;
	overflow:auto;
	}
DIV.fil #filcontent { vertical-align:middle;line-height:24px;height:100%;}

DIV.fil A 
{	
	color:White;
	text-decoration:underline;
	font-size:1.2em;
	font-weight:bold;
}
/* ----- Arrondis ----- */	
DIV.arhg
{
	background-image:url(../../img/cadre/ar_HG.png);
	background-repeat:no-repeat ;
	height:44px;
	width:44px;
	position:relative; left:-4px; top:-4px;
}
DIV.arbg
{
	background-image:url(../../img/cadre/ar_BG.png);
	background-repeat:no-repeat ;
	height:44px;
	width:44px;
	position:relative; left:-4px; bottom:-4px;
	float:left;
}
DIV.arhd
{
	background-image:url(../../img/cadre/ar_HD.png);
	background-repeat:no-repeat ;
	height:44px;
	width:44px;
	position:relative; right:-4px; top:-4px;
	float:right;
}
DIV.arbd
{
	background-image:url(../../img/cadre/ar_BD.png);
	background-repeat:no-repeat ;
	height:44px;
	width:44px;
	position:relative; right:-4px; bottom:-4px;
	float:right;
}
			
/* ----- Zone centrale ----- */	
TR.millieu 
{ 
	background-color: #E60003;
	vertical-align:top;
}
.millieu TD.marge
{	
	background-color: #E60003;
	width:20px;	
}
/* ----- Zone de menu ----- */
.millieu TD.menu
{	background-color: #E60003; 
	border-right:none;}
.millieu .menu TABLE
{	background-color:white;}

.millieu .menu TD.gauche
{
	width:159px;	
	border-right:none;
	border-left:solid 4px #9C949C;
	border-top:solid 4px #9C949C;
	border-bottom:solid 4px #9C949C;
	vertical-align:top;
}
.millieu .menu TD.droite
{
	width:25px;	
	border-right:none;
	border-top:solid 4px #9C949C;
	background-color:#9C949C;
	vertical-align:top;
}
.millieu .menu .bas TD.gauche
{
	border-top:none;
}
.millieu .menu .bas TD.droite 
{
	vertical-align:bottom;
	border-bottom:solid 4px #9C949C;
	background-color:white;
	border-top:none;
}
.menu .haut DIV.arhd
{
	background-image:url(../../img/cadre/menu_HD.png);
	background-repeat:no-repeat ;
	height:88px;
	width:25px;
	position:relative; right:0px; top:0px;
	float:right;
}
.menu .haut DIV.arbg
{
	background-image:url(../../img/cadre/menu_arBG.png);
	background-image:none;
}

.menu .bas DIV.arbd
{
	background-image:url(../../img/cadre/menu_arBD.png);
	background-image:none;
	background-repeat:no-repeat ;	
	background-color:White;	
	height:36px;
	width:25px;
	right:0px; bottom:0px;
	float:right;
}


/* ----- Zone centrale----- */
.millieu TD.centre
{
	width: 556px;
	background-color: white;		
	border-left:solid 4px #9C949C;
	border-right:solid 4px #9C949C;
	border-top:solid 4px #9C949C;
}
.millieu DIV.centre 
{
}
.millieu DIV.corps
{
	display:block;	
	clear:both;	
	margin-left:8px;
	margin-right:8px;	
}
/* ----- Pied de page ----- */
.pied TD.marge
{	
	background-color: #E60003;
	width:20px;	
}
.pied TD.gauche
{
	background-color: #E60003;
}
.pied .gauche DIV.arbg
{
	background-image:url(../../img/cadre/page_arBG.png);
	bottom:0px;
	left:0px;
}
.pied TD.droite 
{
	border-left:solid 4px #9C949C;
	border-right:solid 4px #9C949C;
	border-bottom:solid 4px #9C949C;
	border-top:solid 2px #9C949C;
}
.pied .pp
{
	padding-top:3px; 
	text-align:center;
	font-size:11px;	
}
.pied TD.sspied 
{
	height:20px;
	background-color: #E60003;
}
/* ----- Menu principal ----- */
.menu A, .menu SPAN {text-decoration:none;font-weight:bold;font-size:14px;letter-spacing:1px;}
.menu A:hover {text-decoration:underline;}
.haut #menu 
{
	padding-left:8px;
	padding-right:8px;
}
.menu UL
{
	list-style: none none outside;
	text-indent:0px;
	margin:0px; 
	padding-left:0px;		
}
.menu .niv1 LI 
{	
	margin-top:10px;
	background-color:#E60003;
	padding-left:0px;
	padding-top:2px;		
}
.menu .niv1 SPAN {color:white;padding-left:5px;}
.menu .niv2 A {color:#3F3F3F;padding-left:0px;}
.menu .niv2 LI 
{
	background-color:White;
	margin-top:0px;
}
.menu .niv3 LI 
{
	background-image: url(../../img/picto/bottomplus.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:18px;
}
/*
.menu UL A {color:#043659;}
.menu UL UL A {color:#CD3D3D;}
.menu UL UL UL A {color:#048D9D;}
*/
/* LIENS MENU 

#menu A {text-decoration:none;font-weight:bold;font-size:14px;}
#menu A:hover {text-decoration:underline;}
#menu .menu1 {padding:10px 0px 10px 3px;}
#menu .menu2 {padding:10px 0px 5px 10px;}
#menu .menu3 {padding:0px 0px 0px 20px;}
*/
/* Mini menu */
#minimenu {padding-top:5px;}


/* erreur */

.erreur {color:Red;}


/* page de detail */
.detail 
{
	display:none;
	width:500px;
	height:500px;
	overflow:scroll;
	
	position:absolute ;
	top:50px;
	left:150px;
	padding:10px 15px 10px 15px;
	
	border:solid 3px #406A9C;
	background-color:#FFFFFF;
}


#news #list .item .titre {padding-left:15px;}
#news #list .item .texte {padding-left:25px;}
#news #list .item .lien {padding-left:25px;}
.lien A
{
	color: gray;
	text-decoration:none;
	font-weight:bold;
	font-style:italic;
}
/* ---Saisie d'élément -------------*/
.formelem 
{
	width:100%;
}
.formelem .saisie .titre 
{
	width:70%;
}
.formelem .saisie .sstitre 
{
	width:100%;
}
.formelem .saisie .descr
{
	width: 100%;
	height: 100px;
}
.formelem .saisie .template
{ 
	width:50%;
	}
	
.gestarbo {width:100%; vertical-align:top;}
TABLE.gestarbo TD, TABLE.gestarbo TH
{
	border-right: thin ridge;
	border-top: thin ridge;
	border-left: thin ridge;
	border-bottom: thin ridge;
}
.gestarbo TD {vertical-align:top;}
.gestarbo TD.arbo 
{
	width:50%;
	padding-left:20px;
	
}
.gestarbo TD.prods 
{
	width:50%;
}
	
/* --- Fiche produit -------------*/
.fprod 
{
	color:Black; 
	vertical-align:top;
	float:none;
	clear:both;
}
.fprod .imgtitre { text-align:center ;}
.fprod H1
{	
	font-size:16px;
	font-variant:small-caps;
	font-weight:bold;		
	color:#E60003;	
	margin-top:0px;
	margin-bottom:10px;
	padding:0px;
}
.fprod H2
{	
	font-size:15px;
	font-variant:small-caps;
	font-weight:bold;
}
.fprod .pntitre,.fprod .pnlogo 
{
	width:97px;
	height:100%;
	text-align:right;
	
	padding-right:10px;
	vertical-align:top;
}
.fprod .pncontent, .fprod .pnbd
{
	display: table-cell;
	height: 100%;		
	text-align:left;
	padding-right:5px;
	float:left;
}
.fam .pncontent, .fam .pnbd  
{
	width:100%;
	display:block;
	text-align:center;
	
}
.fam .pnsstitre  
{
	width:100%;
	text-align:center;
}
.fprod .pndescr {text-align:justify;width:95%;margin-bottom:0;padding-bottom:0;}
.fprod .imgcompo { text-align:center;}
.fprod DIV.imgcompo {display:block;padding-bottom:10px;}
.fprod IMG.imgcompo {max-width:440px;}
.fprod .pnbas {padding-top:15px;vertical-align:top;}
.fprod .pnsselems 
{
	display:block;	
	vertical-align:top;
	margin-top:10px;
	width:100%;
}
.fprod TABLE.sselems, .fprod TABLE.lstrefs  {text-align:left;}
.fprod TABLE.sselems .gauche, .fprod TABLE.lstrefs .gauche {text-align:right;padding-right:5px;font-weight:bold;}
.fprod TABLE.sselems .droite, .fprod TABLE.lstrefs .droite {text-align:left;}
.fprod TABLE.sselems TD, .fprod TABLE.lstrefs TD {padding-bottom:5px;}
.fprod .sselems A {font-weight:bold;}
.fprod .sselems .sep {color:#E60003; font-weight:bold;font-size:larger;margin-top:10px;display:block;}
.fprod .lstrefs TD {vertical-align:middle;}
.fprod A.imgref img
{
	padding-left:10px;	
}
.ssprods .sep 
{
	display:block;
	height:10px;
	border-top: dashed 2px #9C949C;
	
	
}
/* ======================== */
.admin .titre 
{
	background-color: #C2F320;
	color:Black;
	font-size:large;
}
