/*
Theme: Grafikart
	http://grafikart.fr
*/
/**
Style de Noel
**
#guirlande1{   z-index:9998; position:absolute;    background:url(noel/guirlande1.png) 300% top repeat-x;    height:130px;    top:0;  left:0;    width:100%;}
#guirlande2{   z-index:9997; position:absolute;    background:url(noel/guirlande2.png) 70% top repeat-x;    height:130px;    top:-5px;    left:0;    width:100%;}
#guirlande3{   z-index:9996; position:absolute;    top:10px;    left:0;    background:url(noel/guirlande3.png) 10% top repeat-x;    height:130px;    width:100%;}

#navigationtop{ z-index:9999;	position:absolute;	top:0;	right:0;	height:54px;	line-height:54px; }
#navigationtop ul li a{ opacity:0.1;} #navigationtop ul li a:hover{ opacity:1;} 
#sous-head .contenu{ z-index:9998; } #sous-head ul li { background:none!important; }
#sous-head #replie{ z-index: 9999!important;}
*/

/**
 *General
 **/
*{ outline:none; }
::-moz-selection{    background:#50432F;	color:#FFF;}
::selection{    background:#50432F;	color:#FFF;}
#page{ position:relative; min-height:100%;}
body {
	background: #f3e7d1;
	color: #8f836d;
	font-family: 'Helvetica', 'Arial', Verdana, sans-serif;
	margin: 0;
	padding: 0;
	font-size:13px;
	text-align:center;
}
img{
	vertical-align:middle;
}
hr{
	height:1px;
	background:#e1d0b0;
	border:none;
}
label{ display:block;}
.rounded{ -moz-border-radius:5px; -webkit-border-radius:5px; }
.badge{	background:url(images/badge.png) top left no-repeat; height:40px; width:40px; position:absolute; top:-15px; right:-15px; color:#FFF!important; text-align:center; line-height:40px; display:block; font-weight:bold; font-size:1.2em;}
.close{	background:url(images/close.png) top right no-repeat; position:absolute; top:5px; right:7px; width:18px; height:17px; cursor:pointer;}
.close:hover{ background-position:top left;}
.overflow{ overflow:hidden; }
.hide{ display:none; visibility:hidden;}
.ok{ border:solid 1px #159e31; padding:10px; background:#c5ffcb; color:#111; margin-bottom:0.7em; }
.ko{  border:solid 1px #9e3a15; padding:10px 10px 10px 52px; color:#111; margin-bottom:0.7em; background:#ffcfc5 url(images/ko.png) 5px center no-repeat; }
.loader{position:absolute; top:0; left:0; width:100%; height:100%; background:#F3E7D1 url(images/loader.gif) center center no-repeat; opacity:0.5;}
.relative{	position:relative;}
.border{ border:solid 3px #e1d0b0;}
.noborder{ border:none!important;}
.left{	float:left;}
.demi{ width:50%; }
.right{	float:right;}
.centrer{ text-align:center; }
.petit{	font-size:0.8em;}
.error-message{	background:url(images/false.png) 10px center no-repeat;	padding:0 0 0 30px;	display:inline;	color:#ff5b5b; display:block;}
.contenu{	width:940px;	margin:0 auto;	text-align:left;	position:relative;}
.clear{	clear:both;}
.bouton{ opacity:0.5; }
.bouton:hover{ opacity:1; }

/* Les boutons spéciaux */
.demo{ background:url(images/demo.png) top left no-repeat; width:155px; display:block; height:58px; text-indent:-9999px; margin:0 auto; }
	.demo:hover{ background-position:bottom left; }
.crea{ margin: 2px 5px; float: left; width: 60px; position: relative; }


a{
	color: #8f836d;
	cursor:pointer;
	text-decoration:none;
}
#content a{	text-decoration:underline;	}
#content #list a, #content .bloc a, #content .tagcloud a, #content .lastcoms a, #content .demi a{	text-decoration:none;	}
a:hover{
	color:#281710;
}
a img{
	border:none;
}
ul{
	list-style:url(images/puce.png);
}
/*
	HEAD
*/
#head{
	color:#605c51;
	height:54px;
	background:url(images/head.png) repeat-x;
}
#logo{
	position:absolute;
	top:0;
	left:-67px;
}
#navigation{
	position:absolute;
	top:0;
	right:0;
	height:54px;
	line-height:54px;
}
#head ul{
	margin:0; padding:0;
}
#head ul li{
	float:left;
	margin:0;	padding:0;
	list-style:none;
}
#head ul li a{
	font-size:20px;
	color:#605c51;
	font-weight:bold;
	margin:0 0 0 30px;
}
#head ul li a:hover,#head ul li a.active{
	color:#F0ECCF;
}

/*
	SOUS HEADER
*/
#sous-head{
	display:block;
	height:276px;
	background:url(images/lumiere.png) left center repeat-x;
	position:relative;
}

#sous-head .contenu{
	margin:0 auto;
	width:960px;
}
#sous-head #replie{
	background:url(images/replie.png) center bottom no-repeat;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:34px;
	cursor:pointer;
	z-index:40;
}
/* THEMES */
body.rouge #sous-head #replie{ background-image:url(images/replie-rouge.png);}
body.rouge #sous-head{background-image:url(images/lumiere-rouge.png); }
body.rouge #sous-head ul li:hover a{background-image:url(images/menu-rouge.png);}
body.rouge #sous-head div.subnav{background-image:url(images/menu-rouge.png);}
body.rouge #sous-head ul li{background-image:url(images/menu-barre-rouge.png);}
body.rouge #sous-head div.subnav ul li:hover{	background:#faf2f2;}

body.bleu #sous-head #replie{ background-image:url(images/replie-bleu.png);}
body.bleu #sous-head{background-image:url(images/lumiere-bleu.png); }
body.bleu #sous-head ul li:hover a{background-image:url(images/menu-bleu.png);}
body.bleu #sous-head div.subnav{background-image:url(images/menu-bleu.png);}
body.bleu #sous-head ul li{background-image:url(images/menu-barre-bleu.png);}
body.bleu #sous-head div.subnav ul li:hover{	background:#e4f6f1;}

body.azur #sous-head #replie{ background-image:url(images/replie-azur.png);}
body.azur #sous-head{background-image:url(images/lumiere-azur.png); }
body.azur #sous-head ul li:hover a{background-image:url(images/menu-azur.png);}
body.azur #sous-head div.subnav{background-image:url(images/menu-azur.png);}
body.azur #sous-head ul li{background-image:url(images/menu-barre-azur.png);}
body.azur #sous-head div.subnav ul li:hover{	background:#e4f6f1;}

.backoff table{	border-collapse:collapse; }
	.backoff table thead th{	background:#29241A; border:solid 1px #605C51;	color:#8F836D;	text-align:left;	padding:4px 10px;}
	.backoff table thead th:hover{ color: #F0ECCF;}
	.backoff table tbody td{ border:solid 1px #E1D0B0; padding:3px 5px;}
	.backoff table tbody tr:nth-child(2n) td{ background:#ECDFC5;}
	.backoff table tbody tr:hover td{ background:#D5CAB1;}


/**
 * Sous Header format menu
 * */
#sous-head.menumode{	height:36px;	}
#sous-head ul{	display:block; margin:0; padding:0; list-style:none; }
#sous-head ul li{position:relative; display:block; width:170px; height:36px; float:left; line-height:38px; background:url(images/menu-barre.png) right top no-repeat;}
#sous-head ul li:hover a{background:url(images/menu.png) left top;  text-decoration:none;}
#sous-head ul li:hover ul a{background:none!important;}
#sous-head ul li a{color:#FFF; font-size:1.2em; display:block; height:100%; text-align:center;}
#sous-head ul li:hover a{color:#605c51;}

#sous-head div.subnav{display:none;  width:327px; height:112px; top:36px; left:0; position:absolute; background:url(images/menu.png) left -36px no-repeat; z-index:4; padding:2px 12px 0 8px; font-size:0.8em;}
#sous-head ul li:hover div.subnav{display:block;}

#sous-head div.subnav ul {width:163px;}
#sous-head div.subnav ul li{ display:block; float:left; height:25px; line-height:25px; font-size:1em; display:block; position:relative; width:163px; border-top:solid 1px #f3f3f3; background:none;}
#sous-head div.subnav ul li:hover{	background:#f1f8e2;}
#sous-head div.subnav ul li img{ position:absolute; top:2px; left:14px;}
#sous-head div.subnav ul li a{	color:#816b5d; text-align:left; padding-left:45px; }

/**
 * CONTENU
 * */
#conteneur{	position:relative;	background:url(images/fond.png) repeat-x;	margin:0;	padding-top:45px;	padding-bottom:345px;}
#content,#commentContent{	position:relative;	width:700px;	float:left;}
	#content.solo{width:100%;}
	#content .demi{	width:340px;	}
	#content.solo .demi{width:48%;}
	#content .cat,#video .cat,#commentContent .cat  {	position:absolute;	right:0;	top:6px;	}
		#content .cat a{ text-decoration:none;}
	#content h1,#content .title,#video .title,#video h1,#commentContent .title{	margin:0 0 0.7em 0; padding:0;text-shadow:0 1px 0 #FFFFFF;	font-weight:bold;	font-size:1.3em;	border-bottom:solid 1px #e1d0b0; color:#383224;}
		#content h1 a{	color:#383224;	}
		#content h1.double{	margin:0 0 4px 0;	border:none;	color:#383224;	font-size:1.4em;}
	#content h2 {    background:transparent url(images/puce.png) no-repeat scroll left center;    border-bottom:solid 1px #e1d0b0;    color:#7E715A;    font-size:1.2em;    font-weight:normal;    margin:1em 50px 0 0.5em;    padding:0 0 0 10px;}
		#content h2.double{    border:none;    background:none;    color:#8f836d;    font-size:1em;    font-weight:normal;    margin:0;    padding:0;}
	#content .bloc{	float:left;	width:80px;	margin-bottom:0.5em;	text-align:center;	}
	#content .topright{	position:absolute;	top:7px;	right:0;}
.premiumBloc{	background:#E5D9C2 url(/img/boite-sources.png) 15px center no-repeat; -moz-border-radius:5px; -webkit-border-radius:5px; padding:10px 10px 10px 100px; min-height:75px; margin:20px 15px;  }
    .premiumBloc h2{ border-bottom:1px solid #E1D0B0;color:#383224;font-size:1.3em;font-weight:bold;margin:0 0 0.7em;padding:0; text-shadow:0 1px 0 #FFFFFF; }
    .premiumBloc a{ color:#383224; text-decoration:underline; }
#content .premiumBloc h2,#video .premiumBloc h2{ margin:5px 0 0 0; background:none;}


/* Gallery */
#galerie{    height:90px;    background:url(images/galerie-c.png) top left repeat-x;    position:relative; margin-bottom:14px; }
	#galerie .gauche{    height:90px;    background:url(images/galerie-g.png) top left no-repeat;	}
	#galerie .droit{    height:90px;    background:url(images/galerie-d.png) top right no-repeat;	}
	#galerie .conteneur{ margin:3px 10px; width:auto; overflow:hidden; position:relative; height:90px;}
	#galerie .slider{ margin:0; position:absolute; width:3000px; padding-top:12px;}
	#galerie  a img{ float:left; display:block; width:60px; height:60px; border:solid 3px #d6c7aa; margin:0 5px;}
	#galerie .bouton{ opacity:1; width:50px; height:50px; background-position:top left; background-repeat:no-repeat; position:absolute; cursor:pointer;}
	#galerie .bouton:hover{ background-position:-50px top;}
	#galerie #galnext{ background-image:url(images/galerie-bd.png); top:20px; right:-20px;}
	#galerie #galprev{ background-image:url(images/galerie-bg.png); top:20px; left:-20px;}
	
/* Last Coms */
#content .lastcoms img{	float:left;	margin:5px 25px 30px 0;}
#content .lastcoms p{	height:60px;}

/* Commentaires */
#commentlist .comment{	position:relative;	padding:0 0 13px 0;	margin:0;}
#commentlist div.avatar{	position:absolute;	top:50%;	width:70px;	min-height:16px;	background:#e1d0b0 url(images/com_fleche.png) top left no-repeat;}
#commentlist div.avatar img{	border:solid 3px #e1d0b0;	position:absolute;	top:-38px;}
#commentlist .message{	width:630px; color:#816b5d;	float:right;	background:#e1d0b0 url(images/com_b.png) bottom left no-repeat;}
#commentlist .messaget{	padding:1px 10px;	background:url(images/com_t.png) top left no-repeat;	position:relative; overflow:hidden;}
#commentlist .messaget .reply{	background:url(images/reply.png); position:absolute; top:5px; right:7px; width:13px; height:16px; cursor:pointer;}
#commentlist .auteur,#commentlist .auteur a{	color:#47362b;	font-weight:bold;}
#commentlist .admin div.avatar,#commentlist .admin  .message{	background-color:#d9e287; color:#5f614d;}
#commentlist .admin div.avatar img{	border:solid 3px #d9e287;}
/* Réponses */
#commentlist .reponse{	position:relative;	margin:0 0 13px 0;}
#commentlist .reponse div.avatar{	right:0; background-image:url(images/rep_fleche.png); width:80px;}
#commentlist .reponse div.avatar img{	position:absolute;	top:-25px; left:20px; float:right; }
#commentlist .reponse  .message{ margin-right:80px;	width:530px; 	float:right;   background-image:url(images/rep_b.png)}
#commentlist .reponse  .messaget{background-image:url(images/rep_t.png)}

h1#comments{	position:relative;}
h1#comments a{	position:absolute;	right:0;	bottom:0;	font-size:0.7em;}

/**
*	FORMULAIRE AJOUT COM
**/
#commentform input[type=text]{	width:213px;	height:21px;	padding:2px 0 0 7px;	border:none;	color:#8f836d;	background:url(images/input.png) top left no-repeat;}
#commentform  label{	display:block;	padding-bottom:3px;}
#commentform textarea{	color:#8f836d;	width:694px;	height:103px;	padding:2px 0 0 7px;	border:none;	background:url(images/textarea.png) top left no-repeat;}
#commentform p{	margin:6px 0;}
#commentform  .pseudo{	float:left;	width:300px;}
#commentform  .website{	float:left;	width:300px;}

/*	TAGS	*/
.tag0 { font-size: 0.5em; }
.tag10 { font-size: 0.6em; }
.tag20 { font-size: 0.7em; }
.tag30 { font-size: 0.8em; }
.tag40 { font-size: 0.9em; }
.tag50 { font-size: 1em; }
.tag60 { font-size: 1.1em; }
.tag70 { font-size: 1.2em; }
.tag80 { font-size: 1.3em; }
.tag90 { font-size: 1.3em;  color:#363126;}
.tag100 { font-size: 1.3em; color:#363126; }
ul.tagcloud{	font-size:2em;	list-style-image:none;	list-style-position:outside;	list-style-type:none;	margin:0 0 1em 0;	padding:0;	text-align:justify;}
ul.tagcloud li{	display: inline;	margin: 0 3px;	padding: 0;}

/* Navigation */
.navigation{	height:20px;	margin:0 0 1em 0;}
.alignleft{	float:left;}
.alignright{	float:right;}

/* Méta */
.meta{	position:relative;	padding:13px 0;	border-top: solid 1px #e1d0b0;	border-bottom: solid 1px #e1d0b0; margin-bottom:10px;}
#content .tags,#video .tags{	margin:0 0 0.5em 0; }
	#content .tags a,#video .tags a{	padding:2px 4px; margin:0 1px;	color:#f3e7d1;	background:#d8c39d;	font-size:0.9em;	text-decoration:none;}
		#content .tags a:hover,#video .tags a:hover{	background:#8f836d;}
	.meta .coms{	position:absolute;	top:30%;	padding:0;	right:0;}
	
/* Réseaux sociaux */
.shareLinks{ margin-bottom:3em; height:32px;}
.shareLinks a{display:block; position:relative; height:32px; width:32px; margin:0 5px; float:left; text-decoration:none!important;}
#video .shareLinks{ position:absolute; right:-43px; top:0;  width:32px; height:auto; }
    #video .shareLinks a{ margin-bottom:5px; }

/*
	SIDEBAR
*/
#sidebar{	width:220px;	float:right;}
	#sidebar .bloc input[type=text],#sidebar input[type=password]{ background-image:url(images/input-sidebar.png); width:140px; }
	#sidebar .bloc input[type=submit]{background-image:url(images/submit-sidebar.png);}
	#sidebar .bloc label{ color:#383224;}
	
	/* BLOC */
	#sidebar .bloc{	width:222px;	margin-left:-1px;	background:url(images/bloc-sidebar.png) left center no-repeat;	margin-bottom:15px;	font-size:0.9em;}
	#sidebar .bloc h2{	font-size:1.2em; color:#383224; margin:0 0 0.7em 0; padding:0; }
	#sidebar .bloc a{	color:#383224;}
	#sidebar .blocb{	background:url(images/bloc-sidebar.png) bottom left no-repeat;	height:10px;	margin:0; padding:0;}
	#sidebar .blocc{	margin:0;	padding:0 10px;}
	#sidebar .blocc ul{	padding:0; margin:0 0 0 20px;}
	#sidebar .blocc ul li{	margin:0 0 5px 0; padding:0;}
	#sidebar .blocc ul li a:hover{ text-decoration:underline;}
	#sidebar .blocc .border{ border-color:#DBC8AE;}
	#sidebar .blocc .conteneur{ width:430px; }
	#sidebar .bloch{	background:url(images/bloc-sidebar.png) top left no-repeat;	height:10px;	margin:0; padding:0;}
	#sidebar .boite{	float:left;	width:101px;	text-align:center;	position:relative;}
	#sidebar .boite .infobulle, .tooltip{	background:url(images/infobulle.png) top left no-repeat;	width:166px;	height:61px;	position:absolute; top:-50px; left:-33px;	line-height:56px;	text-align:center;	font-size:12px;	display:none;	color:#816b5d;}
	#sidebar .boite a{ color:#816b5d; }
	#sidebar .bloc p{ margin-top:0; padding-top:0;}
	
	/* Styles divers */
	#sidebar h2{	font-size:1.3em;	color:#281710;	padding:15px 0 16px 44px;	margin:0;}
	#sidebar ul{	margin:0 0 0 35px; padding:0;}
	#sidebar ul li{	color:#383224;	margin:0 0 15px 0; padding:0;}
	#sidebar div{	margin:0 0 15px 0;}
	#sidebar div div{	margin:0;}
	
	/* CATEGORIES */
	#sidebar div.categories h2{	background:url(images/categories.png) top left no-repeat;}
	#sidebar div.graphism h2{	background:url(images/graphisme.png) top left no-repeat;}
	#sidebar div.develop h2{	background:url(images/code.png) top left no-repeat;}
	/* ARCHIVES */
	#sidebar div.archives h2{	background:url(images/archives.png) top left no-repeat;}
	#sidebar div.archives{		cursor:pointer;	}
	#sidebar div.archives ul{		display:none;	}
	#sidebar div.archives ul li{		margin:0;	}
	/* RSS */
	#sidebar div.rss h2{		background:url(images/rss.png) top left no-repeat;	}

/* RECHERCHER */
#searchform div{	height:21px;	width:220px;	background:url(images/search.png) top left no-repeat;}
#searchform input{	background:transparent;	border:none;}
#searchform .searchfield{	width:183px;	color:#8f836d;	padding:2px 0 0 7px;	float:left;}
#searchform .searchbutton{	cursor:pointer;	width:30px;	float:left;}

/**
 *FOOTER
 **/
#footer{	position:absolute;	bottom:0;	width:100%;  margin-top:20px;	background:url(images/footer.png) top left repeat-x;	height:300px;	padding-top:25px;	color:#FFF;}
	#footer a:hover{	color:#FFF;}
	#footer .bloc{	float:left;	width:290px;}
	#footer .bloc.centre{	margin:0 15px;}
	
	/* Lastcoms */
	#footer #lastcoms .com img{	float:left;	margin:5px 20px 5px 0;}
	#footer #lastcoms .com{ height:60px; margin:0 5px; }
	#footer h5{	background:url(images/footer_titre.png) left 5px no-repeat;	margin:0 0 15px 0;	padding:0 0 4px 25px;	font-size:1em;	font-weight:bold;}
	#footer ul{	list-style:none;	margin:0;	padding:0;}
	#footer #lastcoms ul li{	margin:0.5em 0;}
	#twitt{	text-indent:25px;	background:url(images/twitt.png) left top no-repeat;	font-weight:bold;	font-size:1.2em;	min-height:61px;	padding:5px 0 0 0;	color:#8F836D;}
	#twittbird{	height:70px;}
	#twittbird a{ height:70px; display:block;float:right; width:120px; background:url(images/twittbird.png) bottom left no-repeat; text-indent:-9999px;}
	#twittbird a:hover{ background-position:top left;}

/* Listes de tutoriels */
#list{	}
	#list .elem{	background:#ecdfc5;	border:solid 1px #e1d0b0;	-moz-border-radius:5px;	-webkit-border-radius:5px;	width:320px;	height:97px;	display:block;	margin-bottom:18px; padding:10px;}
	#list .elem:hover{	background:#eadbc0;}
	#list .elem a, #listtutos .elem a:hover{ color:#8f836d; }
	#list .elem h2{  font-size:1em; font-weight:bold; background:none; padding:0; color:#383224;  margin:0 0 10px 0;}
	#list .elem h2 a{color:#665b47; }
	#list .elem img{	width:60px; height:60px; margin:0 10px; float:left;  }
	#list .elem p{margin:0; padding:0;}
	#list .elem p.infos{margin-bottom:9px; font-style:italic; font-size:0.9em;}

/*
 MESSAGES ERREUR
*/
#erreur{	position:relative;	border:solid 1px #eb5e66;	background:#fce8e9;	padding:0 10px;	margin:10px 0;}

/*------------
	FORMULAIRE GENERAL
---------------*/
input[type=text],input[type=password]{ width:220px;	height:21px;	padding:2px 0 0 5px;	border:none;	background:url(images/input.png) top left no-repeat;	color:#555555;	margin-bottom:0.5em;}
input.long{	width:701px;background:url(images/input-long.png) top left no-repeat;}

input[type=file]{	border:none;	background:#E1D0B0 url(images/input.png) top left no-repeat;	color:#555555;	margin-bottom:0.5em;}
form select{	width:212px;	height:21px;	padding:2px 5px 0 5px;	border:none;	background:url(images/input.png) top left no-repeat;	position:relative;	cursor:pointer; margin-bottom:0.5em;}

/* Uniform */
div.selector {	width:212px;	height:21px;	padding:2px 5px 0 5px;	border:none;	background:url(images/input.png) top left no-repeat;	position:relative;	cursor:pointer; margin-bottom:0.5em;}
div.selector select {	width: 150px;	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
div.selector.focus {	border-color: #999;}
div.selector span {	color:#555555; position: absolute;	left: 6px;	top: 2px;	font-size: 1.1em;	padding: 0;	display: block;	padding-right: 20px;	background:url(images/select.gif) no-repeat 98% 2px;	right: 0;}
div.selector.focus span {	left: 5px;}
div.selector select {	width:100%; cursor:pointer;}

div.checker span{	display:block;	height: 12px;	width: 13px;	overflow: hidden;	background:url(images/check.png) top right no-repeat;	float:left;	margin:0 5px 0 0;}
div.checker span.checked {	background-position:top left; }

input[type=submit],a.bouton{        display:block;	text-align:center;        font-weight:bold;	cursor:pointer;	color:#b7a077;	border:none;	width:100px;	line-height:28px;	height:28px;	background:url(images/submit.png) bottom left no-repeat;	}
input[type=submit]:hover,a.bouton:hover{	background-position:top left;	color:#FFF;}
textarea{	color:#555555;	width:687px;	height:103px;	padding:2px 0 0 7px;	border:none;	background:url(images/textarea.png) top left no-repeat;}
rea{	color:#8f836d;	width:694px;	height:103px;	padding:2px 0 0 7px;	border:none;	background:url(images/textarea.png) top left no-repeat;}

/*//////////////////
	PAGINATION
//////////////////*/
.pagination{	margin:10px 0;	height:20px;	line-height:20px;}
	.pagination span{	text-align:center;	width:20px;	height:20px;	margin:0 2px;	display:block;	float:left;	background:none;	border:solid 1px #e5d9c2;}
	.pagination span.current,.pagination span.current:hover{	color:#8F836D;	background:#ECDFC5 ; }
	.pagination span a{	color:#8F836D;	display:block;}
	.pagination span:hover{	background: #ECDFC5 ;	}
	.pagination span:hover a,.pagination span a:hover{	color:#FFF;	font-weight:bold;}


/*/////////////////////////
	TABLE
 ///////////////////////////*/
table td{    vertical-align:top; }
table.tarifs{	border-collapse:collapse; }
table.tarifs td{	text-align:center;	width:175px;	border:solid 1px #E1D0B0 ;	border-collapse:collapse;	padding:4px 20px; }
table.tarifs td{    vertical-align:middle;  }
table.tarifs tr.head td{ border:none; }
table.tarifs td.features{	background:#ECDFC5 ;	text-align:left;	width:275px;	height:55px; }
table.tarifs td.mplus{	background:#29241A;	border-color:#605C51;	color:#FFF;}
#content table.tarifs tr td h2{	color:inherit!important;	font-size:1.2em!important;	background:none;	border:none;	margin:0; padding:0;}
table.tarifs tr td p{  margin:0; padding:0; font-size:0.9em; font-style:italic;}
table.tarifs td.titre{ height:auto; background:#29241A;}
table.tarifs td.titre h2{  color:#FFF; font-weight:bold!important;}
table.tarifs tr.tophead, table.tarifs tr.tophead td{border:none;}
table.tarifs tr.tophead td.mplus{ -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px;  -webkit-border-radius-topleft:10px; -webkit-border-radius-topright:10px; }

/*/////////////////////////
	PORTFOLIO
 ///////////////////////////*/
 #page.works .contenu{ margin:0 auto; width:965px;}
 #portfolio .work{ width:220px; float:left; height:185px; cursor:pointer; margin:0 28px 0 0;}
	#portfolio .work .visu{ border:solid 5px #e7dbc5; position:relative;}
	#portfolio .work:hover .visu{border-color:#D1BC98;}
	#portfolio .work .cache{ position:absolute; top:0; left:0; background:url(images/cache_portfolio_min.png) top left no-repeat; width:210px; height:135px;}
	#portfolio .work .title{ color:#8F836D; text-transform:uppercase; font-size:10px; margin:6px 5px 0 0; text-align:right; font-weight:normal; border:none; text-shadow:none;}
	
	#portfolio .detail{margin-bottom:10px; padding:10px 0; border-top:solid 2px #e1d0b0; border-bottom:solid 2px #e1d0b0; display:none; overflow:hidden;	}
	#portfolio .detail .visus{ border:solid 5px #e7dbc5; width:954px; height:455px; position:relative;}
	#portfolio .detail img{ position:absolute; top:0; left:0; z-index:1;}
	#portfolio .detail .cache{ position:absolute; top:0; left:0; background:url(images/cache_portfolio.png) top left no-repeat; width:954px; height:455px; z-index:10;}
	#portfolio .left{ width:410px; margin:0 0 0 5px; float:left;}
	#portfolio .right{ width:450px; margin:0 5px 0 0; float:right;}
	#portfolio h1{ text-transform:uppercase; font-size:25px; font-family:'Century Gothic'; color:#8f836d; font-weight:normal; margin:10px 5px; border:none;}
	
	#portfolio .navigation{ position:absolute; bottom:10px; right:10px; z-index:20;margin:0; padding:0; height:8px;}
	#portfolio .navigation li{ background:url(images/rond.png) top center no-repeat; width:10px; height:9px; list-style:none; margin:0; padding:0; float:left; margin-left:7px; text-indent:-9999px; cursor:pointer;}
	#portfolio .navigation li:hover,#portfolio .navigation li.active{ background-position:bottom center; }
	#portfolio .detail p{ margin:0; padding:0; padding-bottom:0.7em;}
	#portfolio .detail strong{ color:#000;}
	#portfolio .detail .cadre{ border:solid 5px #e7dbc5; width:auto;}
	#portfolio .mosaic{ background:url(images/mosaic.png) top left no-repeat; width:48px; height:24px; position:absolute; top:0; right:5px; cursor:pointer;}
	#portfolio .mosaic:hover{background-position:bottom left;}




/*/////////////////////////
	QUESTIONS
 ///////////////////////////*/
#content ul.questionList,ul.questionList li{list-style:none; margin:0; padding:0;}
#content ul.questionList li a:hover{background:#E3D5BE; }
#content ul.questionList li a{ overflow:hidden;display:block; list-style:none; margin:0; padding:0; height:50px; line-height:50px; border-bottom:1px solid #E1D0B0; text-decoration:none; }
    #content ul.questionList li a .question { color:#383224; font-size:1.2em; text-decoration:none; font-weight:bold;}
    #content ul.questionList li a:hover .question { text-decoration:underline; }
    #content ul.questionList li .category img{ width:35px; margin:0 5px 0 10px;  }
    #content ul.questionList li a .comment img{ width:15px; }
    #content ul.questionList li a .comment{ width:15px; font-size:0.9em; margin-right:10px; float:right; width:50px; text-align:right; }
#content ul.questionList li:nth-child(2n){ background:#ECDFC5;}

#content ul.questionList li.trans{ background:none; margin:15px 0 0 0; padding:0;text-shadow:0 1px 0 #FFFFFF;  border-bottom:1px solid #E1D0B0;  font-weight:bold; font-size:1em; color:#383224; }
#content ul.questionList li.solved a .question{ color:#8F836D; }
#content ul.questionList li.solved .category img{ opacity:0.4;  }

#content .questionInfo{  height:70px; text-align:right; margin-right:5px; line-height:70px;}

#content ul.answerList,#content ul.answerList li{list-style:none; margin:0; padding:0;}
#content ul.answerList li:nth-child(2n+1){ background:#ECDFC5;}
#content ul.answerList li.solver{ background:url(images/fond_valid.png) no-repeat right top #D9E287;}
#content ul.answerList li{ border-bottom:1px solid #E1D0B0; position:relative; padding:15px 15px 15px 5px;}
    #content ul.answerList li .avatar,#content .questionInfo .avatar{
	display: inline-block;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .9), 0 -1px 0 rgba(0, 0, 0, .6);
	-moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .9), 0 -1px 0 rgba(0, 0, 0, .6);
	box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .9), 0 -1px 0 rgba(0, 0, 0, .6);
        width:50px;
        height:50px;
        background-position: center center;
        vertical-align:middle;
    }
    #content ul.answerList li .actions{ position:absolute; text-align:right; top:2px; right:2px; width:150px; }
    #content ul.answerList li .left{ width:70px; text-align:center; }
    #content ul.answerList li .right{ width:590px; text-align:left; }

a.addQuestion{ background:url(images/btn_add.jpg) left top no-repeat; width:187px; height:36px; display:block; line-height:36px; padding-left:36px; text-align:center; font-size:1.2em; margin-bottom:15px; }

/*
 STYLE A SUPPR EN PROD
*/
.cake-sql-log {	width:100%;	background-color:#000;	color:#FFF;	border-collapse:collapse;}
.cake-sql-log caption {	background-color:#900;	color:#FFF;}
.cake-sql-log:hover {	top:auto;	bottom:0;}
.cake-sql-log td {	padding:3px;	border:1px solid #999;	background-color:#EEE;	color:#000;}
















/**
 * ZOOMBOX
 * */
#zoombox_aplat {	position:absolute;	top: 0;	left: 0;	z-index: 90;	width: 100%;	height:100%;	background-color: #000;	cursor:pointer;}
#zoombox_loader {	background:url(images/zoombox/loader.png) left top no-repeat;	position:absolute;	height: 40px;	width: 40px;	cursor: pointer;	top:50%;	left:50%;	margin:-20px 0 0 -20px;overflow: hidden;z-index: 110;}

#zoombox_close {	position: absolute;	top: -12px;	right: -12px;	height: 30px;	width: 30px;	background: transparent url(images/zoombox/close.png) ;	z-index: 100;}
.zoombox_close{	cursor: pointer;}
#zoombox_contener {	position:absolute;	padding:0;	margin:0;	overflow: visible;	padding:18px 18px 56px 18px;	z-index: 90;}
#zoombox_relative{	position:relative;	width:100%;	height:100%;}
#zoombox_content {	width:100%;	height:100%;	overflow:hidden;	background:#000;}	
#zoombox_content iframe{	border:none;}
#zoombox_nav{	bottom:-36px;	height:26px;	left:0px;	position:absolute;	width:100%;	z-index:100;	text-align:center;	line-height:16px;}
#zoombox_nav table{	border:medium none;	border-collapse:collapse;	border-spacing:0;	margin:0 auto;	padding:0;}
#zoombox_title{	background:transparent url(images/zoombox/title_r.png) no-repeat top right;	padding-right:13px;}
#zoombox_title span{	display:block;background:transparent url(images/zoombox/title.png) top left;	padding-left:13px;height:26px;	color:#FFFFFF;	font-family:Arial;	font-size:12px;	font-size-adjust:none;	font-stretch:normal;	font-style:normal;	font-variant:normal;	font-weight:bold;line-height:25px;	text-align:center;}
#zoombox_next {	background:transparent url(images/zoombox/bouton_d.png) no-repeat top right;	display:block;	height:26px;	width:39px;	cursor:pointer;}	
#zoombox_prev{	background:transparent url(images/zoombox/bouton_g.png) no-repeat top left;	height:26px;	width:39px;	display:block;	cursor:pointer;}	
#zoombox_next:hover,#zoombox_prev:hover{	background-position:bottom left;}	
.clear{clear:both;}

#zoombox_bg {}
div.zoombox_bg_h {	position:absolute;	top: -18px;	left:0;	width: 100%;	height: 18px;	background: transparent url(images/zoombox/ombre_h.png) repeat-x;}
div.zoombox_bg_hd {	position:absolute;	top: -18px;	right: -13px;	width: 13px;	height: 18px;	background: transparent url(images/zoombox/ombre_hd.png) no-repeat;}
div.zoombox_bg_d {	position:absolute;	top:0;	right: -13px;	height: 100%;	width: 13px;	background: transparent url(images/zoombox/ombre_d.png) repeat-y;}
div.zoombox_bg_bd {	position:absolute;	bottom: -18px;	right: -13px;	width: 13px;	height: 18px;	background: transparent url(images/zoombox/ombre_bd.png) no-repeat;}
div.zoombox_bg_b {	position:absolute;	bottom: -18px;	left:0;	width: 100%;	height: 18px;	background: transparent url(images/zoombox/ombre_b.png) repeat-x;}
div.zoombox_bg_bg {	position:absolute;	bottom: -18px;	left: -13px;	width: 13px;	height: 18px;	background: transparent url(images/zoombox/ombre_bg.png) no-repeat;}
div.zoombox_bg_g {	left: -13px;	top:0;	position:absolute;	height: 100%;	width: 13px;	background: transparent url(images/zoombox/ombre_g.png) repeat-y;}
div.zoombox_bg_hg {	position:absolute;	top: -18px;	left: -13px;	width: 13px;	height: 18px;	background: transparent url(images/zoombox/ombre_hg.png) no-repeat;}








/**
 * JGROWL
 **/

div.jGrowl {	padding:10px;	z-index:9999;}

/** Normal Style Positions **/
div.jGrowl {	position:fixed;}
div.jGrowl.top-left {	left: 0px;	top: 0px;}
div.jGrowl.top-right {right: 0px;top: 0px;}
div.jGrowl.bottom-left {left: 	0px;	bottom:0px;}
div.jGrowl.bottom-right {	right: 0px;	bottom: 0px;}
div.jGrowl.center {top: 0px;	width: 50%;	left: 	25%;}

/** Cross Browser Styling **/
div.center div.jGrowl-notification, div.center div.jGrowl-closer {	margin-left: auto;	margin-right: auto;}
div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {	background-color: #000;	color:#fff;	opacity: .85;	filter: alpha(opacity = 85);	zoom:1;	width: 235px;	padding: 10px;	margin-top: 5px;	margin-bottom: 5px;	font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 12px;	text-align: 	left;	display: none;	-moz-border-radius: 5px;	-webkit-border-radius:	5px;}
div.jGrowl div.jGrowl-notification {	min-height: 40px;}
div.jGrowl div.jGrowl-notification div.header {	font-weight: bold;	font-size:10px;}
div.jGrowl div.jGrowl-notification div.close {	float: right;	font-weight: bold;	font-size: 	12px;	cursor:pointer;	background:none!important;	position:inherit;	margin:0;  padding:0; width:auto; height:auto;}
div.jGrowl div.jGrowl-closer {	height: 15px;	padding-top: 4px;	padding-bottom: 	4px;	cursor: pointer;	font-size:11px;	font-weight: bold;	text-align: center;}










/**
 * SYNTAX HIGHTLIGHTER
 * */
#content ul.answerList .dp-highlighter li { border-bottom:none;list-style:decimal; }
.dp-highlighter{	font-family: "Consolas", "Courier New", Courier, mono, serif;	font-size: 12px;	background:none;	width: 99%;	overflow: hidden;	margin: 18px 0 18px 0 !important;padding-top: 1px; /* adds a little border on top when controls are hidden */}

/* clear styles */
.dp-highlighter ol,.dp-highlighter ol li,.dp-highlighter ol li span {	margin: 0;	padding: 0;	border: none;}
.dp-highlighter a,.dp-highlighter a:hover{	background: none;	border: none;	padding: 0;	margin: 0;}
.dp-highlighter .bar{	padding-left: 45px;}
.dp-highlighter.collapsed .bar,.dp-highlighter.nogutter .bar{	padding-left: 0px;}
.dp-highlighter ol{	list-style: decimal; /* for ie */	background-color: #fff;	margin: 0px 0px 1px 45px !important; /* 1px bottom margin seems to fix occasional Firefox scrolling */	padding: 0px;color: #5C5C5C;}
.dp-highlighter.nogutter ol,.dp-highlighter.nogutter ol li{	list-style: none !important;	margin-left: 0px !important;}
.dp-highlighter ol li,.dp-highlighter .columns div{	list-style: decimal-leading-zero; /* better look for others, override cascade from OL */	list-style-position: outside !important;	border-left: 3px solid #E5D9C2;	background-color: #352C25;	color: #cccccc;	padding: 0 3px 0 10px !important;	margin: 0 !important;line-height: 14px;}
.dp-highlighter.nogutter ol li,.dp-highlighter.nogutter .columns div{	border: 0;}
.dp-highlighter .columns{	background-color: #F8F8F8;	color: gray;	overflow: hidden;	width: 100%;}
	.dp-highlighter .columns div{	padding-bottom: 5px;}
.dp-highlighter ol li{	background-color: #352C25!important;	color: inherit; list-style:decimal;}
	.dp-highlighter ol li.alt{	background-color: #2a231e!important;}
	.dp-highlighter ol li span{		color: #cccccc!important;		background-color: inherit;	}
        .dp-highlighter ol li:last-child{ padding-bottom:10px!important;}

/* Adjust some properties when collapsed */
  .dp-highlighter.collapsed ol{	margin: 0px;}
.dp-highlighter.collapsed ol li{	display: none;}

/* Additional modifications when in print-view */
.dp-highlighter.printing{	border: none;}
.dp-highlighter.printing .tools{ display: none !important;}
.dp-highlighter.printing li{	display: list-item !important;}

/* Styles for the tools */
.dp-highlighter .tools{	padding: 3px 8px 3px 10px;	font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;	color: #CCCCCC;	background-color: #352C25;	padding-bottom: 10px;	border-left: 3px solid #E5D9C2;}

.dp-highlighter.nogutter .tools{	border-left: 0;}
.dp-highlighter.collapsed .tools{	border-bottom: 0;}
	.dp-highlighter .tools a{	font-size: 9px;	color: #a0a0a0;	background-color: inherit;	text-decoration: none;	margin-right: 10px;}
	.dp-highlighter .tools a:hover{	color: #FFCC33;	background-color: inherit;	text-decoration: underline;}

/* About dialog styles */
.dp-about { background-color: #fff; color: #333; margin: 0px; padding: 0px; }
.dp-about table { width: 100%; height: 100%; font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; }
.dp-about td { padding: 10px; vertical-align: top; }
.dp-about .copy { border-bottom: 1px solid #ACA899; height: 95%; }
.dp-about .title { color: red; background-color: inherit; font-weight: bold; }
.dp-about .para { margin: 0 0 4px 0; }
.dp-about .footer { background-color: #ECEADB; color: #333; border-top: 1px solid #fff; text-align: right; }
.dp-about .close { font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; background-color: #ECEADB; color: #333; width: 60px; height: 22px; }

/* Language specific styles */

.dp-highlighter .comment, .dp-highlighter .comments { color: #999999!important; background-color: inherit; }
.dp-highlighter .string { color: #ffcc33!important; background-color: inherit; }
.dp-highlighter .keyword { color: #ffcc33!important; font-weight: bold; background-color: inherit; }
.dp-highlighter .preprocessor { color: gray!important; background-color: inherit; }
.dp-highlighter .vars { color: #93c763!important; background-color: inherit; }