/****************************************************************/
/* Feuilles de style importées */
/****************************************************************/

/* import the basic setup styles */
@import url(imports/base.css);
/* import the colour scheme */
@import url(imports/adsltv_cs_v3.css);


/****************************************************************/
/* 2. text settings */
/****************************************************************/


.pun pre {
	font-family: arial, helvetica, verdana, sans-serif;
}

.pun pre {
	font-size: 1em;
}

.pun h2, .pun h4 {
	font-size: 1em;
}

.pun h3 {
	font-size: 1.1em;
}


.blockpost h2 a:link,
.blockpost h2 a:visited, .postfootright a:link, .postfootright a:visited,
.blockmenu a:link, .blockmenu a:visited, #punindex a:link, .pun a:visited {
	text-decoration: none;
}

.blockpost h2 a:hover {
	text-decoration: none;
}

div.blockpost label {
	border: #bcbcbc 1px solid;
}

div.block, div.blockform, div.block2col {
	margin-bottom: 18px;
}

div.blockpost {
	margin-bottom: 10px;
}

div.block2col div.blockform, div.block2col div.block {
	margin-bottom: 0px;
}

div.block div.inbox, div.blockmenu div.inbox {
	padding: 0px 6px;
}

.pun p, .pun ul, .pun dl, div.blockmenu li, .pun label, #announce div.inbox div {
	padding: 3px 0px;
}

.pun h1 {
	padding: 10px 0px 0px 0px; 
	color: #ffffff;
}

#brdfooter dl a, div.blockmenu li, div.rbox input  {
	line-height: 1.4em;
}

div.rbox input, div.blockform p input  {
	margin-right: 8px;
}

div.postmsg p.postedit {
	padding-top: 35px;
}

p.multidelete {
	padding-top: 15px;
	padding-bottom: 5px;
}

div.blockform form, div.fakeform {
	padding: 20px 20px 15px 20px;
}

div.inform {
	padding-bottom: 12px;
}

div.forminfo  {
	margin-bottom: 12px;
	padding: 9px 10px;
}

ul.bblinks li {
	padding-right: 20px;
}

ul.bblinks {
	padding-bottom: 10px; 
	padding-left: 4px;
}

div.blockform p input {
	margin-left: 12px;
}

td div.tclcon {
	margin-left: 3em;
	padding-left: 10px;
}


td div.tclcon p {
	float: right;
}

td div.tclcon p a:link, td div.tclcon p a:visited {
	text-decoration: none;
	color: #3c607b;
}

td div.tclcon p a:hover {
	text-decoration: none;
	color: #ff0000;
}

div.nouser {
	width: 80%;
	height: 40px;
}

input.longinput {
	width: 60%;
}

/****************************************************************/
/************************  E D I T E U R ************************/
/****************************************************************/
div.txtarea {
	width: 744px;
	height: 498px;
	background: transparent;
}

div.txtarea_admmod {
	width: 744px;
	height: 468px;
	background: transparent;
}

div.editor_guest {
	position: relative; 
	top: 0px; 
	left: 0px;
	width: 742px;
	height: 70px;
	background: transparent url(../img/adsltv_v3/editor/facteur.gif) no-repeat bottom left;
	padding: 0px;
}

div.editor_factor {
	position: relative; 
	top: 0px; 
	left: 92px;
	width: 631px;
	height: 66px;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	background: url(../img/adsltv_v3/editor/backg_attention.png) repeat-x;
	padding: 0px 0px 0px 20px;
}

div.factor_backg {
	position: absolute;  
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 62px;
	background: transparent url(../img/adsltv_v3/editor/chaines.jpg) no-repeat bottom left;
}

div.factor_link {
	position: absolute;  
	bottom: 14px;
	right: 0px;
	width: 180px;
	height: 44px;
	text-align: center;
	color: #ff0000;
	font-size: 20px;
	font-weight: bold;
}

div.factor_link a:link, div.factor_link a:visited {
	color: #006666;  
	text-decoration: none;
}

div.factor_link a:hover {
	color: #ff0000;  
	text-decoration: none;
}

div.editor_admmod {
	position: relative; 
	top: 0px; 
	left: 0px;
	width: 742px;
	height: 45px;
	background: transparent url(../img/adsltv_v3/editor/facteur_admmod.png) no-repeat bottom left;
	padding: 0px;
}

span.liste a:link, span.liste a:visited {
	position: absolute;
	bottom: 2px; 
	left: 146px;
  width: 24px;
  height: 28px;
 	padding: 0px;
	border: 0px none;
  background: transparent url(../img/adsltv_v3/editor/list.png) no-repeat;
}

span.puce1 a:link, span.puce1 a:visited {
	position: absolute;
	bottom: 2px; 
	left: 179px;
  width: 24px;
  height: 28px;
 	padding: 0px;
	border: 0px none;
  background: transparent url(../img/adsltv_v3/editor/puce1.png) no-repeat;
}

span.puce2 a:link, span.puce2 a:visited {
	position: absolute;
	bottom: 2px; 
	left: 205px;
  width: 24px;
  height: 28px;
 	padding: 0px;
	border: 0px none;
  background: transparent url(../img/adsltv_v3/editor/puce2.png) no-repeat;
}

span.puce3 a:link, span.puce3 a:visited {
	position: absolute;
	bottom: 2px; 
	left: 231px;
  width: 24px;
  height: 28px;
 	padding: 0px;
	border: 0px none;
  background: transparent url(../img/adsltv_v3/editor/puce3.png) no-repeat;
}

span.puce4 a:link, span.puce4 a:visited {
	position: absolute;
	bottom: 2px; 
	left: 257px;
  width: 24px;
  height: 28px;
 	padding: 0px;
	border: 0px none;
  background: transparent url(../img/adsltv_v3/editor/puce4.png) no-repeat;
}

span.puce5 a:link, span.puce5 a:visited {
	position: absolute;
	bottom: 2px; 
	left: 283px;
  width: 24px;
  height: 28px;
 	padding: 0px;
	border: 0px none;
  background: transparent url(../img/adsltv_v3/editor/puce5.png) no-repeat;
}

span.puce6 a:link, span.puce6 a:visited {
	position: absolute;
	bottom: 2px; 
	left: 309px;
  width: 24px;
  height: 28px;
 	padding: 0px;
	border: 0px none;
  background: transparent url(../img/adsltv_v3/editor/puce6.png) no-repeat;
}

span.puce7 a:link, span.puce7 a:visited {
	position: absolute;
	bottom: 2px; 
	left: 335px;
  width: 24px;
  height: 28px;
 	padding: 0px;
	border: 0px none;
  background: transparent url(../img/adsltv_v3/editor/puce7.png) no-repeat;
}

span.puce8 a:link, span.puce8 a:visited {
	position: absolute;
	bottom: 2px; 
	left: 361px;
  width: 24px;
  height: 28px;
 	padding: 0px;
	border: 0px none;
  background: transparent url(../img/adsltv_v3/editor/puce8.png) no-repeat;
}

span.flash a:link, span.flash a:visited {
	position: absolute;
	bottom: 2px; 
	left: 460px;
  width: 24px;
  height: 28px;
 	padding: 0px;
	border: 0px none;
  background: transparent url(../img/adsltv_v3/editor/flash.png) no-repeat;
}


span.gras a:link, span.gras a:visited {
	position: absolute;
	top: 63px; 
	left: 24px;
	width: 24px;
	height: 28px;
 	padding: 0px;
	border: 0px none;
  background: transparent url(../img/adsltv_v3/editor/gras.png) no-repeat;
}

span.italique a:link, span.italique a:visited {
	position: absolute;
	top: 63px; 
	left: 54px;
	width: 24px;
	height: 28px;
	padding: 0px;
	border: 0px none;
  background: transparent url(../img/adsltv_v3/editor/italique.png) no-repeat;
}

span.souligne a:link, span.souligne a:visited {
	position: absolute;
	top: 63px; 
	left: 84px;
	width: 24px;
	height: 28px;
	padding: 0px;
	border: 0px none;
  background: transparent url(../img/adsltv_v3/editor/souligne.png) no-repeat;
}

span.barre a:link, span.barre a:visited {
	position: absolute;
	top: 63px; 
	left: 114px;
	width: 24px;
	height: 28px;
	padding: 0px;
	border: 0px none;
  background: transparent url(../img/adsltv_v3/editor/barre.png) no-repeat;
}

span.gauche a:link, span.gauche a:visited {
	position: absolute;
	top: 99px; 
	left: 24px;
	width: 24px;
	height: 28px;
	padding: 0px;
	border: 0px none;
  background: transparent url(../img/adsltv_v3/editor/gauche.png) no-repeat;
}

span.centre a:link, span.centre a:visited {
	position: absolute;
	top: 99px; 
	left: 54px;
	width: 24px;
	height: 28px;
	padding: 0px;
	border: 0px none;
  background: transparent url(../img/adsltv_v3/editor/centre.png) no-repeat;
}

span.droite a:link, span.droite a:visited {
	position: absolute;
	top: 99px;
	left: 84px;
	width: 24px;
	height: 28px;
	padding: 0px;
	border: 0px none;
  background: transparent url(../img/adsltv_v3/editor/droite.png) no-repeat;
}

span.justifie a:link, span.justifie a:visited {
	position: absolute;
	top: 99px;
	left: 114px;
	width: 24px;
	height: 28px;
	padding: 0px;
	border: 0px none;
  background: transparent url(../img/adsltv_v3/editor/justifie.png) no-repeat;
}

span.liste a:hover, span.puce1 a:hover, span.puce2 a:hover, span.puce3 a:hover, span.puce4 a:hover, span.puce5 a:hover,
span.puce6 a:hover, span.puce7 a:hover, span.puce8 a:hover, span.flash a:hover, span.gras a:hover, span.italique a:hover, 
span.souligne a:hover, span.barre a:hover, span.gauche a:hover, span.centre a:hover, span.droite a:hover, span.justifie a:hover {
	cursor: pointer;
	background-position: 0% -28px;
}

div.reponses {
	position: absolute; 
	z-index:900;
	bottom: 1px;
	right: 0px; 
	width: 160px;
}

div.editor {
	position: relative; 
	top: 0px; 
	left: 0px;
	width: 742px;
	height: 428px;
	background: #ffffff;
	border: 1px solid #000000;	
}

div.editor_outils_guest {
	position: relative;
	top: 0px; 
	left: 0px;
	width: 145px;
	height: 428px;
	border-right: 1px solid #000000;
	background: transparent url(../img/adsltv_v3/editor/backg_outils.gif) top left;
}

div.editor_outils {
	position: relative;
	top: 0px; 
	left: 0px;
	width: 145px;
	height: 428px;
	border-right: 1px solid #000000;
	background: transparent url(../img/adsltv_v3/editor/backg_outils.gif) top left;
}

#frm {
		position: relative;
		height: 172px;
		width: 140px;
		left: 0px;
		top: 258px;
		font-size: 2em;
		font-weight: bold;
		font-family: verdana, arial;
		background: #111;
		overflow: hidden;
		padding: 0.5em;
}

#frm span {
		position: relative;
		text-align: center;
		z-index: 1;
}

#mtxform {
		position: relative;
		z-index: 10;
}

.hidden {
		visibility: hidden;
}

span.police a:link, span.police a:visited {
	position: absolute;
	top: 8px; 
	left: 8px;
	width: 75px;
	height: 22px;
	padding: 0px;
	border: 0px none;
  background: transparent url(../img/adsltv_v3/editor/police.png) no-repeat;
}

span.pcouleur a:link, span.pcouleur a:visited {
	position: absolute;
	top: 8px; 
	left: 88px;
	width: 50px;
	height: 22px;
	padding: 0px;
	border: 0px none;
  background: transparent url(../img/adsltv_v3/editor/pcouleur.png) no-repeat;
}

span.taille a:link, span.taille a:visited {
	position: absolute;
	top: 36px; 
	left: 8px;
	width: 75px;
	height: 22px;
	padding: 0px;
	border: 0px none;
  background: transparent url(../img/adsltv_v3/editor/taille.png) no-repeat;
}

span.bgcouleur a:link, span.bgcouleur a:visited {
	position: absolute;
	top: 36px; 
	left: 88px;
	width: 50px;
	height: 22px;
	padding: 0px;
	border: 0px none;
  background: transparent url(../img/adsltv_v3/editor/bgcouleur.png) no-repeat;
}

span.retrait a:link, span.retrait a:visited {
	position: absolute;
	bottom: 0px; 
	left: 398px;
	width: 50px;
	height: 22px;
	padding: 0px;
	border: 0px none;
  background: transparent url(../img/adsltv_v3/editor/retrait.png) no-repeat;
}

span.police a:hover, span.pcouleur a:hover, span.taille a:hover, span.bgcouleur a:hover, span.retrait a:hover {
	cursor: pointer;
	background-position: 0% -22px;
}

span.trait a:link, span.trait a:visited {
	position: absolute;
	top: 144px; 
	left: 16px;
	width: 34px;
	height: 35px;
	padding: 0px;
	border: 0px none;
  background: transparent url(../img/adsltv_v3/editor/trait.png) no-repeat;
}

span.citer a:link, span.citer a:visited {
	position: absolute;
	top: 144px; 
	left: 60px;
	width: 34px;
	height: 35px;
	padding: 0px;
	border: 0px none;
  background: transparent url(../img/adsltv_v3/editor/citer.png) no-repeat;
}

span.emoticones a:link, span.emoticones a:visited {
	position: absolute;
	top: 144px; 
	left: 104px;
	width: 34px;
	height: 35px;
	padding: 0px;
	border: 0px none;
  background: transparent url(../img/adsltv_v3/editor/emoticones.png) no-repeat;
}

span.code a:link, span.code a:visited {
	position: absolute;
	top: 187px; 
	left: 16px;
	width: 34px;
	height: 35px;
	padding: 0px;
	border: 0px none;
  background: transparent url(../img/adsltv_v3/editor/code.png) no-repeat;
}

span.web a:link, span.web a:visited {
	position: absolute;
	top: 187px; 
	left: 60px;
	width: 34px;
	height: 35px;
	padding: 0px;
	border: 0px none;
  background: transparent url(../img/adsltv_v3/editor/web.png) no-repeat;
}

span.img a:link, span.img a:visited {
	position: absolute;
	top: 187px; 
	left: 104px;
	width: 34px;
	height: 35px;
	padding: 0px;
	border: 0px none;
  background: transparent url(../img/adsltv_v3/editor/img.png) no-repeat;
}

span.trait a:hover, span.citer a:hover, span.emoticones a:hover, span.code a:hover, span.web a:hover, span.img a:hover {
	cursor: pointer;
	background-position: 0% -35px;	
}

div.editor_cadre_gris {
	position: absolute; 
	top: 6px; 
	left: 152px;
	width: 582px;
	height: 415px;
	border: 1px solid #e6e6e6;
	background: #ffffff;
}

#textarea {
	position: relative;
	top: 6px; 
	left: 6px;
	font-family: arial, sans-serif;
	font-size: 12px;
	width: 575px;
	height: 370px;
	border: 0px;
	padding: 0px;
	background: #ffffff;
	overflow: auto;
}

div.editor_boutons {
	position: relative; 
	top: -36px; 
	left: 146px;
	width: 597px;
	height: 37px;
	margin: 1px 0px 0px 0px\9; /* hack valable pour toutes versions IE. Il suffit d'ajouter \9 */
	background: transparent url(../img/adsltv_v3/editor/backg_boutons.png) no-repeat top left;
}

input.btn_envoyer {
	position: absolute;
	bottom: 0px; 
	left: 4px;
	width: 98px;
	height: 27px;
	padding-left: 22px;
	padding-bottom: 2px;
	border: 0px none;
	color: #000000;
	background: url(../img/adsltv_v3/editor/envoyer.png); 
	padding-top: 0px\9; /* hack valable pour toutes versions IE. Il suffit d'ajouter \9 */
	padding-left: 18px\9; /* hack valable pour toutes versions IE. Il suffit d'ajouter \9 */
	padding-right: 0px\9; /* hack valable pour toutes versions IE. Il suffit d'ajouter \9 */
	padding-bottom: 0px\9; /* hack valable pour toutes versions IE. Il suffit d'ajouter \9 */
}

input.btn_envoyer:hover {
	cursor: pointer;
	background-position: 0% -27px;
}

input.btn_previsu {
	position: absolute;
	bottom: 0px; 
	left: 104px;
	display: block;
	width: 98px;
	height: 27px;
	padding-left: 24px;
	padding-bottom: 2px;
	border: 0px none;
	color: #000000;
	background: url(../img/adsltv_v3/editor/previsu.png) no-repeat top right; 
	padding-top: 0px\9; /* hack valable pour toutes versions IE. Il suffit d'ajouter \9 */
	padding-left: 18px\9; /* hack valable pour toutes versions IE. Il suffit d'ajouter \9 */
	padding-right: 0px\9; /* hack valable pour toutes versions IE. Il suffit d'ajouter \9 */
	padding-bottom: 0px\9; /* hack valable pour toutes versions IE. Il suffit d'ajouter \9 */
}

input.btn_previsu:hover {
	cursor: pointer;
	border: 0px none;
	background-position: 0% -27px;
}

input.btn_retour {
	position: absolute;
	bottom: 0px; 
	left: 204px;
	width: 98px;
	height: 27px;
	padding-left: 12px;
	padding-bottom: 2px;
	border: 0px none;
	color: #000000;
	background: url(../img/adsltv_v3/editor/retour.png); 
	padding-top: 0px\9; /* hack valable pour toutes versions IE. Il suffit d'ajouter \9 */
	padding-left: 10px\9; /* hack valable pour toutes versions IE. Il suffit d'ajouter \9 */
	padding-right: 0px\9; /* hack valable pour toutes versions IE. Il suffit d'ajouter \9 */
	padding-bottom: 0px\9; /* hack valable pour toutes versions IE. Il suffit d'ajouter \9 */
}

input.btn_retour:hover {
	cursor: pointer;
	background-position: 0% -27px;
}

div.editor_bas {
	position: relative; 
	top: -40px; 
	left: 446px;
	width: 285px;
	height: 40px;
	background: url(../img/adsltv_v3/editor/bas.gif) no-repeat top left;
}

#panneau1 { /* polices */
	z-index: 500;
	position: absolute;
	display: none;
	top: 22px; 
	left: -145px;
	width: 150px;
	height: 180px;
	padding: 6px 0px 6px 6px;
	font-size: 11px;
	overflow: auto;
 	border: 1px solid #000000;
 	background: #ffffff;
}

#panneau2 { /* Taille police */
	z-index: 500;
	position: absolute;
	display: none;
	top: 50px; 
	left: -145px;
	width: 100px;
	height: 170px;
	text-align: center;
 	border: 1px solid #000000;
 	background: #ffffff;
}

#panneau3 { /* Couleur police */
	z-index: 500;
	position: absolute;
	display: none;
	top: 22px; 
	left: -65px;
	width: 160px;
	height: 112px;
	font-size:16px;
 	border: 1px solid #000000;
 	background: #ffffff;
}

#panneau4 { /* Couleur arriere-plan */
	z-index: 500;
	position: absolute;
	display: none;
	top: 50px; 
	left: -65px;
	width: 160px;
	height: 112px;
	font-size:16px;
 	border: 1px solid #000000;
 	background: #ffffff;
}

#panneau3 table td, #panneau4 table td { /* Couleur police */
	border-left: 1px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
}

#panneau5 { /* emoticones */
	z-index: 500;
	position: absolute;
	display: none;
	top: -6px; 
	left: -152px;
	width: 133px;
	height: 416px;
	padding: 4px;
	overflow: auto;
 	border: 1px solid #000000;
 	background: #f1f1f1;
}

#panneau6 { /* Marges */
	z-index: 500;
	position: absolute;
	display: none;
	top: -8px; 
	left: 244px;
	width: 149px;
	height: 156px;
	padding: 0px;
	font-family: Comic Sans MS, sans-serif;
	font-size: 11px;
	border: 1px solid #000000;
 	background: url(../img/adsltv_v3/editor/backg_marges.png) no-repeat top left;
}

/*********** FIN   E D I T E U R ***********/

#captcha {
	position: relative; 
	top: 0px; 
	left: 0px;
	width: 100%;
	height: 200px;
}

#captchabox {
	position: absolute; 
	top: 0px; 
	left: 0px;
	margin-bottom: 12px;
	padding: 9px 10px;
}
	
#captchaboxnote {
	position: absolute; 
	top: 0px; 
	left: 400px;
	width: 350px;
	margin-bottom: 12px;
	padding: 9px 10px;
}