/***************** Etiquette info *******************/
#info_admin {
	cursor: pointer;
	color: #999;
	font-size: small;
	margin: 10px;
	padding: 2px;
	background-color: #fff;
	z-index: 100000;
	filter: alpha(opacity = 70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	text-align: left;
	clear: both;
}

#info_admin table {
	padding: 0;
	margin: 0;
	border: 0;
	border-collapse: collapse;
}

#info_admin td.info_version a {
	background-color: white;
	color: #ddd;
	font-weight: normal;
	text-decoration: none;
	font-size: xx-small;
	margin: 0;
	padding: 0;
}

/******************* sf_content **********************/
#sf_content {
	margin: 0px 1px 5px 1px;
	padding: 0px;
	height: auto;
	min-height: 450px; /* pour Firefox */
}

#sf_content a.link {
	font-size: 0.9em;
	font-weight: bold;
	color: #373737;
}

* html #sf_content {
	height: 450px; /* pour Internet Explorer */
}

/******************************** Breadcrumbs *****************************************/
#breadcrumbs { /* background-color: #ddd;*/
	margin: 2px 0 0 0;
	font-weight: normal;
	font-size: small;
	color: #555;
}

#breadcrumbs a {
	text-decoration: none;
	color: #555;
}

#breadcrumbs a:hover {
	text-decoration: underline;
}
/******************* nuage de tags **********************/
/* pour nuage <div id="tag-cloud"> */
#tag-cloud div.tag {
	float: right;
	border: 0px gray solid;
}

#tag-cloud ul {
	margin: 0;
	padding: 0;
}

#tag-cloud  li {
	list-style-type: none;
	display: inline;
}

#tag-cloud li a {
	text-decoration: none;
	padding: 0px 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#tag-cloud li a:hover {
	color: #B1BF00;
	text-decoration: none;
}

#tag-cloud .tag-1 a {
	color: #CCC;
	font-size: .8em;
}

#tag-cloud .tag-2 a {
	color: #BBB;
	font-size: .85em;
}

#tag-cloud .tag-3 a {
	color: #AAA;
	font-size: .9em;
}

#tag-cloud .tag-4 a {
	color: #999;
	font-size: .95em;
}

#tag-cloud .tag-5 a {
	color: #888;
	font-size: 1em;
}

#tag-cloud .tag-6 a {
	color: #777;
	font-size: 1em;
	font-weight: bold;
}

#tag-cloud .tag-7 a {
	color: #666;
	font-size: 1.1em;
	font-weight: bold;
}

#tag-cloud .tag-8 a {
	color: #555;
	font-size: 1.2em;
	font-weight: bold;
}

#tag-cloud .tag-9 a {
	color: #444;
	font-size: 1.5em;
	font-weight: bold;
}

#tag-cloud .tag-10 a {
	color: #333;
	font-size: 2em;
	font-weight: bold;
}

#tag-cloud .tag-11 a {
	color: #222;
	font-size: 2.5em;
	font-weight: bold;
}
/* Les liens des tags (ex : dans la visualisation d'une offre) */
a.tag { 
 	color : gray;
 }
/******************* message notice breadcrumb **********************/
#message_rouge,#message_vert, #message_confirm {
	border: 0px dashed gray;
	text-align: left;
	color: gray;
	font-size: small;
	margin: 0 0 5px 0;
	background-repeat: no-repeat;
	padding: 12px 18px 12px 60px;
}

#message_rouge { 
	background-color: #fa9e94;
	color: #fff;
	font-weight: bold;
	background-image: url(../images/icones/message_rouge.png);
	background-repeat: no-repeat;
	background-position: left ;
}

#message_vert { 
	background-color: #d6ec6b;
	color: #fff;
	font-weight: bold;
	background-image: url(../images/icones/message_vert.png);
	background-repeat: no-repeat;
	background-position: left ;
}

#message_confirm { 
	background-color: #fbd351;
	color: #fff;
	font-weight: bold;
	background-image: url(../images/icones/warning.png);
}
#message_rouge a {
	color: #ccc;
}

#message_vert a {
	color: #ccc;
}

#message_confirm a {
	color: #ccc;
}

/******************* word highlight **********************/
.highlight {
	border-top: 0px dashed gray;
	border-bottom: 0px dashed gray;
	background-color: #d2fcc4;
	padding: 0px;
}

/******************* div information **********************/
div.information {
	border: 0px dashed gray;
	background-color: #ffffff;
	text-align: left;
	color: gray;
	font-size: small;
	margin: 5px 0 5px 0;
	background-image: url(../images/icones/message_bleu.png);
	background-repeat: no-repeat;
	background-position: left;
	padding: 12px 18px 12px 40px;
}

div.information span.rouge {
	color: #8a1f11;
	font-weight: bolder;
}

div.information span.orange {
	color: #FF9900;
	font-weight: bolder;
}

div.information span.vert {
	color: #267709;
	font-weight: bolder;
}

div.information p {
	font-size: small;
	padding: 0;
	margin: 0;
}

div.information_importante {
	border: 0px dashed gray;
	background-color: #fef0f0;
	text-align: left;
	color: #8a1f11;
	font-size: small;
	font-weight: normal;
	margin: 5px 0 5px 0;
	background-image: url(../images/icones/message_rouge.png);
	background-repeat: no-repeat;
	background-position: left;
	padding: 12px 18px 12px 40px;
}
div.information_utile {
	border: 0px dashed gray;
	background-color: #f0fef0;
	text-align: left;
	color: #267709;
	font-size: small;
	font-weight: normal;
	margin: 5px 0 5px 0;
	background-image: url(../images/icones/message_vert.png);
	background-repeat: no-repeat;
	background-position: left;
	padding: 12px 18px 12px 60px;
}

/******************* div g�n�riques multi color **********************/
.color1 {
	background-color: #ebf1d2;
	padding: 10px;
}

.color2 {
	background-color: #ebf1c2;
	padding: 10px;
}

.color3 {
	background-color: #ebf1e2;
	padding: 10px;
}

.color4 {
	background-color: #ebf1b2;
	padding: 10px;
}

/**************** L'apparence des boutons *********************************************/
/*
button {
	cursor: pointer;
	color: #666;
	padding: 0px 2px;
	margin: 1px 5px 0px 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

button:hover {
	
}

button.valid {
	color: #580;
}

button.delete {
	color: #B00;
}

button.button_login {
	padding: 1px;
	margin: 3px 3px 3px 0px;
	font-size: x-small;
}
*/



	 /* Start custom button CSS here
   ---------------------------------------- */

   
   .btn {
     display:inline-block;
     background:none;
     margin:3px;
     padding:3px 0;
     border-width:0;
     overflow:visible;
     font:100%/1.2 Arial,Sans-serif;
     text-decoration:none;
     color:#777;
     cursor:pointer;
     }
   * html button.btn {
     padding-bottom:1px;
     }
   /* Immediately below is a temporary hack to serve the
      following margin values only to Gecko browsers
      Gecko browsers add an extra 3px of left/right
      padding to button elements which can\'t be overriden.
      Thus, we use -3px of left/right margin to overcome this. */
   html:not([lang*=""]) button.btn {
     margin:3px -3px;
     }
   .btn span {
     background:#fff url(../images/fonds/bg_button.gif) repeat-x 0 0;
     margin:0;
     padding:3px 0;
     border-left:1px solid #bbb;
     border-right:1px solid #aaa;
     }
   * html .btn span {
     padding-top:0;
     }
   .btn span span {
     position:relative;
     padding:3px .4em;
     border-width:0;
     border-top:1px solid #bbb;
     border-bottom:1px solid #aaa;
     }

   /* pill classes only needed if using pill style buttons ( LEFT | CENTER | RIGHT ) */
   button.pill-l span {
     border-right-width:0;
     }
   button.pill-l span span {
     border-right:1px solid #bbb;
     }
   button.pill-c span {
     border-right-style:none;
     border-left-color:#fff;
     }
   button.pill-c span span {
     border-right:1px solid #bbb;
     }
   button.pill-r span {
     border-left-color:#fff;
     }

   /* only needed if implementing separate hover/focus/active state for buttons */
   .btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span span {
     cursor:pointer; /* important for any clickable/pressable element */
     border-color:#8bde7d !important;
     color:#777;
     }
   .btn:active span {
     background-position:0 -400px;
     outline:none;
     }
   .btn:focus, .btn:active {
     outline:none; /* doesn\'t seem to be respected for <button>, only <a> */
     }

   /* use if one button should be the primary button */
   .primary {
    /* font-weight:bold; */
     }
     
     
     
     
button.valid:hover span {
	color: #7a0;
}
button.valid {
	color: #7a0;
}

button.delete:hover span {
	color: #D00;
}
button.delete {
	color: #D00;
}

/**************** decorations diverses *********************************************/
hr {
	padding-left: 10px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	width: 97%;
	font-size: 1.4em;
	color: #FFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: -10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

fieldset {
	margin: 10px;
}

legend {
	font-weight: bold;
}

textarea {
	border-style: solid;
	border-color: #666666;
	border-width: 1px;
	padding: 2px;
}

img.delete {
	cursor: pointer;
}

/**************** Forms *********************************************
*
*   Ici sont d�finis les css relatif aux formulaires utilis�s 
*   dans le apps/frontend/templates/partial _form_row
*
*/
form { /* palie au probleme sous IE de marge haute et basse */
	margin: 0;
	padding: 0;
}

/***** mise en page label + champ *****/
#form_row div.div_form_label_bas,#form_row_error div.div_form_label_bas
	{
	float: left;
}

#form_row div.div_form_label_haut,#form_row_error div.div_form_label_haut
	{
	
}

/* div contenant le label par d�faut */
#form_row div.div_form_label_1,#form_row_error div.div_form_label_1 {
	width: 180px;
}

/* div contenant le label secondaire */
#form_row div.div_form_label_100,#form_row_error div.div_form_label_100
	{
	width: 100%;
}

#form_row div.div_form_label_2,#form_row_error div.div_form_label_2 {
	width: 10px;
}

#form_row div.div_form_label_3,#form_row_error div.div_form_label_3 {
	width: 250px;
}

#form_row div.div_form_label_4,#form_row_error div.div_form_label_4 {
	width: 50px;
}

#form_row div.div_form_champ,#form_row_error div.div_form_champ {
	
}

#form_row div.div_form_error,#form_row_error div.div_form_error {
	clear: both;
}

#form_row div.div_form_aide,#form_row_error div.div_form_aide {
	clear: both;
	margin: 0px;
	padding: 0px;
	color: #777;
	line-height: 12px;
	font-size: x-small;
}

/***** div ligne normale *********/
#form_row,#form_row_error {
	line-height: 1.5em;
	margin: 0px;
	padding: 3px;
}

#form_row input,#form_row_error input {
	font-weight: normal;
	font-size: small;
	border: solid #888 1px;
}

#form_row input[type=checkbox],#form_row_error input[type=checkbox],#form_row input[type=radio],#form_row_error input[type=radio]
	{
	border: none;
}

#form_row label.label_form,#form_row_error label.label_form {
	font-weight: bold;
	font-size: small;
	color: #222;
}

/* les boutons radio apparaissent dans des ul li */
#form_row ul {
	margin: 0px;
	padding: 0px;
}

#form_row li {
	margin: 0;
	padding: 0;
	line-height: normal;
	font-size: x-small;
	list-style: none;
}

/***** div ligne normale en erreur ***/
#form_row_error input,#form_row_error textarea {
	background-color: #fddbb4;
	border: solid #888 1px;
}

#form_row_error label.label_form {
	
}

/* les messages d'erreurs apparaissent dans des ul li */
#form_row_error ul {
	margin: 0px;
	padding: 0px;
}

#form_row_error li {
	color: #8a1f11;
	margin: 0;
	padding: 0;
	line-height: normal;
	font-size: x-small;
	list-style: none;
}

/**************** formatage de la classe sfWidgetFormPropelSelectManyCheckbox */
#form_many_checkbox {
	margin: 0px;
	padding: 0 0 0 5px;
	border-left-style: solid;
	border-left-width: 0px;
	border-left-color: gray;
}

#form_many_checkbox table {
	margin: 0px;
	padding: 0 0 0 5px;
}

#form_many_checkbox tr {
	
}

#form_many_checkbox td {
	vertical-align: top;
	padding: 5px;
}

#form_many_checkbox ul {
	margin: 0px;
	padding: 0px;
}

#form_many_checkbox li {
	padding: 0;
	margin: 0;
	line-height: normal;
	font-size: x-small;
	list-style: none;
}

#form_many_checkbox label {
	font-size: x-small;
}

/**************** formatage de la classe sfWidgetFormPropelSelectRadio */
#form_select_radio {
	margin: 0px;
	padding: 0 0 0 5px;
	border-left-style: solid;
	border-left-width: 0px;
	border-left-color: gray;
}

#form_select_radio table {
	margin: 0px;
	padding: 0 0 0 5px;
}

#form_select_radio tr {
	
}

#form_select_radio td {
	vertical-align: top;
	padding: 5px;
}

#form_select_radio ul {
	margin: 0px;
	padding: 0px;
}

#form_select_radio li {
	padding: 0;
	margin: 0;
	line-height: normal;
	font-size: x-small;
	list-style: none;
}

#form_select_radio label {
	font-size: x-small;
}

/**************** formatage supplementaire pour la classe sfWidgetFormPropelSelectManyCheckboxGroup */
#form_many_checkbox p { /* Les libelles des groups de checkbox */
	margin: 0;
	padding: 0 0 0 5px;
	font-style: italic;
	font-weight: bold;
}

/***************** Pager ****************************************/
#pager_container {
	margin: 6px 0 3px 10px;
	padding: 0;
	/*background-color: #EEE;*/
	color: #BBB;
	width: 900px;
}

#pager_info {
	text-align: left;
	vertical-align: top;
	font-size: small;
	font-weight: bold;
	color: gray;
}

#pager_info a {
	text-align: left;
	vertical-align: top;
	color: gray;
}

#pager_navigation {
	text-align: right;
	vertical-align: top;
	color: gray;
}

#pager_navigation a {
	vertical-align: top;
	color: gray;
	font-weight: bold;
}

#pager_navigation img {
	vertical-align: top;
}

/****************** table de list d'element pager *****************/
 div.sortable
 {  /* la div qui englobe tout */
  margin:0 0 3px 0px;
  padding: 10px 5px;
 }
table.sortable { /*border: 1px gray solid;*/
	width: 100%;
	border-collapse: collapse;
	margin: 0;
}

table.sortable tr {
	border-bottom: 0px red solid;
	padding: 1px;
    background-color: white;
}
table.sortable tr:hover {
  background-color: #f6f6f6;
}
	
table.sortable tr.pure {
	border-bottom: 0px;
	height: 20px;
}

table.sortable td {
	border-bottom: 2px #f6f6f6 solid;
	padding: 1px 3px;
	height: 20px;
}

table.sortable td.pure {
	border-bottom: 0px;
	padding: 0px;
}

table.sortable th {
	color: #555;
	font-size: small;
	font-weight: bold;
	cursor: pointer;
	padding: 0 3px;
	height: 30px;
}
table.sortable th.transp {
	color: #666666;
	font-weight: bold;
	cursor: pointer;
	padding: 0 5px;
  	background-color: transparent;
}

table.sortable a {
	color: #666666;
	font-weight: normal;
	cursor: pointer;
	padding: 3px;
}

table.sortable .impair td {
	background-color: #EEE;
}

table.sortable .pair td {
	background-color: white;
}

/********** pour rendre transparentes les png sous IE *********************************************/
	/* !!!!! il faut renseigner "/images/transparent.gif" le chemin complet !!!!! 
         Et avoir /images/over_transparent.gif aussi pour la fonction SimpleSwap()
*/
* html img,* html .png {
	behavior: expression(( this . runtimeStyle . behavior = "none") &&( this
		. pngSet ? this . pngSet = true :( this . nodeName ==   "IMG" &&  
		this . src . toLowerCase() . indexOf('.png') > -1 ?( this .
		runtimeStyle . backgroundImage =   "none", this . runtimeStyle .
		filter =   "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"
		+   this . src +   "', sizingMethod='image')", this . src =  
		"/images/transparent.gif" ) :( this . origBg =   this .
		origBg ?   this . origBg : this . currentStyle . backgroundImage .
		toString() . replace('url("', '') . replace('")', ''), this .
		runtimeStyle . filter =  
		"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" +   this .
		origBg +   "', sizingMethod='crop')", this . runtimeStyle .
		backgroundImage =   "none" ) ), this . pngSet = true ) );
}
/********** pour utiliser les :hover pour tous les elements sous IE aussi ************************/
body { behavior: url("csshover3.htc"); }