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

/* 1. IMPORT DES FEUILLES DE STYLE */

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



/* Import de la feuille de style de base */
@import url(../../../templates/opera/css/content.css);
@import url(../../../templates/opera/css/layout.css);
@import url(../../../templates/opera/css/template.css);
@import url(../../../templates/opera/css/navigation.css);
@import url(imports/base.css);



/* Import du theme de couleur */

/*@import url(imports/Oxygen_cs.css);*/

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

/* 2. STYLES FORUM OPERA ADVISA */

/****************************************************************/
html, body {
  height: 100%;
}

#col_right_forum {
  left:0;
  position:absolute;
  top:0;
  width:980px;
  z-index:100;
}

/*Size*/
h1{}
h2 {
font-size: 2em;}
#brdfooter h2{
	display: none;
}
h3{}
h4{font-family:Arial;font-size:14px;}
    h4.gris{	
    	text-transform: uppercase;
    	color:#76736C;
    	margin: 0px;
    }
    h4.gris span{
    	display: block;
    	width: auto!important;
    	padding-bottom:10px;
    	
    }
    h4.gris span img{
    	margin-bottom:-4px;
    }
    
    h4.bleu{color:#354968;}
h5{font-family:Arial;font-size:14px;font-weight:bold;color:#354968;}
	
	
.newpost{
    background-color:green;
}

.dd_footer{
    font-family:Arial;
    font-size:10px;
	color:#1D2D49;
}

.sp_footer{
    font-family:Arial;
    font-size:10px;
    color:#1D2D49;
}

a{
    color:#354968;
    text-decoration:none;
}

a:visited{
    color:#333333;
}

a:hover{
    color:#000000;
    text-decoration:underline;
}

table {
    border-collapse:separate;
	border-spacing:1px;
	margin:1px;
}

tr{
}

td{
}

ul{
    margin:15px;
}

.tcl {
    text-align: left;
    width: 50%;
    background-color:#EFEEEA;
    font-family:Arial;
    font-size:12px;
}

.tc2, .tc3, .tcmod {
    width: 9%;
    text-align: center;
    background-color:#EFEEEA;
    font-size:10px;
}

.tcr {
    width: 32%;
    text-align: center;
    background-color:#EFEEEA;
    font-size:10px;
}

th[scope] {
    background-color:#A19B9B;
    color:#FFFFFF;
}

span{
	color:#A19B9B;
}

.byuser{
	color:#000000;
}

.tabcontainer{
    width: 100%;
	top:100px;
	/*background-color:green;*/
	border-spacing:0;
	border-collapse:collapse !important;
    margin: 0 !important;
    border: 0 !important;
}
.tabcontainer td {
    padding: 0;
    border: 0;
}
.tabcontainer td img {
    padding: 0;
    margin: 0;
    border: 0;
}
.tabshow {
    width: 100%;
	border-spacing:0;
	border-collapse:collapse !important;
    margin: 0 !important;
    border: 0 !important;
}
.tabshow table {
    margin: 0 !important;
    border: 0 !important;
}
fieldset{
	color:#354A69;
}

DIV.txtarea TEXTAREA, INPUT.longinput{
	WIDTH: 100%;
	background-color:#FFFFFF;
}

label {
    float:none;
    font-size:1.1em;
    width:170px;
}

.blockpost{
    border : 1px solid;
    border-color:#DFDDD8;
}

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

/* 2. PARAMETRES DU TEXTE */

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



/* 2.1 Ceci fixe la famille de police par defaut */



.pun, .pun INPUT, .pun SELECT, .pun TEXTAREA, .pun OPTGROUP {

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif

}



.pun {FONT-SIZE: 11px; LINE-HEIGHT: normal}



/* Taille de police d'Internet Explorer seulement - pour permettre e IE de zoomer.  N'enlevez pas les commentaires \*/

* HTML .pun {FONT-SIZE: 68.75%}

/* Fin de la taille des polices pour IE */



/* Regle la taille de la police pour ces tableaux parce que IE l'exige */

.pun TABLE, .pun INPUT, .pun SELECT, .pun OPTGROUP, .pun TEXTAREA, DIV.postmsg P.postedit {FONT-SIZE: 1em}



/* 2.2 Regle la taille de la police pour le texte preformate c.-e-d. dans des boetes de code */



.pun PRE {FONT-FAMILY: monaco, "Bitstream Vera Sans Mono", "Courier New", courier, monospace}



/* 2.3 Taille de police pour les en-tetes (headers en anglais) */



.pun H2, .pun H4 {FONT-SIZE: 1em}

.pun H3 {FONT-SIZE: 1.1em}

#brdtitle H1 {FONT-SIZE: 1.4em}



/* 2.4 Texte plus gros pour les objets particuliers */



DIV.postmsg P {LINE-HEIGHT: 1.4;
 }

.postleft{
background-color:#DFDDD8;
border-color:black;
}
.postleft .username {
	font-size: 1.3em;
	text-decoration: underline;
}


.postright{
	font-size: 1.2em;
background-color:#FFFFFF;
border:#DFDDD8;
}
.postright h3{
	display:none;
}

.firstpost .postright h3{
	display:block;
	color: black;
	background: none;
	text-align: left;
	width: auto;
	font-weight: bold;
}


DIV.postleft DT {FONT-SIZE: 1.1em;
    margin-left:0;
    color:#000000 !important;
    }

.black_name{
    color:#000000 !important;

}

.pun PRE {FONT-SIZE: 1.2em}




.postlinksb{
}
.subscribelink{
	background: #A19B9B;
	text-align: right;
	
}
.subscribelink a{
	color: white;
}
.subscribelink p{
	padding-right:20px;
}
/* 2.5 Texte en gras */



DIV.postleft DT, DIV.postmsg H4, TD.tcl H3, DIV.forminfo H3, P.postlink, DIV.linkst LI,

DIV.linksb LI, DIV.postlinksb LI, .blockmenu LI, #brdtitle H1, .pun SPAN.warntext, .pun P.warntext {FONT-WEIGHT: bold}



#msg {
	background-color: #76736C;
	font-size: 1.2em;
	text-align: center;
}
#msg a{
	color:black;
	text-decoration: underline;
}
#msg h2 span{
	color:black;
	text-align: center;
}


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

/* 3. LIENS */

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



/* 3.1 Enleve le soulignement pour le menu principal, les liens en en-tete, les liens et les menus verticaux */

#brdmenu{
	left: 265px;
	top : 30px;
	position:absolute;
	padding-top: 3px;
}

#brdmenu A:link, 
#brdmenu A:visited, 
.blockpost DT A:link, .blockpost DT A:visited, 
.blockpost H2 A:link,
.blockpost H2 A:visited, 
.postlink A:link, .postlink A:visited, 
.postfootright A:link, .postfootright A:visited,
.blockmenu A:link, .blockmenu A:visited {
	TEXT-DECORATION: none;
	COLOR:#FFFFFF;

}



/* 3.2 Souligne au passage de la souris (ou hover en anglais) pour des liens dans les en-tetes et dans le menu principal */



#brdmenu A:hover, .blockpost H2 A:hover {
	TEXT-DECORATION: underline;
	
}


#brdmenu li a{
	font-size: 1.3em;
	font-weight: normal;
}


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

/* 4. LARGEUR ET MODeLE DE BORDURE */

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



/* 4.1 Par defaut les bordures sont solides (forment un trait plein) et font 1 pixel */



/*DIV.box, .pun TD, .pun TH, .pun BLOCKQUOTE, DIV.codebox, DIV.forminfo, DIV.blockpost LABEL {

	BORDER-STYLE: solid;

	BORDER-WIDTH: 1px

}*/



/* 4.2 Reglages speciaux pour le logo du forum */



#brdheader DIV.box {BORDER-TOP-WIDTH: 4px}



/* 4.3 Bordures pour les cellules des tableaux */



.pun TD, .pun TH {

	BORDER-BOTTOM: none;

	BORDER-RIGHT: none

}



.pun .tcl {BORDER-LEFT: none}



/* 4.4 Reglage special pour les jeu de champs afin de preserver ceux par defaut de IE */



DIV>FIELDSET {

	BORDER-STYLE: solid;
	BORDER-WIDTH: 1px

}



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

/* 5. ESPACEMENT VERTICAL ET DE LA PAGE */

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



/* 5.1 Marge des pages */



HTML, BODY {MARGIN: 0; PADDING: 0;}

#punwrap {margin:12px 20px;width:980px}



/* 5.2 Cree un espace vertical entre les elements du tableau de bord (marges) */



DIV.blocktable, DIV.block, DIV.blockform, DIV.block2col, #postreview {MARGIN-BOTTOM: 12px}

#punindex DIV.blocktable, DIV.blockpost {MARGIN-BOTTOM: 6px}

DIV.block2col DIV.blockform, DIV.block2col DIV.block {MARGIN-BOTTOM: 0px}



/* 5.3 Supprime l'espace au-dessus des breadcrumbs (infos qui indiquent l'emplacement exact d'une page au sein d'une arborescence) et des liens qui ont une marge superieure negative */



DIV.linkst, DIV.linksb {MARGIN-TOP: -12px}

DIV.postlinksb {MARGIN-TOP: 0px}



/* 5.4 Mets un espace de 12px au-dessus de la boete d'information du forum sur la page d'index parce que les tableaux de categorie ont un espace de seulement 6px sous eux  */



#brdstats {MARGIN-TOP: 12px}



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

/* 6. ESPACEMENT AUTOUR DU CONTENU */

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



/* 6.1 Remplissage par defaut des elements principaux */



DIV.block DIV.inbox, DIV.blockmenu DIV.inbox {PADDING: 3px 6px}

.pun P, .pun UL, .pun DL, DIV.blockmenu LI, .pun LABEL, #announce DIV.inbox DIV {PADDING: 3px 0}

.pun H2 {PADDING: 4px 6px}




.inbox table{
}

.inbox th,
.inbox td{
	padding: 8px;
}


/* 6.2 Espacement special pour divers elements */



.pun H1 {PADDING: 3px 0px 0px 0}

#brdtitle P {PADDING-TOP: 0px}

DIV.linkst {PADDING: 8px 6px 3px 6px}

DIV.linksb {PADDING: 3px 6px 8px 6px}

#brdwelcome, #brdfooter DL A, DIV.blockmenu LI, DIV.rbox INPUT  {LINE-HEIGHT: 1.4em}

#viewprofile DT, #viewprofile DD {PADDING: 0 3px; LINE-HEIGHT: 2em}



/* 6.4 Cree un espacement horizontal pour divers elements */



#brdmenu LI, DIV.rbox INPUT, DIV.blockform P INPUT  {
	MARGIN-RIGHT: 12px
}



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

/* 7. ESPACEMENT POUR LES TABLEAUX */

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



.pun TH, .pun TD {PADDING: 4px 6px}

.pun TD P {PADDING: 5px 0 0 0}



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

/* 8. ESPACEMENT POUR LES POSTS */

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



/* 8.1 Remplissage autour des colonnes gauches et droites dans viewtopic */



DIV.postleft DL, DIV.postright {PADDING: 6px}



/* 8.2 Espacement supplementaires pour contacter le posteur et pour son avatar */



DD.usercontacts, DD.postavatar {MARGIN-TOP: 5px}

DD.postavatar {MARGIN-BOTTOM: 5px}
dd.usercontacts img { display: none;	}


/* 8.3 Espacement superieur supplementaire pour les signatures pour "edite par" */



DIV.postsignature, DIV.postmsg P.postedit {PADDING-TOP: 15px}



/* 8.4 Espacement pour les boetes de code et de citation */



DIV.postmsg H4 {MARGIN-BOTTOM: 10px}

.pun BLOCKQUOTE, DIV.codebox {MARGIN: 5px 15px 15px 15px; PADDING: 8px}



/* 8.5 Remplissage pour les liens d'action (ex : Poster une reponse) et l'indicateur en ligne dans viewtopic */



DIV.postfootleft P, DIV.postfootright UL, DIV.postfootright DIV {PADDING: 10px 6px 5px 6px}



/* 8.6 Ceci est l'entree visuelle des moderateurs pour supprimer plusieurs sujets */



DIV.blockpost INPUT, DIV.blockpost LABEL {

	PADDING: 3px;

	DISPLAY: inline

}



P.multidelete {

	PADDING-TOP: 15px;

	PADDING-BOTTOM: 5px

}



/* 8.7 S'assure que les paragraphes dans des posts n'obtiennent aucune remplissage */



DIV.postmsg P {PADDING: 0}



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

/* 9. ESPACEMENT SPECIAL POUR LES FORMULAIRES */

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



/* 9.1 Remplissage autour des champs */



DIV.blockform FORM, DIV.fakeform {PADDING: 20px 0 15px 0}

DIV.inform {PADDING: 12px}



/* 9.2 Remplissage e l'interieur des champs */



.pun FIELDSET {PADDING: 0px 12px 0px 12px}

DIV.infldset {PADDING: 9px 9px 12px 9px}

LEGEND {
	font-size: 1.2em;
	padding: 8px;
	margin: 8px;
	font-weight: bold;	
}



/* 9.3 Pour la boete d'information au dessus du formulaire d'enregistrement et ailleurs */



DIV.forminfo {

	MARGIN-BOTTOM: 12px;

	PADDING: 9px 10px

}



/* 9.4 Liens d'aide de BBCode sous les formulaires de post */



UL.bblinks LI {PADDING-RIGHT: 20px}



UL.bblinks {PADDING-BOTTOM: 10px; PADDING-LEFT: 4px}



/* 9.5 Positionnement horizontal pour le bouton d'envoi des formulaires */



/*DIV.blockform P INPUT {MARGIN-LEFT: 12px}*/



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

/* 10. INDICATEURS DE STATUTS DES POST */

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



/* 10.1 Ce sont les indicateurs de statut des post, qui apparaissent e gauche de quelques tableaux :

.inew = nouveaux posts, .iredirect = forums de redirection, .iclosed = sujets fermes

et .isticky = sujets epingles. Par defaut seul .inew est different du defaut. */



DIV.icon {

	FLOAT: left;

	MARGIN-TOP: 0.3em;
	
	MARGIN-LEFT: 1.2em;

	DISPLAY: block;

	BORDER-WIDTH: 0.4em 0.4em 0.4em 0.4em;

	BORDER-STYLE: solid;

    color:#1D2D49;
    
}




LI .postreport{
        color:black;
    }

/*.postleft{
    background-color:green;

}*/


    
/*DEFINIR ICI BALISE DE NAV*/
.nav_forum{
    float:left;


}




DIV.searchposts DIV.icon {MARGIN-LEFT: 0}



/* 10.2 La class .tclcon est une division e l'interieur de la premiere colonne des tableaux qui ont des indicateurs de statuts de posts.

La marge cree l'espace pour les indicateurs de statuts de posts */



TD DIV.tclcon {MARGIN-LEFT: 2.3em}


.incqbox{
	margin: 1em;
	padding: .5em;
	background-color: #DFDDD8;
}

.incqbox h4{
	font-size: 1em;
	font-style: italic;
}



.blockmenu .inbox li,
#adminmenu li {
	padding-left: 10px;
	background-color: none;
}

.blockmenu .inbox  li.isactive,
#adminmenu li.isactive {
	background-color: #354968;
}

.blockmenu .inbox li a,
#adminmenu li a{
	color : #354968;
}

.blockmenu .inbox li.isactive a,
#adminmenu li.isactive a{
	color : #FFFFFF;
}


.visuelEntete {
  height:164px;
  vertical-align:bottom;
  background: url(../dev_opera/titre_logo.jpg) no-repeat top right;
  margin-top:1px;
}
.visuelEnteteAdmin {
  padding: 31px 0 0 0;
  height:90px;
  vertical-align:bottom;
  background: url(../dev_opera/titre_logo.jpg) no-repeat 0px 4px;
  margin-top:1px;
}

.visuelEnteteAdmin #brdmenu ul {
  padding: 46px 0 0 0;
}


#modcontrols{
	width: 100%;
	background-color: #354968;
	color: white;
	padding: 1em;
	margin-top: 1em;
}
#modcontrols a{
	font-size: 1.2em;
	color: white;
}