/********************************************************************************************/
/********************************************************************************************/
/*	EXPOSANT - www.exposant.fr

/*	COPYRIGHT		Benjamin Brard
/*	DISTRIBUTION	Sous licence, tel que decrit dans le fichier licence.txt

/*	FICHIER			media/css/general.css
/*	AUTEUR			mvd (mvd@exposant.fr)
/*	TYPE			Feuille de style ALL MEDIA
/*	DESCRIPTION		Met en forme le syst?me g?n?ral
/********************************************************************************************/
/********************************************************************************************/

/********************************************************************************************/
/*	Tailles par defaut
/********************************************************************************************/
/*	Largeurs du cadre (absolue et relative)*/
#positionnement.absolute {width:840px;}
#positionnement.relative {width:90%;}
/*	Hauteur par defaut du contenu	*/
#cnt {height:500px}
/*	Largeur la barre de contexte	*/
#ctx {width:190px;}

/********************************************************************************************/
/*	Calques d'encadrement
/********************************************************************************************/
body, html {height:100%;}
body {
	margin:0;
	padding:0;
	background:#ffffff url(../image/body_bg.jpg) repeat;
}
/*	Positionnement */
#positionnement 	{	
	background:url(../image/cadre_bg.jpg) repeat;
}
#cadre {
	background:url(../image/cadre_bg1.jpg) no-repeat top left;
	padding:20px;
	margin-bottom:5px;
	position:relative;
	z-index:1;
	font-family:'Lucida Grande', 'Lucida sans', 'Lucida sans unicode', 'Lucida sans', 'Lucida console', arial, verdana, sans-serif;
}
/*	Annulations generales */
table		{border-collapse:collapse;}
ul, li		{padding:0;margin:0;}
form		{margin:0;}

/********************************************************************************************/
/*	Hyperclass
/********************************************************************************************/
a {
	color: #007acb;
	text-decoration: none;
}
a:hover {
	color: #ff0084;
}

/********************************************************************************************/
/* refreshing & loading
/********************************************************************************************/
#refreshing,
#loading 	{
	width:100%;
	height:1000%;
	position:absolute;
	z-index:4;
	left:0;
}
#refreshing .cloack,
#loading .cloack	{
	width:100%;
	height:100%;
	background:#000000 url(../image/bg_grille_noir.png) repeat;
	opacity:0.5;
	filter:alpha(opacity=50);
	position:absolute;
}
#refreshing .message,
#loading .message	{
	left:50%;
	padding-top:300px;
	position:absolute;
}
#refreshing .txt,
#loading .txt	{
	left:-200px;
	width:372px;
	font-size:12px;
	text-align:center;
	padding:20px;
	color:#ffffff;
	position:absolute;
	background:#470175 url(../image/bg_grille_noir.png) repeat;
}

/********************************************************************************************/
/*	en t?te
/********************************************************************************************/
/*	Menu de niveau Site */
#mn0 {
	font-family:Georgia;
	font-size:30px;
	letter-spacing:-0.5px;
	background:url(../image/border_top_bg.gif) repeat-x bottom;
	padding-left:210px;
}
/*	AKA+CC */
#akacc {
	background:url(../image/aka-cc.gif) no-repeat;
	width:188px;
	height:26px;
	top:75px;
	position:absolute;
	cursor:pointer;
}

/********************************************************************************************/
/*	en t?te
/********************************************************************************************/
#mn0 a {color:#333333;}
/*	Menu de niveau 1 */
#mn1 {
	padding:5px 0 32px 213px;
	font-size:11px;
}
#mn1 li{
	list-style-type:none;
	display:inline;
}
#mn1 li a {
	margin-right:5px;
	padding-right:9px;
	background:no-repeat right;
	letter-spacing:-0.5px;
}
#mn1 li a.on {
	color:#ff0084;
	background-image : url(../image/mn1_bg_on.png);
}
#mn1 li a.off {
	color:#007acb;
	background-image : url(../image/mn1_bg_off.png);
}
#mn1 li a.off:hover {
	color:#ff0084;
	background-image : url(../image/mn1_bg_hover.png);
}

/*	Menu de niveau 2 */
#mn2 {}
#ctx .block {
	font-size:10px;
	margin-top:-2px;
	margin-bottom:10px;
}
#ctx .block li {
	list-style-type:none;
	margin-top:3px;
}
#ctx .block li a {
	padding-left:12px;
	display:block;
	background:no-repeat left;
}
#ctx .block li a.on {
	color:#ff0084;
	background-image : url(../image/mn2_bg_on.png);
}
#ctx .block li a.off,
#keyword li a {
	color:#007acb;
	background-image : url(../image/mn2_bg_off.png);
}
#ctx .block li a:hover {
	color:#ff0084;
	background-image : url(../image/mn2_bg_hover.png);
}

/*	Recherche naturelle */
#quickrecherche {
	position:absolute;
	top:23px;
}
#quickrecherche input {
	margin:0;
	font-size:10px;
	width:185px;
}
/*	Accesskey */
.acceskey {
	text-decoration: underline;
}

/********************************************************************************************/
/*	Menu d'affichage
/********************************************************************************************/
#mndisplay {
	font-size:9px;
}
#mndisplay ul {
	list-style-type:none;
}
#mndisplay ul li {
}
#mndisplay ul li a {
	padding:3px;
	float:left;
	width:40px;
	height:40px;
	border:1px solid #cccccc;
}
#mndisplay ul li a:hover{
	background:#666666;
}

/********************************************************************************************/
/*	En-tete
/********************************************************************************************/
/*	Titre de page	*/
#tt0 {}
/*	Cursus de page	*/
#cursus {
	padding-left:210px;
	padding-top:12px;
	color:#999999;
	font-size:10px;
}
#cursus a {color: #007acb;}
#cursus a:hover {color: #ff0084;}

/********************************************************************************************/
/*	Onglets
/********************************************************************************************/
#mnlangue {
	line-height:25px;
	position:absolute;
	bottom:0;
	right:20px;
	font-size:8px;
	color:#cccccc;
	font-style:italic;
	z-index:2;
}

/********************************************************************************************/
/*	Corps de page
/********************************************************************************************/
#body {
	padding-top:40px; /* ie Hack */
	margin-top:40px;
	position:relative;
	width:100%;
}
#body td {
	vertical-align:top;
}

/********************************************************************************************/
/* Alerte
/********************************************************************************************/
#alerte	{
	padding:5px 10px 5px 10px;
	margin-bottom:10px;
	background:#ff0084 url(../image/bg_grille_noir.png) repeat;
	color:#ffffff;
	font-size:11px;
}
#alerte	.titre {
	font-weight:bold;
	text-transform:uppercase;
	display:inline;
	margin-right:10px;
}
#alerte	.txt {
	display:inline;
}

/********************************************************************************************/
/*	contenu
/********************************************************************************************/
#cnt {
	font-family:arial, sans-serif;
	color:#333333;
	font-size:11px;
	line-height:125%;
}
#cnt #txt,
#cnt #elementfiche,
#cnt #elementliste {
	margin-bottom:20px;
	text-align:left;
}
#cnt #txt p {
	margin-bottom:15px;
}
#cnt.multiliste #txt {margin-right:10px;}
#cnt h1, #cnt h2, #cnt h3, #cnt h4, #cnt h5 {
	text-align:left;
	color:#000000;
}
#cnt h1 {
	margin-top:20px;
	margin-bottom:10px;
	padding:0;
}
#cnt ol,
#cnt ul {
	padding-left:60px;
	margin:0 0 10px 0;
}
#cnt ol li,
#cnt ul li {
	margin:0 0 10px 0;
}

/********************************************************************************************/
/*	Elements & multilistes
/********************************************************************************************/
#multiliste {
	font-size:10px;
}
#elementliste .element{
	margin-bottom:30px;
}
#multiliste .liste .item div,
#multiliste .liste .item .element div,
#elementliste .element div,
#elementfiche div {
	margin-bottom:10px;
}
/* Boites */
/* #multiliste .liste .item,*/
#multiliste .liste .element {
	width:110px;
	height:110px;
	border:0px solid #cccccc;
	padding:0px;
	float:left;
	margin:0 6px 6px 0;
	overflow:hidden;
	position:relative;
}
#multiliste .liste .item {
	border:0px solid #ffffff;
	font-family:georgia;
	font-size:24px;
	line-height:20px;
	letter-spacing:-0.5px;
	text-align:left;
	color:#000000
}
#multiliste .liste .item a {
	color:#000000
}
#multiliste .liste .element:hover {
	border-color:#666666;
	background:#F2F2F2 url(../image/bg_grille_blanc.png) repeat;
}
/* Titre */
#multiliste .liste .element .titre{display:none;}
#elementfiche .titre,
#elementliste .element .titre,
#rss .titre a,
#carte ul li.level1 a,
#panier .titre a,
#comment .titre {
	font-family:georgia;
	font-size:24px;
	color: #000000;
	display:block;
	padding-bottom:5px;
	margin-bottom:10px;
	clear:both;
	text-align:left;
}
#elementliste .element .titre a{
	color: #000000;
}
#elementfiche .titre{
	font-family:georgia;
	font-size:24px;
	color: #000000;
	padding-bottom:2px;
	margin:0 0 5px 0;
}
#multiliste .liste .element:hover .titre a {
	background:#000000 url(../image/bg_grille_noir.png) repeat;
	color:#ffffff;
}
#elementliste .element .titre a:hover,
#rss .titre a:hover,
#panier .titre a:hover {
	color:#ff0084;
	border-color:#000000;
}
/* Texte */
#multiliste .liste .titre {display:none;}
#multiliste .liste .element.numero1 .txt {
	padding:4px;
	line-height:16px;
	font-size:14px;
}
#multiliste .liste .element .txt {
	padding:4px;
	line-height:12px;
}
#elementliste .element .txt {
	font-size:11px;
	line-height:119%;
}
/* Auteur & datetime */
#multiliste .liste .element .postuserid,
#elementliste .element .postuserid,
#elementfiche .postuserid,
#elementliste .element .datetimeinserted,
#elementliste .element .datetimeupdated,
#elementliste .element .datestart,
#elementfiche .datetimeinserted,
#elementfiche .datetimeupdated
#elementfiche .datestart  {
	font-size:10px;
	color:#666666;
	border-top:1px dotted #b3b3b3;
	padding-top:2px;
}
/* urlx */
#elementliste .element .url1,
#elementfiche .url1 {
	text-transform:uppercase;
	font-size:10px;
}
/* Imagex */
#multiliste .liste .element .image1 img {
	display:none;
	top:0px;
	left:0px;
	position:absolute;
	width:110px;
	height:110px
}
#multiliste .liste .element:hover .image1 img {
	display:block;
}
#elementliste .element .image1,
#elementfiche .image1 {
	padding:0px;
	background-image : url(../image/bg_grille_noir.jpg);
	float:left;
	margin:0 10px 0 0;
}
#elementliste .element .image1 img,
#elementfiche .image1 img {
	border:0px solid #ffffff;
}
#elementliste .element .image1 a,
#elementfiche .image1 a {
	opacity:0.7;
	filter:alpha(opacity=70);
}
#elementliste .element .image1 a:hover,
#elementfiche .image1 a:hover {
	opacity:1;
	filter:alpha(opacity=100);
}
/* Mots-clefs */
#multiliste .liste .element .keyword{display:none;}
#elementliste .element .keyword {
	padding:0;
	text-align:left;
}
#elementfiche .keyword {
        display:none;
	padding:0px;
	font-size:10px;
	text-align:left;
}
#elementfiche .keyword li a {
	color:#007acb;
}
#elementliste .element .keyword li,
#elementfiche .keyword li {
	display:inline;
	margin-right:5px;
}
#elementliste .element .keyword li a{
	color:#007acb;
}
#elementliste .element .keyword li a:hover,
#elementfiche .keyword li a:hover {
	text-decoration:underline;
}

/********************************************************************************************/
/*	Elements & multilistes : affichages specifiques
/********************************************************************************************/
/* Element de Une */
#multiliste .liste .element.numero1 {
	width:110px;
	height:110px;
}
#multiliste .liste .element.numero1 .titre a,
#multiliste .liste .element.numero1 .txt {
	padding:10px;
}
/* Element temoignage */
#multiliste .liste .element.item142 {
	width:261px;
	border-color:#ffffff;
}
#multiliste .liste .element.item142 .titre a {
	background:#000000 url(../image/bg_grille_noir.png) repeat;
	padding:15px;
	color:#ffffff;
	font-style:italic;
	font-weight:normal;
	font-size:17px;
	line-height:16px;
	height:67px;
}
#multiliste .liste .element.item142 .titre a:hover {
	background:#000000;
}
#multiliste .liste .element.item142 .txt {display:none;}
#multiliste .liste .element.item142 .postuserid {
	color:#666666;
	padding:10px;
	display:block;
	font-weight:bold;
	float:right;
	background:url(../image/element142_bg.png) top no-repeat;
}

/********************************************************************************************/
/* Calque de elementfiche PREVIOUS/NEXT
/********************************************************************************************/
#previousnext	{
	clear:both;
	padding-top:10px;
}
#previousnext table	{
	width:100%;
}
#previousnext .previous{
	text-align:left;
	width:50px;
}
#previousnext .pages{
	font-size:12px;
	letter-spacing:3px;
	text-align:center;
}
#previousnext .pages a.on{
	text-decoration:none;
	color:#ff0084;
	font-weight:bold;
}
#previousnext .pages a.off{
	text-decoration:none;
}
#previousnext .next{
	text-align:right;
	width:100px;
}
#previousnext input {
}

/********************************************************************************************/
/*	Contexte
/********************************************************************************************/
#ctx {
	padding-right:20px;
}
#ctx .block{
	margin-bottom:20px;
}
#ctx .titre {
	font-size:18px;
	font-family:Georgia;
}
#ctx .titre a {color:#333333;}

/********************************************************************************************/
/* Calque de session
/********************************************************************************************/
#usersession	{
	position:absolute;
	top:113px;
}
#usersession input	{
	margin-right:6px;
	width:88px;
}
#usersessionlogin,
#usersessionpassword {}
#usersessionsubmit,
#usersessionlogout,
#usersessionloglost,
#usersessionlogout,
#usersessionuser	{
	display:none;
}
#usersessiontitre	{
	width:185px !important;
}

/********************************************************************************************/
/* Calque de commentaires
/********************************************************************************************/
#comment	{
	width:63%;
	float:left;
	font-size:11px;
}

/* Titre et nombre de commentaires */
#comment h1 {
	font-family:'Georgia';
	font-style:regular;
	margin-top:50px;
	color:#333333;
}
#comment h1 .nombre {}
#comment ul 	{
	padding:0;
	margin:0;
}
#comment ul	li {
	list-style-type:none;
	margin-top:15px;
	padding-top:6px;
	border-top:0px solid #cccccc;
}

/* Liste des commentaires */
#comment ul.liste 	{
}
#comment ul.liste li	{
}
#comment ul.liste li .entete {
}
#comment ul.liste li .entete .user {
	font-family:georgia;
	background:url(../image/bt_comment.png) no-repeat 0 0;
	padding-left:19px;
	font-size:15px;
	margin-bottom:5px;
	color:#000000;
}
#comment ul.liste li .entete .date {
	display:inline;
	padding-right:10px;
	color:#666666;
}
#comment ul.liste li .lien {
}
#comment ul.liste li .txt {
}

/* Formulaire */
#comment ul.form {
}
#comment ul.form li.separateur {
	padding-top: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #717073;
}
#comment ul.form li label {
	display: block;
	margin:0px 0 0px 0;
}
#comment ul.form li label.compulsory {
	font-weight:bold;
}
#comment ul.form li label .help {
	padding-left:10px;
	font-size:10px;
	color:#717073;
	font-weight:normal;
}
#comment ul.form li.antispam input {
	line-height:40px !important;
	height:36px !important;
	padding:2px !important;
	font-size:30px !important;
	width:100%;
	text-transform:lowercase;
}
/* Ne pas permettre d'indiquer un lien */
/*#sitecomment_userurl1	{display:none;}*/

/********************************************************************************************/
/* Recherche
/********************************************************************************************/
#recherche {padding-right:10px;}
#recherche fieldset {
	margin-bottom:10px;
}
#recherche .resultat {
	line-height:14px;
	border-bottom:1px dotted #b3b3b3;
	padding:10px 0 10px 0;
}
#recherche .resultat:hover {
	background:#FFFFFF;
}
/*	Titres des resultats */
#recherche .resultat .image {
	display:table-cell;
	width:110px;
	padding-left:0px;
}
#recherche .resultat .abstract {
	display:table-cell;
	vertical-align:top;
}
#recherche .resultat .abstract .titre a {
	font-family:Georgia;
	font-size:18px;
	margin-bottom:3px;
}
#recherche .resultat .abstract .titre a:hover{color:#ff0084;}
#recherche .resultat .abstract .titre .langue {
	font-size:10px;
	color:#666666;
}
#recherche .resultat .abstract .titre .type {
	font-size:10px;
	color:#666666;
}
#recherche .resultat .abstract .txt {
	font-size:11px;
}
#recherche .resultat .abstract ul{
	margin:0px;
	font-size:10px;
}
/*	Mots-clefs des resultats */
#recherche .resultat ul.keyword {
	margin:0;
	padding:0;
	font-size:10px;
}
#recherche .resultat ul.keyword li{
	display:inline;
	margin:0 5px 0 0;
}
#recherche .resultat ul.keyword li a{
	color:#008df2;
}
#recherche .resultat ul.keyword li a:hover{
	color:#ff0084;
}

/*	Cursus des resultats */
#recherche .resultat .cursuschemin {
	padding-top:10px;
	color:#000000;
	font-size:10px;
}
#recherche .resultat .cursuschemin a {
	color:#008df2;
}
#recherche .resultat .cursuschemin a:hover {
	color:#ff0084;
}

/********************************************************************************************/
/* Calque de carte
/********************************************************************************************/
#carte	{padding-right:10px;}
#carte ul	{
	padding:10px 0 10px 0;
	border-bottom:1px solid #cccccc;
	list-style-type:square;
}
#carte ul li	{margin:0;}
#carte ul li a	{color:#000000;}
#carte ul li a:hover	{color:#ff0000;}
#carte ul li.levellangue{}
#carte ul li.level1{
	list-style-type:none;
	margin-top:20px;
}
#carte ul li.level2{
	margin-left:40px;
}
#carte ul li.level3{
	margin-left:60px;
}
#carte ul li.level4{
	margin-left:80px;
}
#carte ul li.level5{
	margin-left:100px;
}
#carte ul li.levelsystem{
	margin-left:20px;
}

/********************************************************************************************/
/* Calque de panier
/********************************************************************************************/
#panier	{padding-right:10px;}
#panier table.panier	{
	width:100%;
	margin-bottom:10px;
}
#panier fieldset {
	margin-bottom:10px;
}
.rupture	{
	text-decoration:line-through;
}
#panier .titre {}
#panier .titre a {
	margin-top:10px;
	font-size:14px;
	display:block;
	background:#990000 url(../image/titre_bg_acco.png) no-repeat 2px 1px;
	letter-spacing:-1px;
	padding:3px 3px 3px 10px;
	font-weight:bold;
	margin-bottom:10px;
}
#panier .titre a:hover {
	color:#000000;
}
#panier .txt {}
#panier table.panier tr {
	border-bottom:1px solid #990000;
}
#panier table.panier td,
#panier table.panier th	{
	padding:3px;
	border-right:1px solid #990000;
}
#panier table.panier td.element {}
#panier table.panier td.quantite {}
#panier table.panier td.devise {}
#panier table.panier td.action {}
#panier table.panier th	{
	padding:5px;
}
#panier .cgv	{
	color:#990000;
	padding:5px;
	height:250px;
	overflow:auto;
	margin-bottom:10px;
}
#panier .cursus{
	padding-top:10px;
	color:#000000;
	font-size:10px;
}
#panier .cursus a{
	color:#008df2;
}
#panier .cursus a:hover {
	color:#ff4800;
}
/********************************************************************************************/
/* Calque de update
/********************************************************************************************/
#update	{padding-right:10px;}
#update fieldset	{
	border:1px solid #cccccc;
	margin-bottom:20px;
}
#update fieldset legend	{
	text-transform:uppercase;
}
#update fieldset ul	{
	padding-left:20px;
}
#update fieldset ul li{
	list-style:square;
	margin:0;
}
#update fieldset ul li a{
	font-weight:bold;
	text-decoration: none;
}
#update fieldset ul li a:hover{}
#update fieldset ul li .table{
	font-size:10px;
}
#update fieldset ul li .datetimeupdated{
	font-size:10px;
}

/********************************************************************************************/
/* Calque de rss
/********************************************************************************************/
#rss	{padding-right:10px;}
#rss .titre {}
#rss .titre a {}
#rss .titre a:hover {}
#rss .txt {}
#rss .url {
	font-family:'courier new';
	font-size:10px;
	background:#e6e6e6 url(../image/bg_grille_blanc.png) repeat;
	padding:2px;
	border:1px solid #cccccc;
	margin-bottom:10px;
}
#rss .url a {
	color:#000000;
}
#rss .cursus {
	margin-bottom:30px;
	color:#000000;
	font-size:10px;
}
#rss .cursus a{
	color:#008df2;
}
#rss .cursus a:hover {
	color:#ff0084;
}

/********************************************************************************************/
/*	Menu systeme & Menu de validation
/********************************************************************************************/
#totop {
	text-align:right;
	position:relative;
	top:-20px;
	line-height:20px;
}
#totop a{
	padding-left:10px;
	font-size:9px;
	background:url(../image/totop_bg_off.png) no-repeat left;
}
#totop a:hover {
	background-image:url(../image/totop_bg_hover.png);
}
#mnsys {
	line-height:20px;
	margin-top:10px;
	background:url(../image/border_bottom_bg.gif) repeat-x top;
}
#footernotice,
#mnsys,
#mnvalid {
	font-size:9px;
	color:#999999;
}
#mnvalid {
	float:right;
	font-family:'trebuchet ms';
	text-transform:uppercase;
	margin-right:10px;
	padding-bottom:20px;
}
#mnsys li,
#mnvalid li {
	list-style-type:none;
	display:inline;
	margin-right:10px;
}
#mnsys li a,
#mnvalid li a {}
#mnsys li a.on,
#mnvalid li a.on		{color:#008df2;}
#mnsys li a.off,
#mnvalid li a.off		{color:#999999;}
#mnsys li a.off:hover,
#mnvalid a.off:hover	{color:#000000;}