/*****************************************/
/*SITE Lobi §
/*****************************************/
/* couleurs utilisees

*/
@import "../../css/lobi-theme/jquery-ui-1.7.1.custom.css";

BODY
{
	color:#333;
	font-family:"Trebuchet MS",arial,helvetica,sans-serif;
	font-size:11px;
}

#body
{
	background:url(img/bandeau_lobi.png) no-repeat;
    background-position:top center;
}

#logo {

    }

#imgLogo {
    background:url(img/logo_lobi.gif) no-repeat;
    width:135px;
    height:116px;
}

H1
{
	text-align:left;
}
A
{
	color:#790e11;
	text-decoration:underline
}
A:hover
{
	color:#a90f12;
	text-decoration:underline;
}

#outils LI A {
    color:#000;
}

#outils LI.current A {
    color:#790e11;
}

#outils LI A:hover
{
	color:#a90f12;
}

#nav1 LI A
{
	color:#000;
    background:#eee;
	padding:5px 20px;
	height:17px;
}
#nav1 LI A:hover
{
	background:#ca0018;
	color:white;
}

#nav1 LI.current A
{
    background:#a90f12;
	color:white;
}

#nav2 {
    background:#e5e5e5;
    color:#ca0018;
	border-top:3px solid #a90f12;
	border-bottom:2px solid #790e11;
}

#nav2 LI A
{
	color:#000;
}

#nav2 LI A:hover
{
    background:#ca0018;
	color:white;
}

#nav2 LI.current A
{
	background:white;
	color:#ca0018;
}

#zone-lechemin
{
	color:#a90f12;
}

#basdepage
{
    border-color: #790e11;/*rouge fonce*/
    background:#ca0018;/*rouge moyen*/
    color:#fff;
}

ul.keywordList {
    margin:0;
    padding:0;
    height:100%;
}

ul.keywordList li{
    width:250px;
    height:15px;
    line-height:15px;
    position:relative;
    list-style-type:none;
    margin:5px 0;
    padding:5px 20px 5px 5px;
    font-size:12px;
}

ul.keywordList li span{
    position:absolute;
    top:5px;
}

ul.keywordList li span.moveKeyword{top:5px;right:20px;}
ul.keywordList li span.deleteKeyword{top:4px;right:5px;}
ul.keywordList li span.removeGroup{right:20px;}

#groups {
    float:left;
    margin-left:20px;
    width:370px;
    height:430px;
}

#groups p {
    padding : 20px 5px;
}

.deleteSemanticField {
    margin-left:340px
}
/*****************************************/
/*formulaires */
/*****************************************/
FORM
 {
    margin: 0;
    padding: 0;
    border: none;
}

FORM BUTTON
{
    cursor:pointer;
}

FORM EM
{
	font-weight:bold;
	color:#c00;
}
FORM UL
{
	margin:0;
	padding:0;
	margin-top:10px;
}
FORM LI
{
	list-style:none;
	margin-bottom:0.8em;
}
FORM INPUT, BUTTON, SELECT {
    vertical-align: middle; /* Solution pb. d'alignement. (9) */
}
FORM TEXTAREA,FORM INPUT.texte
{
	font-family:"Trebuchet MS",arial,helvetica,sans-serif;
	background:#e5e5dc;
	font-size:12px;
}
FORM .validation
{
	text-align:right;
}
FORM INPUT.textecourt
{
	width:30px;
}
FORM INPUT.valider
{

	width:150px;
	background:#a90f12;
	color:white;
}
FORM FIELDSET
{
	border:1px solid #ddd;
	padding:10px;
	margin-bottom:10px;
}
.formulaire
{
	width:600px;
	margin:7px 0 7px 100px;
	padding:0px 5px;
}
.formulaire LEGEND
{
	font-weight:bold;
	color:#333;
}
.formulaire LABEL
{
	display:block;
	float:left;
	width:150px;
	text-align:right;
	margin-right:10px;
	padding-top:3px;
	font-size:1.1em;
}
.formulaire TEXTAREA,.formulaire INPUT.texte,.formulaire SELECT
{
	width:350px;
}
.formulaire  TEXTAREA
{
	height:200px;
}
.formulaire .obligatoire TEXTAREA,.formulaire .obligatoire INPUT,.formulaire .obligatoire SELECT
{

}
.tableauform
{
	margin-left:100px;
}
.tableauform INPUT.texte,.tableauform SELECT
{
	width:200px;
}
.tableauform TEXTAREA
{
	width:350px;
	height:400px;
}
/*****************************************/
/*separateurs */
/*****************************************/
.sep-h
{
	background:url(img/sep.png) repeat-x;
	margin:0.75em 2em;
	height:2px;
}
.sep-v
{
	background:url(img/sep.png) repeat-y;
}

/*****************************************/
/*tableaux d'infos */
/*****************************************/

TABLE.infos
{
	margin-left:100px;
	border-collapse:collapse;
}
.infos TD
{
	padding:3px;
	margin:0;
	border:0;
	font-size:1.1em;
	font-weight:bold;
}
.infos TD.adroite
{
	text-align:right;
}
.infos TD.margedroite
{
	padding-right:30px;
}

.infos UL
{
	margin:0;
	padding:0;
}
.infos LI
{
	list-style-type:none;
	margin:0;
	line-height:1.5em;
}
.infos LI A
{
	display:block;
	padding:2px;
	font-size:1.1em;
}
.infos LI.courant A
{
	background:#e5e5e5;
	color:white;
	cursor:text;
	text-decoration:none;
}
.infos LI A:hover
{
	background:#e5e5e5;
}

TABLE.display
{
    width:98%;
	border-collapse:collapse;
}


TABLE.display tr td{
    border-top: solid 2px #fff;
    padding:0 5px;
    font-weight:bold;
}

TABLE.display tr.dark td{
    background:#e5e5e5;
}

TABLE.blankTable td {
    border:0;
}

td.displayUrl a{
    text-decoration:none;
    color:#a90f12;
}
/*****************************************/
/*tableaux de données */
/*****************************************/
TABLE.donnees
{
	width:98%;
	border-collapse:collapse;

}
.donnees TH
{
	padding:3px 0 3px 15px;
	margin:0;
	border:1px solid #ccc;
	background-color:#e5e5e5;
	font-size:1.1em;
	font-weight:bold;
	text-align:center;
}
.donnees TD
{
	padding:3px;
	margin:0;
	border:1px solid #ccc;
	font-size:1.1em;
	text-align:center;
	font-weight:bold;
}
.donnees TD.gauche
{
	text-align:left;
	font-weight:normal;
}
.donnees TD.rouge
{
	background:#fc0000;
	color:white;
}
.donnees TD.orange
{
	/*background:#febd00;*/
	background:#ff6600;
	color:white;
}
.donnees TD.vert
{
	/*background:#66cc66;*/
	background:#339933;
	color:white;
}
.donnees TD.gris
{
	/*background:#febd00;*/
	background:gray;
	color:white;
}
SPAN.rouge
{
	color:#fc0000;
}
SPAN.orange
{
	color:#ff6600;
}
SPAN.vert
{
	color:#339933;
}


SELECT.lstCompetitor, SELECT.lstKeyword{
    width:190px;
}