BODY{
    font-family:Arial, Helvetica, sans-serif;
    font-size: 11px;
    color:#3E3E3E;
	background-color: #FFFFFF;
	background-image:url(../images/fond.jpg);
	color: #666666;
	text-align: left;
	text-decoration: none;
	margin: 0;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
TD,DIV,th{
    font-family:Arial, Helvetica, sans-serif;
    font-size: 11px;
    color:#3E3E3E;
	text-decoration: none;
}

.tagcloud {
	color:#999999;
}

a.tagcloud {
	color:#999999;
}
a.dot {
	background:url(../images/dot.png) no-repeat left;
	padding-left: 12px;
}
/* ----------------------- COULEURS ET ELEMENTS DE COULEUR CHARTE ----------------------- */

.gris {
    color:#696969;
}


textarea.gris,
input.gris,
select.gris
{
    color:#333333;
	border: 1px #696969 solid;
	background-color: #EFEFEF;
}

H3.gris {
    font-size:16px;
    font-weight:bold;
    color:#333333;
    border-bottom:1px solid #696969;
    width:100%;
}

/* --------------- */

.rouge {
    color:#B90C1D;    
}
.rouge_titre {
    font-weight:bold;
    color:white;
    background:url(../images/fondTitreEstim.gif) no-repeat;
    width:929px;
    height:30px;
}

textarea.rouge,
input.rouge,
select.rouge
{
    color:#333333;
	border: 1px #B90C1D solid;
	background-color: #EFEFEF;
}

H3.rouge {
    font-size:16px;
    font-weight:bold;
    color:#333333;
    border-bottom:1px solid #B90C1D;
    width:100%;
}

/* --------------- */

.bleu {
    color:#0091A6;
}

.bleu_titre {
    font-weight:bold;
    color:white;
    background:url(../images/fondTitreMoteurLoc.jpg) no-repeat;
    width:929px;
    height:30px;
}
textarea.bleu,
input.bleu,
select.bleu
{
    color:#333333;
	border: 1px #0091A6 solid;
	background-color: #EFEFEF;
}

H3.bleu {
    font-size:16px;
    font-weight:bold;
    color:#333333;
    border-bottom:1px solid #0091A6;
    width:100%;
}
/* --------------- */

.violet {
    color:#80197F;
}

textarea.violet,
input.violet,
select.violet
{
    color:#333333;
	border: 1px #80197F solid;
	background-color: #EFEFEF;
}

/* --------------- */

.orange_titre {
    font-weight:bold;
    color:white;
    background:url(../images/fond-orange.gif) no-repeat;
    width:930px;
    height:31px;
}
.orange {
    color:#FC5013;
}

.orange_border {
    border:1px solid #FC5013;
}

input.orange,
select.orange
{
    color:#333333;
	border: 1px #E75112 solid;
	background-color: #EFEFEF;
}

/* --------------- */

.vert{
    color:#9AB000;
}

textarea.vert,
input.vert,
select.vert
{
    color:#333333;
	border: 1px #9AB000 solid;
	background-color: #EFEFEF;
}

/* ----------------------- TITRES ----------------------- */
H1 {
    Font-family:arial,helvetica,sans-serif;
    Font-size:	18px;
    font-weight:normal;
    color:#333333;
}

H2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	display:inline;
}

/* ----------------------- LIENS ----------------------- */
a{font-family:Arial, Helvetica, sans-serif;font-size: 11px;color:#E75112;text-decoration:none;}
a:hover{font-family:Arial, Helvetica, sans-serif;font-size: 11px;color:#3E3E3E;text-decoration:none;}
a.savoirplus {color:#E75112;font-weight:bold;text-decoration:underline;}
a.savoirplus:hover{color:#E75112;font-weight:bold;text-decoration:none;}

/* ----------------------- FLAG ----------------------- */

.FLAG_v{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 9px;
	background-color: Blue;
	padding-left: 5px;
	padding-right: 5px;
}

.FLAG_l{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #FFFFFF;
font-size: 9px;
background-color: Red;
padding-left: 5px;
padding-right: 5px;
}

.FLAG_c{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 9px;
	background-color: Black;
	padding-left: 5px;
	padding-right: 5px;
}

.FLAG_r{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 9px;
	background-color: Gray;
	padding-left: 5px;
	padding-right: 5px;
}

.FLAG_e{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	font-size:9px;
	background-color: rgb(204,0,0);
	padding-left:5px;
	padding-right:5px;
}

.FLAG_y{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 9px;
	background-color: Fuchsia;
	padding-left: 5px;
	padding-right: 5px;
}

.FLAG_n{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 9px;
	background-color: #FFD700;
	padding-left: 5px;
	padding-right: 5px;
}

/* ----------------------- Structure ----------------------- */


/* ----------------------- formulaires ----------------------- */

input {
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
}

textarea
{
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
	border: 1px #666666 solid;
	background-color: #EFEFEF;
}

input.alert ,
select.alert
{	
	border: 1px #BE4A4A solid;
	background-color: #FFF0F5;
	color: Red;
}

input.success ,
select.success
{
	border: 1px #666666 solid;
	background-color: #F0FFE7;
	color: green;
}

input.readonly ,
select.readonly
{
	border: 1px #999999 solid;
	background-color: #E9E7E7;
	color: #999999;
}

textarea.alert
{	
	border: 1px #BE4A4A solid;
	background-color: #FFF0F5;
	color: Red;
}

textarea.success
{
	border: 1px #666666 solid;
	background-color: #F0FFE7;
	color: green;
}

font.aide {
	font-family:arial;
	font-size:10px;
	color:#666666;
}

div.macronature {
	position:relative;
	background-color: transparent;	
}

div.macronature_content {
	margin-top:20px;
	position:absolute;
	top:0px;
	border:1px solid #E75112;
	background-color:#f9f9f9;
	padding:5px;
	height:170px;
	width:180px;
	overflow:auto;
}
.aide {
	font-size:10px;
	color:#666666;
	font-style:italic;
}

td.grise,
td.grise font.aide {
	color:#999999;
}

/* autocomplete */

div.autocompleter * {
	cursor:pointer;
}

div.autocompleter {
	font-size:10px;
	font-family : tahoma, arial, helvetica, sans-serif;
	width: 350px;
	background: #fff;
	cursor:pointer;
}
div.autocompleter ul {
	border:1px solid #324b86;
	margin:0;
	padding:0;
	width:100%;
	list-style-type:none;
	cursor:pointer;
}
div.autocompleter ul li.selected {
	background-color: #E9E7E7;
}

div.autocompleter ul li {
	margin:0;
	padding:3px;
	cursor:pointer;
}

label {cursor:pointer;}
.important {
	color:red;
	font-style:italic;
	font-size:10px;
}
img.photo_principale{
	border:1px solid white;
}
img.photo_miniature{
	border:1px solid black;
}

/* visionneuse  */

font#picture_commentaire,
font#thumbnail_info {
	color:#333333;
}

div#picture_loading {
	padding:10px;
}

img.thumbnail {
	border:	0px solid white;
}

font.picture_commentaire {
	font-style: italic;
	color: #333333;
}

font#thumbnail_info {
	font-size:10;
	float:right;
}

td.thumbnails{
	border:	1px solid #4B4B4B;
	padding:2px;
	background-color:black;
}
td.thumbnail {
	border:	1px solid black;
	padding:0px;
	background-color:black;
	cursor:pointer;
}

td.thumbnailSelected {
	border:	1px solid #999999;
	padding:0px;
	background-color:black;
	cursor:pointer;
}

td.picture_titre {
	padding-top:3px;
	color:#333333;
	font-size:11px;
}
table.photo_principale {
	background-color:white;
	border:1px solid #999999;
}









/* styles onglets recto */
div#tabs {
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}

div#tabs ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-weight: bold;
}

div#tabs li {
	float: left;
	text-align:center;
	margin: 0;
	padding: 0;
	width: 107px;
	height: 33px;
	background: url("../images/rapide_out.png") no-repeat right top;	
}

div#tabs li#active {
	background: url("../images/rapide_over.png") no-repeat right top;	
}

div#tabs a {
	outline:0px;
	display: block;
	padding:6px 0px 0px 0px;
	text-decoration: none;
	color: #666666;
}

div#tabs #active a {
	outline:0px;
	color:#333333;
	font-weight:bold;
	padding-top: 6px;
	background-repeat: no-repeat;
	text-shadow: #333 0px 0px 0px; /* Safari only shadows */
}

div#tabs li a:hover {
	color: #FC5013;
	text-decoration:none;
}

div#tabs li#active a:hover {
	color: #FC5013;
	text-decoration:none;
}

div#tabs #active a:hover {
	text-decoration: none;
}

div#tab_content {
	border: 0px #666666 solid;
	padding:15px;
	float: left;
	clear: left;
	background: #f9f9f9;
	font-size: 15px;
}


/* *********** Spécifique au bloc "Table actualite"*********** */
.actualite_table{
	border : 1px #002c52 solid;
	text-align:left;
}

.actualite_table_titre{
	text-transform: uppercase;
	font-size:12px;
	padding: 2px;
	background-color: #676767;
	font-weight: bold;
	text-align: center;
}

.actualite_table_titre_over{
	text-transform: uppercase;
	font-size:12px;
	padding: 2px;
	background-color: #9A9A9A;
	font-weight: bold;
	text-align: center;
}

.actualite_table_ligne_paire{
	background-color: #E4E4E4;
}
.actualite_table_ligne_paire td{
	color:#000000;
}
.actualite_table_ligne_impaire{
	background-color: #CECECE;
}
.actualite_table_ligne_impaire td{
	color:#000000;
}
.actualite_table_ligne_over{
	background-color: #9A9A9A;
	color:#002c52;
}
.actualite_table_ligne_selected{
	background-color: #ff5555;
}
.actualite_table_ligne_selected td{
}


/* *********** Spécifique au bloc "Table rss"*********** */
.rss_table{
	border : 1px #002c52 solid;
	text-align:left;
}

.rss_table_titre{
	text-transform: uppercase;
	font-size:12px;
	padding: 2px;
	background-color: #676767;
	font-weight: bold;
	text-align: center;
}

.rss_table_titre_over{
	text-transform: uppercase;
	font-size:12px;
	padding: 2px;
	background-color: #9A9A9A;
	font-weight: bold;
	text-align: center;
}

.rss_table_ligne_paire{
	background-color: #E4E4E4;
}
.rss_table_ligne_paire td{
	color:#000000;
}
.rss_table_ligne_impaire{
	background-color: #CECECE;
}
.rss_table_ligne_impaire td{
	color:#000000;
}
.rss_table_ligne_over{
	background-color: #9A9A9A;
	color:#002c52;
}
.rss_table_ligne_selected{
	background-color: #ff5555;
}
.rss_table_ligne_selected td{
}

table.intranet {
	width:992px;
	background: url(../images/http://www.syndic-loft-one.com/_design/2009/images/centre_ext.png) repeat-y;
}